@charset "utf-8";
li span,a span{display: inline-block;}
@media print, screen and (min-width:768px){/* =========== pc start =========== */
 .mt20{margin-top:20px !important;}
 .mt45{margin-top:45px !important;}
 .mb40{margin-bottom:40px !important;}
 .f14{font-size: 14px !important; font-weight: bold;}

 /* link */
 #container .linkIcon::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
 #container .linkIcon:hover {
   opacity: 0.5;
 }

 #container .linkIcon02::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
 #container .linkIcon02:hover {
  opacity: 0.5;
 }

 /* -------------- s01 start -------------- */
 #container .s01{
  background:url(/suntoryhall/feature/chamber2023/common/img/first_section_bg_top.jpg) no-repeat center top,
             url(/suntoryhall/feature/chamber2023/common/img/first_section_bg_bottom.jpg) repeat-x left bottom;
 }

 #container .s01m01content{
  width:100%; height: 480px;
  position: relative;
  background:url(/suntoryhall/feature/chamber2023/img/pc_kv_bg.jpg) no-repeat;
 }

 #container .eventTxt1{
  display: block;
  position: absolute;
  left:12%; top:60px;
 }
 #container .eventTxt1 .flex{
  display: flex;
  justify-content: flex-start;
  margin: 16px 0 12px;
 }
 #container .eventTxt1 .flex img:nth-child(1){
  margin-right: 10px;
 }
 #container .eventTxt1 img:last-child{
  margin-top: 21px;
 }
 #container .eventTxt1 .flex img:last-child{
  margin-top: 0;
 }
 #container .eventTxt2{
  max-width: 940px;
  width: 100%;
  position: absolute;
  left:12%; bottom:0;
 }
 #container .eventTxt2 a{
  display: inline;
  color: #119900;
 }
 #container .eventTxt2 a:hover{
  color: #55bb00;
 }
 #container .eventTxt2 h3{font-size: 20px;}
 #container .eventTxt2 p{
  line-height: 1.5;
 }
 #container .eventTxt2 .ab p:nth-child(1){
  position: absolute;
  width: 618px;
  padding-right: 10px;
  bottom: 20px;
 }
 #container .eventTxt2 .ab p:nth-child(2){
  position: absolute;
  width: 305px;
  right: 30px;
  bottom: 13px;
 }

 #container .s01main02 {padding-bottom: 40px;}

 #container .s01list.pc_item{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
 }
 #container .s01list li {
  width: 22.415%; min-height: 250px;
  background: #fff;
 }
 #container .s01list li p{padding:25px 16px 25px 20px; text-decoration: underline;}
 #container .s01list li a p,.s01list li p{display: inline-block; color:#119900; font-size: 15px;}
 #container .s01list li a p:hover{color: #55bb00;}
 .s01list li p span{color: #dd0066;}
 #container .s01list li:hover a,.s01list li:hover p{color:#55bb00;}
 #container .s01title{display: inline-block; color:#cc7711; text-decoration:none;}
 #container .s01list li .lastList{padding:13px 16px 10px 20px;}

 /* -------------- s01 end -------------- */
 /* -------------- s02 start -------------- */
 #container .s02{
  padding:20px 0 130px ;
  background:url(/suntoryhall/feature/chamber2023/common/img/section_bg_top.jpg) no-repeat top left,
             url(/suntoryhall/feature/chamber2023/common/img/section_bg_bottom_left.png) no-repeat bottom left,
             url(/suntoryhall/feature/chamber2023/common/img/section_bg_bottom_right.png) no-repeat bottom right;
 }

 #container .s02header{
  display: flex; align-items: center;
 }
 #container .s02header h2{width:21%; padding-bottom:30px;}
 #container .s02header .s02headerImg{
  display: flex;
  align-items: center;
  padding: 15px;
  background: #eeffee;
  border: 1px solid #119900;
  cursor: pointer;
 }
 #container .s02header .s02headerImg:hover{
  background: #cff8cc;
 }
 #container .s02header > a{
  color: #222222;
  text-decoration: none;
 }
 #container .s02header .s02headerImg p.text{
  margin: 0 12px;
  font-size: 16px;
  line-height: 1.3;
  font-weight: bold;
 }
 #container .s02header .s02headerImg p.text span{
  font-size: 12px;
  font-weight: normal;
 }
 #container .s02header .s02headerImg p:last-child{
  width:30px; height: 30px;
  background:url(/suntoryhall/feature/chamber2023/common/img/sp_white_arrow.png) no-repeat 54% 51%,
            #119900;
  background-size: 8.25px 13.5px, 100%;
  transform: rotate(90deg);
}
 #container .s02Hlist,.s02Hlist span,.s02icon{display: inline-block;}
 #container .s02icon{
  width:24px; height: 17px;
  vertical-align: text-top;
 }
 .mr3{margin:0 3px !important;}

 #container .s02Hlist{
  font-size: 13.5px;
  line-height: 1.7;
  font-weight: 600;
  margin-top: -10px;
  margin-right: 30px;
 }

 #container .s02mainList{width: 100%; display: flex;justify-content: space-between; flex-wrap: wrap;}
 #container .s02mainList li{
  width:48.276%;
  padding:40px 0;
  border-top:1px solid#bbddbb;
 }
 #container .s02mainContent {
  min-height: 160px;
  display: flex;
  align-items: stretch;
 }
   #container .s02mainimg {
  width: 220px;
  margin-right: 25px;
 }
   #container .s02maintxt {
  width: 312px;
  display: flex; flex-wrap: wrap;
 }

 .f13{
  font-size: 13px !important;
  padding-bottom:5px !important;
 }
 #container .s02maintxt h3{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.39;
 }
 #container .s02Txtcommon{
  padding:10px 0 12px;
  font-size: 16px;
  line-height: 1.5;
  color:#664499;
  font-weight: bold;
 }
 #container .s02Txtcommon a {
  color:#664499;
 }
 #container .nobold{
  font-weight: normal;
 }
 #container .s03Txtcommon{
  padding:10px 0px 12px 8px;
 }

 #container .s02Btn{
  position: relative;
  width: 180px; height: 40px;
  background:no-repeat,
             linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%);
  background-size: 5px 8px, 100%;
  border-radius: 50px;
 }
 #container .s02Btn:hover{
  background:no-repeat,
             linear-gradient(to right, #007896 15%, #007149 50%, #008811 90%);
  background-size: 5px 8px, 100%;
 }
 #container .s02Btn a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  margin-left: -4px;
  color:#fff;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
 }
 #container .s02Btn::after{
  content: '';
      display: inline-block;
      right: 18px;
      top: 47.5%;
      width: 5px;
      height: 5px;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
      position: absolute;
      transition: All 0.2s ease;
      -webkit-transition: All 0.2s ease;
      -moz-transition: All 0.2s ease;
      -o-transition: All 0.2s ease;
 }

 #container .s02mainbtnArea{
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top:20px;
 }
 #container .s02Btn2{
  /* width: 175px;  */
  height: 40px;
  background-color:#eeffee;
  margin: 0 5px 10px 0;
 }
 #container .mt40{
  margin-top: 40px;
 }
 .mg0{margin:0 !important;}
 #container .s02Btn2:hover{background-color:#f4ffdd;}
 #container .s02Btn2 a{
  width: 100%; height: 100%;
  margin:0 43px auto 0;
  display: flex;
  justify-content: center; align-items: center;
  padding-left: 3px;
  color:#119900;
  font-size: 15px;
 }
 #container .s02Btn2 a::after{
  content:'';
  display: flex;
  align-items: flex-start;
  width: 5px; height: 8px;
  margin: -2px 0 0 8px;
  background: url(/suntoryhall/feature/chamber2023/common/img/green_arrow.png) no-repeat center;
  background-size: cover;
 }
 #container .s02mainbtnArea.btnother a{margin:0 39px auto 0;}
 #container .s02mainbtnArea .s02icon{margin-left: 10px; margin-top: -4px;}

 .wd390{ width: 430px !important; display: block; }
 #container .lastcontent{margin-top:-55px;}

 #container .DLcontent{
  width: 100%;
  padding: 0;
  border: 1px solid #119900;
  background-color: #eeffee;
 }
 #container .DLcontent h3{
  padding: 30px 40px;
  cursor: pointer;
 }
 #container .DLcontent:hover{
  background-color: #cff8cc;
 }
 #container .DLcontent .pc_item{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 #container .DLcontent .pc_item p:nth-child(1){
  font-size: 27px;
  font-weight: bold;
 }
 #container .DLcontent .pc_item p:nth-child(2),
 #container .DLcontent .pc_item p:nth-child(3){
  display: flex;
  align-items: center;
  font-size: 13px;
  font-weight: bold;
 }
 #container .DLcontent .pc_item p span{
  display: block;
  width: 26px;
  margin: 0 6px;
 }
 #container .DLcontent .pc_item a{
  width:40px; height: 40px;
    background:url(/suntoryhall/feature/chamber2023/common/img/white_plus.png) no-repeat 50% 50%,
              #119900;
    background-size: 15px 15px, 100%;
 }
 #container .DLcontent .accArea{
  display: none;
  margin: 0 40px;
  padding: 0 0 30px;
  border-top: 2px solid #119900;
 }
 #container .DLcontent .accArea > p{
  padding: 20px 0;
  font-size: 14px;
 }
 #container .DLcontent .accArea > p > span{
  display: inline;
 }
 #container .DLcontent .accArea > p > span.sp_item{
  display: none !important;
 }
 #container .DLcontent .accArea ul{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  height: 627px;
 }
 #container .DLcontent .accArea ul li{
  width: 49%;
  margin-bottom: 5px;
 }
 #container .DLcontent .accArea ul li a{
  color: inherit;
  text-decoration: none;
 }
 #container .DLcontent .accArea ul li a:visited,
 #container .DLcontent .accArea ul li a:active{
  color: inherit;
 }
 #container .DLcontent .accArea ul li div{
  display: flex;
  width: 100%;
  height: 52px;
  padding: 5px 10px;
  background-color: #eeffee;
 }
 #container .DLcontent .accArea ul li div:hover{
  background-color: #f4ffdd;
 }
 #container .DLcontent .accArea ul li div p{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 37%;
  margin-right: 3.5%;
  font-size: 14px;
  font-weight: bold;
 }
 #container .DLcontent .accArea ul li div span{
  display: block;
  width: 26px;
 }
 #container .DLcontent .accArea ul li div p:nth-child(2){
  display: flex;
  align-items: center;
  width: 59.5%;
  font-size: 14px;
  font-weight: bold;
  color: #00aa33;
  text-decoration: underline;
 }
 #container .DLimg{
  display: inline-block;
  width:164px;
  padding-right: 15px;
 }
 #container .DLimg.sp_item{display: none;}
 #container .DLtxt{ width:65%; display: inline-block; }
 #container .DLtxt a{
  font-size: 18px;
  font-weight: bold;
  color:#119900;
  line-height: 1.39;
 }
 #container .DLtxt .PDFicon{
  display: block;
  width:22px;
  padding-top:15px;
 }
 #container .DLtxt:hover a{color:#55bb00;}
 #container .DLtxt:hover .PDFicon{opacity: .8;}

 #container .commonBorder{padding-top:45px; }

 #container .s02main02 h2{padding:8px 0 10px; }

 #container div#textBox {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  background-color: #fff;
 }

 #container .listBox{
  max-height: 170px;
  overflow-y: scroll;
 }
 #container .listBox::-webkit-scrollbar{width:20px;}
 #container .listBox::-webkit-scrollbar-thumb{background-color: #eadcb3; border-radius: 10px;}
 #container .listBox::-webkit-scrollbar-thumb:hover{background-color: rgba(234,200,179,.8);}
 #container .listBox::-webkit-scrollbar-track{background-color: #f7f2e3; border-radius: 10px;}

 #container .listBox li{margin:-5px 0 5px;}
 #container .listBox li p{display: inline-block; vertical-align: top;}
 #container .dateArea{width:10.205%;}
 #container .titleArea{text-indent: -.5em; width:85%;}
 #container .listBox li p,.listBox li a{
  font-size: 16px;
  line-height: 2.1;
 }
 #container .listBox li p,
 #container .listBox li span{color:#444444}
 #container .listBox li a,#container .listBox li a span{width:100%; color:#119900; text-decoration: underline;}
 #container .listBox li:hover a,#container .listBox li:hover a span{color:#55bb00;}
 /* -------------- s02 end -------------- */
 /* -------------- s03 start -------------- */

 #container .s03{
  padding:10px 0 130px;
  background:url(/suntoryhall/feature/chamber2023/img/section03_bg.png) no-repeat right top,
             #f9f4e4;
 }

 #container .s03mainBox{
  padding:40px 50px;
  background-color: #fff;
 }
 .w640{width:640px; max-height: 460px;}
 .w480{width:480px;}

 #container .s03mainBox.w480.mb40{padding:40px 50px 30px; max-height: 180px;}
 #container .s03mainBox.w480{padding:42px 50px;}
 #container .s03mainBox h3{
  height: 60px;
  background:linear-gradient(to right, #cfebcc 20%, #f6ffe5 90%);
  font-size: 20px;
  padding:15px 30px;
  position: relative;
 }
 #container .birdHD::after{
  content:'';
  display: block;
  width:47px; height: 60px;
  position: absolute;
  left:-15px; top:-18px;
  background:url(/suntoryhall/feature/chamber2023/img/section03_HDimg.png) no-repeat center;
  background-size: 47px 60px;
 }
 #container .w640 .s03mainTxt{
  width:550px;
  padding-left: 30px;
 }
 #container .w480 .s03mainTxt{ padding-left: 30px ; }
 #container .s03mainTxt h4{
  font-size: 20px;
  font-weight: bold;
  padding-top:30px;
 }
 #container .s03Txtlist{
  font-size: 13px ;
  line-height: 1.69;
  padding-top:20px;
 }

 #container h3.otherHD{
  height: 50px;
  padding:10px 30px ;
  background: #e8f8f6;
 }
 #container .otherHD span{
  display:inline-block;
  width:24px;
  margin:-2px 15px 0 0;
  vertical-align: middle ;
 }
 #container .s03BoxTxt{
  font-size: 13.5px;
  line-height: 1.63;
  color:#444444;
 }
 #container .s03BoxTxt a{display: inline-block; color:#119900;}
 #container .s03BoxTxt a:hover{color:#55bb00;}

 /* #container .s03BtnArea{margin:0 0 20px 30px;} */
 #container .s03Btn{
  position: relative;
  width: 440px; height: 50px;
  background:no-repeat,
             linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%);
  background-size: 5px 8px, 100%;
  border-radius: 50px;
  margin:30px auto auto auto;
 }
 #container .s03Btn:hover{
  background:no-repeat,
             linear-gradient(to right, #007896 15%, #007149 50%, #008811 90%);
  background-size: 5px 8px, 100%;
 }
 #container .s03Btn a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  padding-left: 5px;
  color:#fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
 }
 #container .s03Btn a::after{
  content:'';
  display: flex;
  align-items: flex-start;
  width: 5px; height: 8px;
  margin: -2px 0 0 15px;
 }
 #container .s03Btn::after {
  content: '';
  display: inline-block;
  right: 18px;
  top: 47.5%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

 #container .s03m2HD .fs20{
  font-size: 20px;
  vertical-align: bottom;
  margin-top: 3px;
 }
 #container .s03m2HD{
  padding:35px 0 15px;
 }

 #container .s03commonbox li{
  padding:40px 50px;
  background-color: #fff;
 }

 #container .s03commonbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
 }
 #container .s03commonbox li:nth-child(1){
  position: relative;
 }
 #container .s03commonbox li:nth-child(1)::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 145px;
  height: 154px;
  background: url(/suntoryhall/feature/chamber2023/img/section03_main02_pc_bg02.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1)::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 135px;
  height: 139px;
  background: url(/suntoryhall/feature/chamber2023/img/section03_main02_pc_bg01.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1),
 #container .s03commonbox li:nth-child(4){
  width: 1160px;
 }
 #container .s03commonbox li:nth-child(2),
 #container .s03commonbox li:nth-child(3){
  width: 560px;
 }
 #container .s03commonbox li:nth-child(1) .boxImg{
  position: absolute;
  bottom: 40px;
  right: 50px;
 }
 #container .s03commonbox li:nth-child(1) .boxImg > div{
  display: flex;
 }
 #container .s03commonbox li:nth-child(1) .boxImg p:nth-child(2){
  width: 310px;
  height: 220px;
 }
 #container .s03commonbox .s03box04pc{
  width: 43.5%;
 }
 #container .s03commonbox li:nth-child(4) .boxImg{
  display: flex;
  position: absolute;
  bottom: 40px;
  right: 50px;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p{
  width: 270px;
  height: 177px;
  margin-right: 15px;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p:last-child{
  margin-right: 0;
 }
 #container .s03commonbox li:nth-child(1) .s03Btn2{
  margin-bottom: 60px;
 }
 #container .s03boxHD{
  margin-bottom: 15px;
 }
 #container .s03boxHD h3{
  position: relative;
  display: inline-block;
  font-size: 25px;
 }
 #container .s03boxHD h3 span{
  display: block;
  font-size: 18px;
 }
 #container .s03boxHD h3::before{
  content: '';
  position: absolute;
  left: -50px;
  top: -28px;
  width: 20px;
  height: 100px;
  background: url(/suntoryhall/feature/chamber2023/common/img/pc_header_common.png) no-repeat center;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3{
  color: #664499;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3::before{
  display: none;
 }
 #container .s03commonbox .s03Flex{
  display: flex;
 }
 #container .s03Btn2{
  position: relative;
  width: 160px; height: 50px;
  background:no-repeat,
             linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%) ;
  background-size: 5px 8px, 100%;
  border-radius: 50px;
  margin-top:30px;
  font-weight: bold;
 }
 #container .s03Btn2:hover{
  background:no-repeat,
             linear-gradient(to right, #007896 15%, #007149 50%, #008811 90%) ;
  background-size: 5px 8px, 100% ;
 }
 #container .s03Btn2 a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  padding-left: 5px ;
  color:#fff;
  font-size: 18px ;
  text-decoration: none;
 }
 #container .s03Btn2 a::after{
  content:'';
  display: flex;
  align-items: flex-start;
  width: 5px; height: 8px;
  margin: -2px 0 0 15px;
 }
 #container .s03Btn2::after {
  content: '';
  display: inline-block;
  right: 18px;
  top: 47.5%;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

 #container .s03boxContent p{width: 100%; line-height: 1.5;}
 .mr20{margin-right: 20px !important;}
 .w300{width:300px;}
 .w330{width:330px;}
 .w105{width: 105px;}
 .w160{width: 160px;}

 #container .s03ContentImg.fr.w105{width: 201px; margin-top: 25px; margin-left: 40px;}

 /* -------------- s03 end -------------- */
