#header #logo{width:140px;position:fixed;top:30px;left:4%;z-index:200}#content{overflow:hidden}.row_contents{margin-left:auto;margin-right:auto;max-width:calc(1200px + 16%);padding-left:8%;padding-right:8%;padding-top:8%;padding-bottom:8%;box-sizing:border-box;position:relative;z-index:2}#footer{padding:4%;border-top:1px solid #777;text-align:center}#footer #copyright{font-size:1rem;letter-spacing:.2em}@media screen and (max-width: 768px){#header #logo{position:fixed;width:calc(160 / 768 * 100vw);left:calc(20 / 768 * 100vw);top:calc(30 / 768 * 100vw)}#header #logo img{display:block}.row_contents{margin-left:auto;margin-right:auto;max-width:calc(1200px + 16%);padding-left:8%;padding-right:8%;padding-top:8%;padding-bottom:8%;box-sizing:border-box;position:relative;z-index:2}#footer{padding:6%;border-top:1px solid #777;text-align:center}#footer #copyright{font-size:calc(8 / 768 * 100vw);letter-spacing:.2em}}article #mainvisual{position:relative}article #mainvisual .bg{position:absolute;left:0;top:-40%;width:100%;height:200%;background:url(../img/mainvisual_bg.png) no-repeat left top;background-size:100% auto;z-index:0}article #mainvisual .bg::after{content:"";position:absolute;left:0;/**top:15%**/;width:100%;height:100%;background:url(../img/mainvisual_bg2.png) no-repeat center top;background-size:100% auto;z-index:1}article #mainvisual .mainvisual_row{align-items:center;position:relative;z-index:23}article #mainvisual .mainvisual_row .text{position:absolute;left:0;right:0;bottom:35%;transform:translateY(50%);margin:auto;max-width:calc(1200px + 16%);padding-left:8%;box-sizing:border-box;z-index:10}article #mainvisual .mainvisual_row .text h1{font-size:6rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;width:50%}article #mainvisual .mainvisual_row .text p{font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-size:2rem;margin-top:3%;line-height:2;letter-spacing:.05em;font-weight:400}article #mainvisual .mainvisual_row .img{margin:auto}article #movie a{display:block;position:relative;width:700px;overflow:hidden;margin:auto}article #movie a::before{content:"";width:100%;height:100%;position:absolute;left:0;transform:scale(1);opacity:1;transition:0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);background:url(../img/icon_movie.svg) no-repeat center center;z-index:2}article #movie a:hover::before{opacity:0;transform:scale(1.1)}article #sec01{position:relative;padding-top:8%;overflow-x:hidden;overflow-y:inherit}article #sec01::before{content:"";position:absolute;left:50%;top:-50%;width:100%;min-width:1500px;transform:translateX(-50%);height:150%;background:url(../img/first_copy_bg.png) no-repeat center top;background-size:100% auto;z-index:1}article #sec01 .sec01_row{display:flex;flex-flow:column nowrap;position:relative;z-index:2;padding-top:4%}article #sec01 .text{flex:0 1 45%;padding-bottom:12.3%;padding-right:0;width:100%;text-align:center}article #sec01 .text h2{font-size:2.8rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec01 .text p{font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-size:1.8rem;margin-top:25px;line-height:2.3;letter-spacing:.05em;font-weight:300}article #sec01 .img{flex:0 1 55%;width:55%;padding-bottom:12.3%;margin-top:-6.8%}article #sec01 .img .js-img{height:100%;padding-bottom:0;width:185%;margin-left:-35%}article #sec01 .img .js-img img{object-fit:cover;width:100%;height:100%}article #first_copy{position:relative;padding-top:13%;overflow-x:hidden;overflow-y:inherit}article #first_copy::before{content:"";position:absolute;left:50%;top:6%;width:100%;min-width:1500px;transform:translateX(-50%);height:180%;background:url(../img/first_copy_bg.png) no-repeat center top;background-size:100% auto;z-index:1}article #first_copy .first_copy_row{text-align:center;padding-bottom:0;position:relative;z-index:2;padding-top:10%}article #first_copy .first_copy_row h2{font-size:2.6rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #first_copy .first_copy_row p{font-size:1.8rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-weight:300;margin-top:15px;line-height:2;letter-spacing:.05em}article #first_copy .movie_row{padding-top:4%}article #first_copy .movie_row a{display:block;position:relative;width:700px;overflow:hidden;margin:auto}article #first_copy .movie_row a::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background-color:rgba(0,0,0,0.4);transition:0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);opacity:1;z-index:1}article #first_copy .movie_row a::before{content:"";width:100%;height:100%;position:absolute;left:0;transform:scale(1);opacity:1;transition:0.3s cubic-bezier(0.445, 0.05, 0.55, 0.95);background:url(../img/icon_movie.svg) no-repeat center center;z-index:2}article #first_copy .movie_row a:hover::before{opacity:0;transform:scale(1.1)}article #first_copy .movie_row a:hover::after{opacity:0}article #sec02{position:relative;padding-top:10%;z-index:6}article #sec02::before{content:"";position:absolute;left:0;top:-45%;width:100%;height:200%;background:url(../img/contents_bg02.png) no-repeat center top;background-size:100% auto;z-index:0}article #sec02 .sec02_row{display:flex;flex-flow:row nowrap;position:relative;z-index:2;padding-bottom:0}article #sec02 .text{flex:0 1 55%;padding-right:0;width:55%;position:relative;z-index:2}article #sec02 .text h2{font-size:2.5rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec02 .text p{font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-size:1.5rem;margin-top:15px;line-height:2;letter-spacing:.05em;font-weight:300}article #sec02 .img{flex:0 1 45%;width:45%;margin-top:-30%}article #sec02 .img .js-img{height:100%;padding-bottom:0;width:245%;margin-left:-140%}article #sec02 .img .js-img img{object-fit:cover;width:100%;height:100%}article #sec03{position:relative;z-index:5}article #sec03::after{content:"";width:100%;height:200%;top:50%;left:0;transform:translateY(-50%);position:absolute;background:url(../img/item_bg.png) no-repeat center center;background-size:70% auto;z-index:0}article #sec03 .sec03_row{display:flex;flex-flow:column;justify-content:center;align-items:center;position:relative;z-index:2;padding-bottom:12.8%}article #sec03 h2{font-size:2.5rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec03 p{font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-size:1.5rem;margin-top:15px;line-height:2;letter-spacing:.05em;font-weight:300;text-align:center}article #sec03 .js-img{height:100%;padding-bottom:0;width:145%;position:relative;margin-bottom:-8%}article #sec03 .js-img img{position:relative;z-index:2;object-fit:cover;width:100%;height:100%}article #sec04{position:relative;overflow:hidden;z-index:4}article #sec04::after{content:"";position:absolute;left:0;top:0;width:100%;height:210%;background:rgba(20,20,20,0.6) url(../img/sec04_bg02.svg) repeat right top;z-index:0}article #sec04::before{content:"";position:absolute;left:0;top:0;width:100%;height:120%;background:url(../img/sec04_bg.png) no-repeat right top;background-size:100% auto;z-index:1}article #sec04 .sec04_row{position:relative;z-index:5;padding:12.8% 8%}article #sec04 .one_column{display:flex;justify-content:space-between;align-items:center;margin-bottom:6.4%}article #sec04 .one_column>div{flex:0 1 48%}article #sec04 .one_column h2{font-size:2rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec04 .one_column p{font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-size:1.5rem;margin-top:15px;line-height:2;letter-spacing:.05em;font-weight:300;color:#ddd}article #sec04 .one_column.reverse{flex-direction:row-reverse}article #sec04 .two_column{display:flex;justify-content:space-between}article #sec04 .two_column>div{flex:0 1 48%}article #sec04 .two_column .img{background:#000}article #sec04 .two_column h2{font-size:2rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;margin-top:20px}article #sec04 .two_column p{font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;font-size:1.5rem;margin-top:15px;line-height:2;letter-spacing:.05em;font-weight:300;color:#ddd}article #feature{position:relative;z-index:3}article #feature .bg{content:"";position:absolute;left:0;top:-30%;width:100%;height:170%;background:url(../img/contents_bg.png) no-repeat center top;background-size:100% auto}article #feature h2{font-size:4rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;margin-top:20px;text-align:center;letter-spacing:.2em}article #feature h2 span{display:block;text-align:center;font-size:1.2rem;font-weight:400;padding-top:20px}article #feature .three_column{display:flex;flex-wrap:wrap;width:calc(100% + 25px);margin-left:-25px;margin-top:120px}article #feature .three_column>div{width:calc(33% - 25px);margin-left:25px;margin-bottom:50px}article #feature .three_column .img{background:#151515}article #feature .three_column h3{font-size:1.8rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;margin-top:20px}article #feature .three_column p{font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;font-size:1.3rem;margin-top:15px;line-height:1.8;letter-spacing:.05em;font-weight:300;color:#fff}article #gallery{padding-top:3%;position:relative;z-index:2;position:relative}article #gallery::before{content:"";position:absolute;left:0;top:-60%;width:100%;height:210%;background:url(../img/contents_bg02.png) no-repeat center top;background-size:100% auto;z-index:0}article #gallery .sec01_row{position:relative;z-index:2}article #gallery h2{font-size:4rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;text-align:center;letter-spacing:.2em}article #gallery .gallery_area{margin-top:4.8%;display:flex;flex-wrap:wrap;width:100%}article #gallery .gallery_area>div{width:25%;aspect-ratio:4 / 3;background-color:#111}article #item{position:relative;z-index:2}article #item .item_row{padding-bottom:12.8%}article #item h2{font-size:4rem;font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;text-align:center;letter-spacing:.2em;width:50%;margin:0 auto}article #item .js-img{margin-top:4%}article #item table{width:100%;margin-top:6%;table-layout:fixed;border-bottom:1px solid #555}article #item table th{border-top:1px solid #555;font-weight:300;font-size:1.2rem;padding:10px 5px;text-align:center;vertical-align:middle;line-height:2}article #item table td{border-top:1px solid #555;font-weight:300;font-size:1.2rem;padding:10px 5px;text-align:center;vertical-align:middle;line-height:2}article #item table .no_border th{border-top:none;padding:0 5px 10px}article #item .spec{margin-top:15px}article #item .spec .spec_list{display:flex;flex-wrap:wrap;width:calc(100% + 5px);margin-left:-5px}article #item .spec .spec_list li{width:calc(10% - 5px);margin-left:5px;margin-bottom:5px}article #item .note{margin-top:15px;font-size:1.3rem;color:#999}@media screen and (max-width: 768px){article #mainvisual{height:60vh;min-height:350px}article #mainvisual .bg{top:-5%;background:url(../img/mainvisual_bg.png) no-repeat left top;background-size:120% auto}article #mainvisual .bg::after{top:0%}article #mainvisual .mainvisual_row{height:100%}article #mainvisual .mainvisual_row .text{bottom:40%;transform:translateY(50%)}article #mainvisual .mainvisual_row .text h1{font-size:calc(40 / 768 * 100vw)}article #mainvisual .mainvisual_row .text p{font-size:calc(24 / 768 * 100vw)}article #movie a{width:80%;max-width:700px}article #movie a::before{background:url(../img/icon_movie.svg) no-repeat center center;background-size:auto 30%}article #movie a:hover::before{opacity:0;transform:scale(1.1)}article #sec01 .sec01_row{display:flex;flex-flow:column-reverse nowrap;position:relative;z-index:2;padding-top:12.8%}article #sec01 .text{padding-bottom:12.3%;padding-right:0;width:100%;text-align:left}article #sec01 .text h2{font-size:calc(35 / 768 * 100vw);font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec01 .text p{font-size:calc(26 / 768 * 100vw)}article #sec01 .img{width:100%;margin-top:-6.8%}article #sec01 .img .js-img{height:100%;padding-bottom:0;width:130%;margin-left:0%}article #sec01 .img .js-img img{object-fit:cover;width:100%;height:100%}article #sec02 .sec02_row{display:flex;flex-flow:column-reverse nowrap;position:relative;z-index:2}article #sec02 .text{padding-bottom:12.3%;padding-right:0;width:100%}article #sec02 .text h2{font-size:calc(35 / 768 * 100vw);font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec02 .text p{font-size:calc(26 / 768 * 100vw)}article #sec02 .img{width:100%;margin-top:-6.8%}article #sec02 .img .js-img{height:100%;padding-bottom:0;width:100%;margin-left:0%}article #sec02 .img .js-img img{object-fit:cover;width:100%;height:100%}article #sec03{position:relative}article #sec03::after{display:none}article #sec03 .sec03_row{flex-flow:column;justify-content:flex-start;align-items:flex-start}article #sec03 h2{order:2;font-size:calc(35 / 768 * 100vw);font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif}article #sec03 p{order:3;font-size:calc(26 / 768 * 100vw);text-align:left}article #sec03 .js-img{align-self:center;margin-bottom:6%}article #sec04{padding-top:12.6%;position:relative}article #sec04::before{height:60%;background-size:auto 100%}article #sec04 .one_column{display:flex;flex-flow:column;justify-content:space-between;margin-bottom:8.6%}article #sec04 .one_column>div{flex:0 1 48%}article #sec04 .one_column h2{font-size:calc(35 / 768 * 100vw);font-family:"Noto Serif TC","Kaiti TC","PMingLiU",serif;margin-top:15px}article #sec04 .one_column p{font-size:calc(26 / 768 * 100vw);text-align:left}article #sec04 .one_column.reverse{flex-direction:column}article #sec04 .two_column{display:flex;flex-flow:column;justify-content:space-between}article #sec04 .two_column>div{margin-bottom:8.6%}article #sec04 .two_column h2{font-size:calc(35 / 768 * 100vw);margin-top:15px}article #sec04 .two_column p{font-size:calc(26 / 768 * 100vw);text-align:left}article #feature{position:relative}article #feature .bg{top:-5%}article #feature h2{font-size:calc(60 / 768 * 100vw)}article #feature h2 span{font-size:calc(20 / 768 * 100vw)}article #feature .three_column{display:flex;flex-flow:column;flex-wrap:wrap;width:100%;margin-left:0;margin-top:12.8%}article #feature .three_column>div{width:100%;margin-left:0;margin-bottom:8.6%}article #feature .three_column .img{background:#151515}article #feature .three_column h2{font-size:calc(30 / 768 * 100vw);margin-top:15px}article #feature .three_column p{margin-top:10px;font-size:calc(26 / 768 * 100vw);text-align:left}article #gallery{padding-top:8%}article #gallery::before{top:-8%}article #gallery h2{font-size:calc(50 / 768 * 100vw)}article #gallery .gallery_row{padding-left:8%;padding-right:8%}article #gallery .gallery_area{margin-top:4.8%;display:flex;flex-wrap:wrap;width:calc(100% + 5px);margin-left:-5px}article #gallery .gallery_area>div{width:calc(50% - 5px);margin-left:5px;margin-bottom:5px;aspect-ratio:4 / 3;background-color:#111}article #item{position:relative;z-index:2}article #item .item_row{padding:12.8% 8%}article #item h2{font-size:calc(35 / 768 * 100vw)}article #item .js-img{margin:8% 0}article #item .lineup_tbl{width:100%;overflow:auto;white-space:nowrap;padding-bottom:15px}article #item .scroll-hint-icon{top:calc(50% - 45px);background:rgba(50,50,50,0.5)}article #item table{width:960px;margin-top:0;table-layout:fixed;border-bottom:1px solid #555}article #item table th{font-size:calc(24 / 768 * 100vw);padding:15px 5px;text-align:center}article #item table td{font-size:calc(24 / 768 * 100vw);padding:15px 5px;text-align:center}article #item .spec{margin-top:10px}article #item .spec .spec_list{display:flex;flex-wrap:wrap;width:calc(100% + 3px);margin-left:-3px}article #item .spec .spec_list li{width:calc(20% - 3px);margin-left:3px;margin-bottom:3px}article #item .note{margin-top:15px;font-size:calc(20 / 768 * 100vw);color:#999}}