/* =========== pc end =========== */}

@media screen and (max-width:767px){/* =========== sp start =========== */
  .f14{font-size: 3.2vw !important; font-weight: bold;}

  /* link */
 #container .linkIcon::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
 #container .linkIcon02::after {
  content: '';
  display: inline-block;
  width: 15px;
  height: 10px;
  margin-right: 0.5em;
  background: url(/suntoryhall/common2019/img/linkIcon.png) no-repeat right center / 9px;
 }
/* -------------- s01 start -------------- */

  #container .s01m01content{
    width:100%;
    position: relative;
    background:url(/suntoryhall/feature/chamber2023/img/sp_kv_bg.jpg) no-repeat;
    background-size: 100%;
   }

  #container .sp_MenuArea{
    width: 92.654%; margin:auto auto auto 6.7vw;
    display: flex;
    justify-content: space-between;
    padding:4vw 0 1.258741vw;
  }
  #container .kv_logoArea{
    max-width: 34.4vw; width: 100%;
    display: block;
    margin:.3vw 0 0 -1vw;
  }
  #container #SpMenuBtn{
    max-width: 25.335vw; width: 100%;
    box-shadow: 0 0 10px 10px rgb(255 255 255 / 50%);
  }
  #container .spTxt{width:95.654%;}
  #container .spArea.clear::after{content: ''; display: block; clear: both;}
  #container .eventTxt1_1{
    width: 95.654%; margin:auto auto auto 5.066667vw;
    padding-bottom: 4vw;
  }
  #container .kv_txtArea{width:81.868vw; position: relative;}
  #container .kv_txtArea img:nth-child(1){
    margin-bottom: 4vw;
  }
  #container .kv_txtArea img:nth-child(3){
    margin: 1.6vw 0 4vw;
  }
  #container .kv_txtArea img:nth-child(5){
    margin-top: 4vw;
  }
  #container .eventTxt2 h3{
    font-size: 4vw;
    font-weight: bold;
    padding-bottom:4vw;
  }
  #container .eventTxt2 .s01txt01{
    float: left;
    width: 90vw;
    font-size: 3.066667vw;
    line-height: 1.7;
    margin: 0;
    padding-bottom: 16.5vw;
  }
  #container .eventTxt2 .s01btn01{
    position: absolute;
    left: -1.5vw;
    bottom: -1.5vw;
    width: 84%;
  }
  #container .evtT2Img{
    float:right;
    width: 26.668vw;
  }
  #container .eventTxt2 .s01txt02{
    width:100%;
    font-size: 3.06666vw;
    line-height: 1.7;
    padding-bottom:3.9vw;
  }
  #container .eventTxt2 a{
    display: inline;
    color: #119900;
  }
  #container .eventTxt2 a:hover{
    color: #55bb00;
  }

  #container .s01main02{ background: linear-gradient(to top, #fdfaef 1%, #fff 5%); }

  #container .s01list li{ padding-bottom: 4vw; }
  #container .s01list li a{display: flex; align-items: center;}
  #container .s01list li:last-child{padding-bottom:8vw;}
  #container .s01listImg {max-width: 49.998vw; width: 100%; box-sizing: border-box; padding-right: 4.66666vw;}
  #container .s01list li p{
    max-width: 42vw;
    width: 100%;
    text-decoration: underline;
    font-size: 3.7vw;
  }
  #container .s01list li p span{
    color: #dd0066;
    text-decoration: none;
  }
  #container .s01list li p a,
  .s01list li p{
    color:#119900;
    font-size: 3.7vw;
  }
  #container .s01title{
    display: inline-block;
    color:#cc7711;
    text-decoration:none;
  }
/* -------------- s01 end -------------- */
/* -------------- s02 start -------------- */

#container .s02{padding-bottom:12vw;}

#container .s02 h2{padding:3.33333vw 0 0;}
#container .s02header h2 > a{
  color: #222222;
  text-decoration: none;
 }
#container section h2 div{
  display: flex;
  align-items: center;
  max-width: 60vw;
  margin-left: 4vw;
  padding: 2.133333vw;
  background: #eeffee;
  border: 0.266667vw solid #119900;
}
#container section h2 div p.img{
  width: 5.866667vw;
}
#container section h2 div p.text{
  margin: 0 1.6vw;
  font-size: 3.2vw;
  line-height: 1.3;
  color: #222222;
}
#container section h2 div p span{
  font-size: 2.666667vw;
  font-weight: normal;
}
#container section h2 div p:last-child{
  width:5.866667vw; height: 5.866667vw;
  background:url(/suntoryhall/feature/chamber2023/common/img/sp_white_arrow.png) no-repeat 55% 50%,
            #119900;
  background-size: 1.35vw 2.25vw, 100%;
  transform: rotate(90deg);
}
#container .s02Hlist {width:91.305%; margin:auto; padding-bottom: 6.13333vw;}
#container .s02Hlist li{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 3.73333vw;
  line-height: 1.43;
  margin-bottom: 1.47711vw;
}
#container .s02Hlist li span.sp_item{display: inline;}
#container .s02Hlist li:last-child{margin-bottom:0px;}
#container .s02Hlist li .s02icon{width:6.4vw; margin:0 1.5vw; vertical-align: text-top;}

#container .s02mainList{width: 100%;}
#container .s02mainList li{
 padding:40px 0;
 border-top:2px solid rgba(153,187,102,.6);
}
#container .s02mainContent {display: flex; align-items: stretch;}
#container .s02mainimg {
 width: 40vw;
 margin-right: 4vw;
}
  #container .s02maintxt {
 width: 48vw;
 display: flex; flex-wrap: wrap;
}

.f13{
 font-size: 13px !important;
 padding-bottom:5px !important;
}
#container .s02maintxt h3{
 font-size: 4.4vw;
 font-weight: bold;
 line-height: 1.32;
}
#container .s02Txtcommon{
 padding:1.333333vw 0 4vw;
 font-size: 3.55vw;
 line-height: 1.5;
 color:#664499;
 font-weight: bold;
}
#container .s02Txtcommon a{
  color:#664499;
}
#container .nobold{
  font-weight: normal;
}

#container .s02mainbtnArea {  margin-top:5.3333vw;}
#container .s02Btn{
  position: relative;
 width: 46vw; height: 10.668vw;
 background:no-repeat,
            linear-gradient(to right, #01aa98 15%, #3cb43c 50%, #66bb00 90%);
 background-size: 1.5vw 2.5vw, 100%;
 border-radius: 50px;
}
#container .s02Btn a{
 width: 100%; height: 100%;
 display: flex;
 justify-content: center; align-items: center;
 margin-left: -8px;
 color:#fff;
 font-size: 4vw;
 font-weight: bold;
 text-decoration: none;
}
#container .s02Btn::after{
  content: '';
      display: inline-block;
      right: 4.266667vw;
      top: 47%;
      width: 1.333333vw;
      height: 1.333333vw;
      border-top: 2px solid #fff;
      border-right: 2px solid #fff;
      -webkit-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
      position: absolute;
      transition: All 0.2s ease;
      -webkit-transition: All 0.2s ease;
      -moz-transition: All 0.2s ease;
      -o-transition: All 0.2s ease;
 }

#container .s02Btn2{
  width:100%;
  background-color:#eeffee;
  position: relative;
}
#container .s02Btn2 a{
  padding:4vw 0 4vw 5.33333vw;
  color:#119900;
  font-size: 3.73333vw;
  font-weight: bold;
  margin-bottom:2.6666vw;
}
#container .s02Btn2 a.mb0{margin-bottom:0px;}
#container .s02Btn2 .s02icon{width:6.4vw; margin:-.8vw 0 0 3.3333vw; vertical-align: middle;}

#container .s02Btn2 a::after{
  content:'';
  width:6.668vw; height: 6.668vw;
  background:url(/suntoryhall/feature/chamber2023/common/img/sp_white_arrow.png) no-repeat 55% 50%,
            #119900;
  background-size: 1.5vw 2.5vw, 100%;
  position: absolute;
  top:50%; right: 0;
  transform: translate(0,-50%);
}
.wd390{width:100% !important;}
#container .f13 {
  font-size: 3vw !important;
  padding-bottom: 1.333333vw !important;
}

#container .DLcontent{
  display: block;
  width: 100%;
  padding: 0;
  border: 0.266667vw solid #119900;
  background-color: #eeffee;
  font-weight: bold;
 }
 #container .DLcontent h3{
  padding: 4.8vw 2.666667vw;
 }
 #container .DLcontent .sp_item{
  width: 100%;
 }
 #container .DLcontent .sp_item .flex{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1.333333vw;
 }
 #container .DLcontent .sp_item .flex p{
  font-size: 6.133333vw;
 }
 #container .DLcontent .sp_item .flex a{
  width:6.933333vw; height: 6.933333vw;
  margin-right: 5.333333vw;
    background:url(/suntoryhall/feature/chamber2023/common/img/white_plus.png) no-repeat 50% 50%,
              #119900;
    background-size: 3vw 3vw, 100%;
 }
 #container .DLcontent .sp_item > div,
 #container .DLcontent .sp_item > p:nth-child(2){
  margin-left: 2.666667vw;
 }
 #container .DLcontent .sp_item > p{
  display: flex;
  align-items: center;
  font-size: 3.733333vw;
  margin-bottom: 1.333333vw;
 }
 #container .DLcontent .sp_item > p span{
  display: block;
  width: 5.866667vw;
  margin: 0 1.333333vw 0 0.4vw;
 }
 #container .DLcontent .sp_item > p:last-child{
  display: none;
  margin-top: 2.666667vw;
  font-size: 2.666667vw;
  font-weight: normal;
 }
 #container .DLcontent .accArea{
  display: none;
  margin: 0 2.666667vw;
  padding: 0 0 2.666667vw;
  border-top: 0.533333vw solid #119900;
 }
 #container .DLcontent .accArea > p{
  text-indent: -1em;
  padding: 4.8vw 0 2.666667vw 1em;
  font-size: 2.933333vw;
  font-weight: normal;
 }
 #container .DLcontent .accArea ul{
  display: flex;
  flex-wrap: wrap;
 }
 #container .DLcontent .accArea ul li{
  width: 100%;
  margin-bottom: 1.333333vw;
 }
 #container .DLcontent .accArea ul li a{
  color: inherit;
  text-decoration: none;
 }
 #container .DLcontent .accArea ul li a:visited,
 #container .DLcontent .accArea ul li a:active{
  color: inherit;
 }
 #container .DLcontent .accArea ul li div{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 2.666667vw;
  background-color: #eeffee;
 }
 #container .DLcontent .accArea ul li div:hover{
  background-color: #f4ffdd;
 }
 #container .DLcontent .accArea ul li div p{
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 3.2vw;
  font-weight: bold;
 }
 #container .DLcontent .accArea ul li div span{
  display: block;
  width: 5.866667vw;
  margin-left: 1.333333vw;
 }
 #container .DLcontent .accArea ul li div p:nth-child(2){
  display: block;
  width: 100%;
  font-size: 3.2vw;
  font-weight: bold;
  color: #00aa33;
  text-decoration: underline;
 }

/* -------------- s02 end -------------- */
/* -------------- s03 start -------------- */

  #container .s03{
    padding-bottom: 26.66666vw;
    background:url(/suntoryhall/feature/chamber2023/img/section03_bg.png) no-repeat top right,
              url(/suntoryhall/feature/chamber2023/img/section03_sp_bg.png) no-repeat bottom right,
              #f9f4e4;
              background-size: 45%, 30%;
  }

  #container .s03m2HD.sp_item {width:100%;}
  #container .s03m2HD.sp_item::before{display: none;}
  #container .s03m2HD.sp_item .imgHD{
    width: 4vw;
    display: inline-block;
    margin-right: 4vw;
  }
  #container .s03m2HD.sp_item .txtHD{
    width:90vw; vertical-align: text-top;
  }

 #container .s03mainBox{
  padding:5.33333vw 4vw;
  margin-bottom:5.33333vw;
  background-color: #fff;
 }
 #container .s03mainBox.w480.mb40{padding:5.33333vw 4vw 4vw;}

 #container .s03mainBox h3{
  background:linear-gradient(to right, #cfebcc 20%, #f6ffe5 90%);
  font-size: 4.66666vw;
  padding:5.3vw 4vw;
  line-height: 1.3;
  position: relative;
 }
 #container .birdHD::after{
  content:'';
  display: block;
  width:9.468vw; height: 12vw;
  position: absolute;
  left:-2vw; top:-3vw;
  background:url(/suntoryhall/feature/chamber2023/img/section03_HDimg.png) no-repeat center;
  background-size: 100%;
 }
 #container .w640 .s03mainTxt{
  padding-left: 4vw;
 }
 #container .w480 .s03mainTxt{ padding-left: 4vw ; }
 #container .s03mainTxt h4{
  font-size: 4.66666vw;
  font-weight: bold;
  padding-top:4vw;
 }
 #container .s03Txtlist{
  width:96%;
  font-size: 3.73333vw ;
  line-height: 1.69;
  padding-top:2.666666vw;
  text-indent: -1em;
  padding-left: 1em;
 }

 #container h3.otherHD{
  padding:4.266666vw 4vw 3.6vw ;
  background: #e8f8f6;
 }
 #container .otherHD span{
  display:inline-block;
  width:6.4vw;
  margin:-.5vw 2vw 0 0;
  vertical-align: middle ;
 }
 #container .s03BoxTxt{
  font-size: 4vw;
  padding-top:2vw;
  line-height: 1.63;
  color:#444444;
 }
 #container .s03BoxTxt a{display: inline-block; color:#119900;}

 #container .s03BtnArea{margin-left:4vw;}
 #container .s03Btn{
  position: relative;
  width: 73.33333vw; height: 16vw;
  background:no-repeat,
             linear-gradient(to right, #01aa98 5%, #3cb43c 50%, #66bb00 90%);
  background-size: 1.5vw 2.5vw, 100%;
  border-radius: 65px;
  margin-top:4vw;
 }
 #container .s03Btn a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: flex-start; align-items: center;
  padding-left: 6.5vw;
  color:#fff;
  font-size: 4.26666vw;
  font-weight: bold;
  text-decoration: none;
 }
 #container .s03Btn a::after{
  content:'';
  display: flex;
  align-items: flex-start;
  width: 5px; height: 8px;
  margin: -2px 0 0 15px;
 }
 #container .s03Btn::after {
  content: '';
  display: inline-block;
  right: 4.266667vw;
  top: 47%;
  width: 1.333333vw;
  height: 1.333333vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

 #container .s03m2HD .fs20{
  font-size: 20px;
  vertical-align: bottom;
  margin-top: 3px;
 }

 #container .s03commonbox li{
  margin-bottom:4.329vw;
  padding:4vw;
  background-color: #fff;
 }
 #container .s03commonbox li:nth-child(1){
  position: relative;
 }
 #container .s03commonbox li:nth-child(1)::before{
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 21.733333vw;
  height: 22.933333vw;
  background: url(/suntoryhall/feature/chamber2023/img/section03_main02_sp_bg02.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1)::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 19.733333vw;
  height: 20.133333vw;
  background: url(/suntoryhall/feature/chamber2023/img/section03_main02_sp_bg01.png) center/contain no-repeat;
 }
 #container .s03commonbox li:nth-child(1) .boxImg{
  padding-top: 4vw;
  padding-bottom: 11vw;
 }
 #container .s03commonbox li:nth-child(1) .boxImg > p:nth-child(2){
  width: 88%;
  margin: 0 auto;
 }
 #container .s03commonbox li:nth-child(4) .boxImg{
  display: flex;
  margin: 0 4vw 4vw;
  padding-top: 5.333333vw;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p{
  margin-right: 2.666667vw;
 }
 #container .s03commonbox li:nth-child(4) .boxImg p:last-child{
  margin-right: 0;
 }
 #container .s03commonbox .s03Flex{
  display: flex;
  align-items: center;
 }
 #container .s03boxHD{
  margin-bottom:4.66666vw;
  margin-left: 5vw;
 }
 #container .s03boxHD h3{
  position: relative;
  display: inline-block;
  font-size: 5.33333vw;
  line-height: 1.6;
 }
 #container .s03boxHD h3 span{
  display: block;
  font-size: 4.266667vw;
 }
 #container .s03boxHD h3::before{
  content: '';
  position: absolute;
  left: -9vw;
  top: -3vw;
  width: 4vw;
  height: 20.535vw;
  background: url(/suntoryhall/feature/chamber2023/common/img/sp_header_common.png) no-repeat center;
  background-size: 100%;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3{
  color: #664499;
 }
 #container .s03commonbox li:nth-child(1) .s03boxHD h3::before{
  display: none;
 }
 #container .s03Btn2{
  position: relative;
  width: 32vw; height: 10.668vw;
  background:no-repeat,
             linear-gradient(to right, #01aa98 5%, #3cb43c 50%, #66bb00 90%);
  background-size: 1.5vw 2.5vw, 100%;
  border-radius: 65px;
  font-weight: bold;
 }
 #container .s03Btn2 a{
  width: 100%; height: 100%;
  display: flex;
  justify-content: center; align-items: center;
  color:#fff;
  font-size: 4vw ;
  font-weight: bold;
  margin-left: -2vw;
  text-decoration: none;
 }
 #container .s03Btn2::after {
  content: '';
  display: inline-block;
  right: 4.266667vw;
  top: 47%;
  width: 1.333333vw;
  height: 1.333333vw;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg) translateY(-50%);
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  transition: All 0.2s ease;
  -webkit-transition: All 0.2s ease;
  -moz-transition: All 0.2s ease;
  -o-transition: All 0.2s ease;
}

 .mr20{margin-right: 20px !important;}

 #container .s03Img{
   width:77.468vw; margin:auto;
   padding-bottom: 2vw;
  }
  #container .sp_contentArea{display: flex; justify-content: flex-start; padding-top: 4vw;}
  #container .s03ContentImg{width: 37.333333vw; margin-left: 5vw;}
  #container .s03ContentImg2{width: 35.2vw; margin-right: 8vw;}
  #container .s03_sp{
    width:90%;
    margin-left: 5vw;
  }
  #container .s03boxContent p{
    line-height: 1.5;
    font-size: 3.86666vw;
  }

  #container .DLimg.pc_item{display: none;}

/* -------------- s03 end -------------- */
/* =========== sp end =========== */}