*{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;font-size:100%}html{font-size:62.5%;font-family:"YakuHanJPs_Noto","Inter","Noto Sans JP","Helvetica Neue","Helvetica","Hiragino Sans","Hiragino Kaku Gothic ProN","Arial","Yu Gothic","Meiryo",sans-serif}body{font-size:1.4em}img{vertical-align:middle;width:100%;height:auto}ul,li{margin:0;padding:0;list-style:none}.clearfix::after,.clearfix::before{content:"";display:block;clear:both}.clearfix{display:block}.m-t-0{margin-top:0em}.m-t-1{margin-top:1em}.m-t-2{margin-top:2em}.m-t-3{margin-top:3em}.m-t-4{margin-top:4em}.m-t-5{margin-top:5em}.m-t-6{margin-top:6em}.m-t-7{margin-top:7em}.m-t-8{margin-top:8em}.m-t-9{margin-top:9em}.m-t-10{margin-top:10em}.m-r-0{margin-right:0em}.m-r-1{margin-right:1em}.m-r-2{margin-right:2em}.m-r-3{margin-right:3em}.m-r-4{margin-right:4em}.m-r-5{margin-right:5em}.m-r-6{margin-right:6em}.m-r-7{margin-right:7em}.m-r-8{margin-right:8em}.m-r-9{margin-right:9em}.m-r-10{margin-right:10em}.m-b-0{margin-bottom:0em}.m-b-1{margin-bottom:1em}.m-b-2{margin-bottom:2em}.m-b-3{margin-bottom:3em}.m-b-4{margin-bottom:4em}.m-b-5{margin-bottom:5em}.m-b-6{margin-bottom:6em}.m-b-7{margin-bottom:7em}.m-b-8{margin-bottom:8em}.m-b-9{margin-bottom:9em}.m-b-10{margin-bottom:10em}.m-l-0{margin-left:0em}.m-l-1{margin-left:1em}.m-l-2{margin-left:2em}.m-l-3{margin-left:3em}.m-l-4{margin-left:4em}.m-l-5{margin-left:5em}.m-l-6{margin-left:6em}.m-l-7{margin-left:7em}.m-l-8{margin-left:8em}.m-l-9{margin-left:9em}.m-l-10{margin-left:10em}.m-x-0{margin:0em}.m-x-1{margin:1em}.m-x-2{margin:2em}.m-x-3{margin:3em}.m-x-4{margin:4em}.m-x-5{margin:5em}.m-x-6{margin:6em}.m-x-7{margin:7em}.m-x-8{margin:8em}.m-x-9{margin:9em}.m-x-10{margin:10em}.p-t-0{padding-top:0em}.p-t-1{padding-top:1em}.p-t-2{padding-top:2em}.p-t-3{padding-top:3em}.p-t-4{padding-top:4em}.p-t-5{padding-top:5em}.p-t-6{padding-top:6em}.p-t-7{padding-top:7em}.p-t-8{padding-top:8em}.p-t-9{padding-top:9em}.p-t-10{padding-top:10em}.p-r-0{padding-right:0em}.p-r-1{padding-right:1em}.p-r-2{padding-right:2em}.p-r-3{padding-right:3em}.p-r-4{padding-right:4em}.p-r-5{padding-right:5em}.p-r-6{padding-right:6em}.p-r-7{padding-right:7em}.p-r-8{padding-right:8em}.p-r-9{padding-right:9em}.p-r-10{padding-right:10em}.p-b-0{padding-bottom:0em}.p-b-1{padding-bottom:1em}.p-b-2{padding-bottom:2em}.p-b-3{padding-bottom:3em}.p-b-4{padding-bottom:4em}.p-b-5{padding-bottom:5em}.p-b-6{padding-bottom:6em}.p-b-7{padding-bottom:7em}.p-b-8{padding-bottom:8em}.p-b-9{padding-bottom:9em}.p-b-10{padding-bottom:10em}.p-l-0{padding-left:0em}.p-l-1{padding-left:1em}.p-l-2{padding-left:2em}.p-l-3{padding-left:3em}.p-l-4{padding-left:4em}.p-l-5{padding-left:5em}.p-l-6{padding-left:6em}.p-l-7{padding-left:7em}.p-l-8{padding-left:8em}.p-l-9{padding-left:9em}.p-l-10{padding-left:10em}.p-x-0{padding:0em}.p-x-1{padding:1em}.p-x-2{padding:2em}.p-x-3{padding:3em}.p-x-4{padding:4em}.p-x-5{padding:5em}.p-x-6{padding:6em}.p-x-7{padding:7em}.p-x-8{padding:8em}.p-x-9{padding:9em}.p-x-10{padding:10em}.f-w-bold{font-weight:bold}.f-w-normal{font-weight:normal}.t-d-ul{text-decoration:underline}.f-s-06{font-size:.6em}.f-s-08{font-size:.8em}.f-s-10{font-size:1em}.f-s-12{font-size:1.2em}.f-s-14{font-size:1.4em}.f-s-16{font-size:1.6em}.f-s-18{font-size:1.8em}.f-s-20{font-size:2em}.yureru-j{-webkit-animation:yureru-j 2s infinite;animation:yureru-j 2s infinite}@-webkit-keyframes yureru-j{0%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}5%{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}10%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}15%{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}20%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}25%{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}30%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}}@keyframes yureru-j{0%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}5%{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}10%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}15%{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}20%{-webkit-transform:translate(0px, 2px);transform:translate(0px, 2px)}25%{-webkit-transform:translate(0px, -2px);transform:translate(0px, -2px)}30%{-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}}header{width:100%}footer{width:100%}body{color:#fff;font-size:clamp(12px,1.2vw,14px)}body a{color:#fff;text-decoration:none}button,button *{-webkit-text-fill-color:inherit;color:inherit}.f-serif{font-family:"Noto Serif JP","Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","MS PMincho",serif}.bg-wh{background:#fff;color:#000}.bg-wh a{color:#000;text-decoration:none}.p_r{position:relative}.p_a{position:absolute}.w-80{width:80%;max-width:1000px;margin-left:auto;margin-right:auto}h2 img.ttl{font-size:clamp(16px,3vw,32px);height:1em}.netflix_btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.netflix_btn a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-width:288px;padding:1.2em 2em;border-radius:.25em;background:#e50914;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:300;letter-spacing:.02em}.netflix_btn a i{margin-right:1em}@media only screen and (max-width: 768px){.netflix_btn a{width:90%;min-width:auto;font-size:14px}}.wrapper{-webkit-transition:opacity .2s ease;transition:opacity .2s ease}#mv,#promotion,#introduction,#story,#staff,#billing{background:#000}#cast,#trailer{background:#fff}#mv{width:100%;padding-bottom:4%;overflow:hidden}#mv .inner::before{content:"";display:block;padding-top:57.1428571429%}@media only screen and (max-width: 1024px){#mv .inner::before{padding-top:106.6666666667%}}#mv .bg{width:100%;top:0;left:0;width:100%;height:100%;background-image:url(../images/mv_pc.jpg);background-position:right top;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width: 1024px){#mv .bg{background-image:url(../images/mv_sp.jpg);background-position:center top}}#mv .language{top:0;right:0;margin:1.6em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#mv .language ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#mv .language ul li{margin-left:1em;font-weight:300;color:hsla(0,0%,100%,.6)}@media only screen and (max-width: 1024px){#mv .language{margin:.8em 1em;font-size:14px}}#mv .logo{width:28%;padding:0 6%;top:6%}#mv .logo .netflix_series{display:block;margin:0 auto 5%}#mv .logo .netflix_series img{height:1.15em;width:auto;display:block;margin:0 auto}@media only screen and (max-width: 1024px){#mv .logo{width:40%;padding:0 6.5%;top:15%}#mv .logo .netflix_series{margin:0 auto 8%}#mv .logo .netflix_series img{height:.8em}}#mv .contents{position:absolute;width:28%;padding:0 6%;top:54%;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media only screen and (max-width: 1024px){#mv .contents{position:relative;width:90%;top:98%}}@media only screen and (max-width: 768px){#mv .contents{width:90%}}#mv .contents .menu{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:100%;padding:0 0 2.4em}#mv .contents .menu ul li{line-height:2.6;font-size:clamp(12px,1.2vw,16px);letter-spacing:.04em;font-weight:300}@media only screen and (max-width: 1024px){#mv .contents .menu{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:80%;margin:6% auto 0;padding:1.6em 0;border-top:1px solid #666;border-bottom:1px solid #666}#mv .contents .menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:90%;margin:0 auto}#mv .contents .menu ul li{padding:0 1.6em;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:clamp(12px,3vw,16px)}}#mv .contents .netflix{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;width:100%}#mv .contents .netflix img{width:60%;max-width:400px;margin:0 auto}@media only screen and (max-width: 1024px){#mv .contents .netflix{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}#promotion{text-align:center;padding:4em 0 8em}@media only screen and (max-width: 768px){#promotion{padding:3em 0 3em}}#promotion h2{font-weight:300;font-size:clamp(25.6px,3.8vw,32px);letter-spacing:.04em;line-height:1.4}#promotion h2 span{margin-left:.3em;margin-right:.3em}@media only screen and (max-width: 768px){#promotion h2 span{display:block}}#promotion .now_streaming{font-size:clamp(16px,2.4vw,20px);line-height:1.6;font-weight:600}@media only screen and (max-width: 768px){#promotion .now_streaming span{display:block}}#promotion .robot a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#promotion .robot a img{width:auto;height:3.6em;padding:0 2em 1em}#promotion .promotion_menu ul li:not(:first-of-type){margin-top:1em}#promotion .promotion_menu ul li a{display:inline-block;min-width:288px;padding:1.2em 2em;text-align:center;border:1px solid #e5e7eb;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}#promotion .promotion_menu ul li a span{margin-left:.5em;margin-right:.5em}@media only screen and (max-width: 768px){#promotion .promotion_menu ul li a{width:90%;min-width:auto;font-size:14px}#promotion .promotion_menu ul li a span{display:block}}#introduction{overflow:hidden}#introduction .inner{padding:8em 0 20em}#introduction h3{font-size:clamp(18px,3.6vw,24px);font-weight:400;text-align:center;line-height:2}@media only screen and (max-width: 1024px){#introduction h3 span{display:block}#introduction h3 span:nth-of-type(4){margin-top:.6em}#introduction h3 br{display:none}}@media only screen and (max-width: 768px){#introduction h3.m-t-4{margin-top:3em}}@media only screen and (max-width: 768px){#introduction .inner{padding:10em 0 14em}#introduction .orders{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#introduction .orders .order{width:100%}#introduction .orders .order:nth-child(1){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}#introduction .orders .order:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:4em}#introduction .orders .order:nth-child(3){-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}#introduction .orders .order:nth-child(4){-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}#introduction .orders .order:nth-child(5){-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}}#introduction .text{max-width:900px;margin:0 auto;font-size:clamp(14px,3.6vw,16px);line-height:3}@media only screen and (max-width: 768px){#introduction .text{line-height:2.6}}#introduction .card{z-index:0}#introduction .card.__01{width:36%;top:36%;left:-6%}@media only screen and (max-width: 768px){#introduction .card.__01{width:60%;top:0%;left:0%}}#introduction .card.__01 .rotate{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);opacity:.25}#introduction .card.__02{width:34%;top:100%;right:-8%}@media only screen and (max-width: 768px){#introduction .card.__02{width:54%;top:120%;right:-15%}}#introduction .card.__02 .rotate{-webkit-transform:rotate(25deg);transform:rotate(25deg);opacity:.2;-webkit-filter:blur(2px);filter:blur(2px)}#introduction .card.__03{width:40%;top:-20%;left:-40%}#introduction .card.__03 .rotate{-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:.2;-webkit-filter:blur(1px);filter:blur(1px)}@media only screen and (max-width: 768px){#introduction .card.__03{width:60%;top:35%;left:-25%}#introduction .card.__03 .rotate{-webkit-transform:rotate(-25deg);transform:rotate(-25deg);-webkit-filter:blur(1px);filter:blur(1px)}}#introduction .card.__04{width:34%;top:20%;right:-35%}#introduction .card.__04 .rotate{-webkit-transform:rotate(-40deg);transform:rotate(-40deg);opacity:.2;-webkit-filter:blur(5px);filter:blur(5px)}@media only screen and (max-width: 768px){#introduction .card.__04{width:55%;top:100%;right:-8%}#introduction .card.__04 .rotate{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}#introduction .card.__05{width:34%;top:80%;left:-20%}#introduction .card.__05 .rotate{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:.2;-webkit-filter:blur(5px);filter:blur(5px)}@media only screen and (max-width: 768px){#introduction .card.__05{width:50%;top:90%;left:-2%}#introduction .card.__05 .rotate{-webkit-transform:rotate(30deg);transform:rotate(30deg)}}#introduction .card.__06{width:45%;top:140%;right:-50%}#introduction .card.__06 .rotate{-webkit-transform:rotate(-70deg);transform:rotate(-70deg);opacity:.2;-webkit-filter:blur(1px);filter:blur(1px)}@media only screen and (max-width: 768px){#introduction .card.__06{width:60%;top:30%;right:-40%}#introduction .card.__06 .rotate{-webkit-transform:rotate(-50deg);transform:rotate(-50deg)}}#introduction .card.__07{width:40%;top:60%;left:-30%}#introduction .card.__07 .rotate{-webkit-transform:rotate(-30deg);transform:rotate(-30deg);opacity:.2;-webkit-filter:blur(1px);filter:blur(1px)}@media only screen and (max-width: 768px){#introduction .card.__07{width:57%;top:18%;left:-6%}#introduction .card.__07 .rotate{-webkit-transform:rotate(35deg);transform:rotate(35deg)}}#introduction .card.__08{width:34%;top:50%;right:-15%}#introduction .card.__08 .rotate{-webkit-transform:rotate(30deg);transform:rotate(30deg);opacity:.2;-webkit-filter:blur(5px);filter:blur(5px)}@media only screen and (max-width: 768px){#introduction .card.__08{width:48%;top:90%;right:-5%}#introduction .card.__08 .rotate{-webkit-transform:rotate(-35deg);transform:rotate(-35deg)}}#introduction .seen{width:70%;margin:6em 0;z-index:1;position:relative}#introduction .seen.__seen01{margin-right:0;margin-left:auto;-webkit-transform:rotate(6deg);transform:rotate(6deg)}#introduction .seen.__seen02{margin-right:auto;margin-left:0;-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}@media only screen and (max-width: 768px){#introduction .seen{width:118%}#introduction .seen.__seen01{margin-right:-9%;margin-left:-9%}#introduction .seen.__seen02{margin-right:-9%;margin-left:-9%}}#story{padding:20em 0 14em;overflow:hidden;background:url(../images/story_back_pc.jpg) no-repeat;background-color:#000;background-size:cover;background-position:center center}@media only screen and (max-width: 768px){#story{padding:8em 0 10em;background:url(../images/story_back_sp.jpg) no-repeat;background-color:#000;background-size:100% auto;background-position:center center}}#story h2{position:relative;z-index:2}#story .text{font-size:clamp(16px,3.8vw,18px);line-height:3;text-align:center}#story .text p{position:relative;z-index:2}@media only screen and (max-width: 768px){#story .text{margin-left:-9%;margin-right:-9%}#story .text p span{display:inline-block}#story .text p span>br{display:none}}#story .seen.__seen01{width:47%;top:-52%;right:-15%;-webkit-transform:rotate(8deg);transform:rotate(8deg)}#story .seen.__seen02{width:47%;top:32%;left:-18%;-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}#story .seen.__seen03{width:47%;margin:0 -15% auto auto;-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}#story .seen.__seen04{width:47%;margin:-10% auto auto 19%;-webkit-transform:rotate(3deg);transform:rotate(3deg)}@media only screen and (max-width: 768px){#story .seen.__seen01,#story .seen.__seen02,#story .seen.__seen03,#story .seen.__seen04{position:relative;width:80%}#story .seen.__seen01{top:auto;right:0;margin:3em 0 3em auto}#story .seen.__seen02{top:auto;left:0;margin:3em auto 3em 0}#story .seen.__seen03{margin:3em -10% auto auto}#story .seen.__seen04{margin:12% auto auto -3%}}#story .card{z-index:0}#story .card.__01{width:24%;top:-3%;left:0}@media only screen and (max-width: 768px){#story .card.__01{width:40%;top:0%;left:0}}#story .card.__01 .rotate{-webkit-transform:rotate(36deg);transform:rotate(36deg);opacity:.2;-webkit-filter:blur(5px);filter:blur(5px)}#story .card.__02{width:24%;top:15%;right:-8%}@media only screen and (max-width: 768px){#story .card.__02{width:40%;top:30%;right:-8%}}#story .card.__02 .rotate{-webkit-transform:rotate(-36deg);transform:rotate(-36deg);opacity:.2;-webkit-filter:blur(5px);filter:blur(5px)}#story .card.__03{width:30%;top:102%;right:-8%}#story .card.__03 .rotate{-webkit-transform:rotate(-52deg);transform:rotate(-52deg);opacity:.2;-webkit-filter:blur(4px);filter:blur(4px)}@media only screen and (max-width: 768px){#story .card.__03{width:50%;top:auto;bottom:-13%;right:-25%}#story .card.__03 .rotate{-webkit-transform:rotate(36deg);transform:rotate(36deg)}}@media only screen and (max-width: 768px){#story .orders.m-t-4{margin-top:2em}}.card_wrap{height:0}.card_wrap .card{z-index:1}.card_wrap .card.__01{width:18%;top:-4em;left:5%}@media only screen and (max-width: 768px){.card_wrap .card.__01{width:28%;top:-5em;left:8%}}.card_wrap .card.__01 .rotate{-webkit-transform:rotate(8deg);transform:rotate(8deg)}.card_wrap .card.__02{width:20%;top:3em;left:-9%}@media only screen and (max-width: 768px){.card_wrap .card.__02{width:32%;top:-1em;left:-17%}}.card_wrap .card.__02 .rotate{-webkit-transform:rotate(-24deg);transform:rotate(-24deg)}#cast{background:#fff;padding:12em 0 20em;overflow:hidden}@media only screen and (max-width: 768px){#cast{padding:8em 0 12em}}#cast .main,#cast .sub{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#cast .main{margin-top:8em}#cast .main .cast_item{width:38%;max-width:280px;margin-left:6%;margin-right:6%;text-align:center;position:relative;z-index:2}#cast .main .cast_item h3{font-size:clamp(20px,4.2vw,32px);margin-top:.8em;font-weight:400}#cast .main .cast_item p{font-size:clamp(14px,3vw,16px);margin-top:.8em}@media only screen and (max-width: 768px){#cast .main{margin-top:4em;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#cast .main .cast_item{width:47%;margin-left:0;margin-right:0}}@media only screen and (max-width: 768px){#cast .sub.__sub1{width:76%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}#cast .sub.__sub1 .cast_item{width:12.5714%}@media only screen and (min-width: 769px){#cast .sub.__sub1 .cast_item:not(:nth-of-type(7n)){margin-right:2%}#cast .sub.__sub1 .cast_item:last-child{margin-right:0}}@media only screen and (min-width: 769px)and (max-width: 1024px){#cast .sub.__sub1 .cast_item{width:28%}#cast .sub.__sub1 .cast_item:not(:nth-of-type(4n)){margin-right:0}#cast .sub.__sub1 .cast_item:not(:nth-of-type(3n)){margin-right:8%}#cast .sub.__sub1 .cast_item:last-child{margin-right:0}}@media only screen and (max-width: 768px){#cast .sub.__sub1 .cast_item{margin-top:3em;width:38%;margin-right:6%;margin-left:6%}#cast .sub.__sub1 .cast_item:nth-of-type(2n){margin-top:8em;margin-bottom:-8em}}#cast .sub.__sub2 .cast_item{width:30%;max-width:150px;margin-left:2%;margin-right:2%}@media only screen and (max-width: 768px){#cast .sub.__sub2{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#cast .sub.__sub2 .cast_item{width:40%;margin-left:3%;margin-right:3%}}#cast .sub .cast_item{text-align:center;margin-top:5em;position:relative;z-index:2}#cast .sub .cast_item h3{font-size:clamp(16px,3vw,18px);margin-top:.8em;font-weight:400}#cast .sub .cast_item p{font-size:clamp(12px,2.6vw,14px);margin-top:.8em}#cast .cast_item:hover{cursor:pointer}#cast .card{z-index:1}#cast .card.__03{width:20%;top:-7%;right:-17%}@media only screen and (max-width: 768px){#cast .card.__03{width:32%;top:110%;right:-17%}}#cast .card.__03 .rotate{-webkit-transform:rotate(-38deg);transform:rotate(-38deg)}#cast .card.__04{width:18%;top:-30%;left:-16%}#cast .card.__04 .rotate{-webkit-transform:rotate(46deg);transform:rotate(46deg)}@media only screen and (max-width: 768px){#cast .card.__04{width:32%;top:40%;left:-30%}#cast .card.__04 .rotate{-webkit-transform:rotate(21deg);transform:rotate(21deg)}}#cast .card.__05{width:20%;bottom:-10%;right:-24%}#cast .card.__05 .rotate{-webkit-transform:rotate(24deg);transform:rotate(24deg)}@media only screen and (max-width: 768px){#cast .card.__05{width:36%;bottom:0;right:-22%}#cast .card.__05 .rotate{-webkit-transform:rotate(34deg);transform:rotate(34deg)}}.card_loop{width:100%;height:0;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;top:-180px}.card_loop .inner{overflow:hidden;width:calc(var(--vw, 1vw)*100);height:380px}.card_loop .__track{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:100%;-webkit-animation:infinity-scroll-left 60s linear infinite;animation:infinity-scroll-left 60s linear infinite;will-change:transform;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}.card_loop .__list{-ms-flex-negative:0;flex-shrink:0}.card_loop img{display:block;width:2450px;height:380px;-o-object-fit:cover;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}@media only screen and (max-width: 1024px){.card_loop{top:-90px}.card_loop .inner{height:190px}.card_loop img{width:1225px;height:190px}}@-webkit-keyframes infinity-scroll-left{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}}@keyframes infinity-scroll-left{from{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}to{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0)}}#staff{padding:20em 0 30em;background:url(../images/staff_back_pc.jpg) no-repeat;background-position:bottom center;background-size:auto 800px;background-color:#000}@media only screen and (max-width: 768px){#staff{padding:14em 0 20em;background:url(../images/staff_back_sp.jpg) no-repeat;background-position:bottom center;background-size:100% auto;background-color:#000}}#staff .main{margin-top:8em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 4%;-webkit-box-sizing:border-box;box-sizing:border-box}#staff .main .director_image{width:35%}#staff .main .staff_item{width:60%;margin-left:5%}#staff .sub{margin-top:6em}#staff .sub::after{content:"";display:block;clear:both}#staff .sub .staff_item{width:46%}#staff .sub .staff_item:nth-child(odd){float:left;clear:left}#staff .sub .staff_item:nth-child(even){float:right;clear:right}#staff .sub .staff_item:nth-child(2){margin-top:8em}#staff .sub .staff_item:nth-child(n+3){margin-top:5em}#staff .original{margin-top:8em;-webkit-box-sizing:border-box;box-sizing:border-box}#staff .original .__comic,#staff .original .__author{max-width:920px;margin-left:auto;margin-right:auto}#staff .original .__comic{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0}#staff .original .__comic .director_image{width:22%}#staff .original .__comic .staff_item{width:73%;margin-left:5%}#staff .original .__author{margin-top:4em}#staff .original .__author h3{text-align:center;display:block}#staff .staff_item h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;font-size:clamp(20px,3.6vw,24px);font-weight:300;letter-spacing:.05em}#staff .staff_item .part{font-size:.6em;margin-bottom:.2em}#staff .staff_item .name{margin-left:.8em}#staff .staff_item .en{font-size:.65em;margin-left:1em;margin-bottom:.15em;opacity:.6}#staff .staff_item .en::before{content:"/";margin-right:.5em}#staff .staff_item p{margin-top:2.4em;line-height:2;font-weight:300}@media only screen and (max-width: 1024px){#staff .main{margin-top:4em;padding:0;display:block}#staff .main .director_image{width:100%}#staff .main .staff_item{width:100%;margin-left:0;margin-top:2em}#staff .sub{margin-top:0;display:block}#staff .sub .staff_item{margin-top:5em;width:100%}#staff .sub .staff_item:nth-child(odd),#staff .sub .staff_item:nth-child(even){float:none;clear:none}#staff .sub .staff_item:nth-child(2){margin-top:5em}#staff .sub .staff_item p{padding-bottom:0}#staff .original{margin-top:5em}#staff .original .__comic{margin-top:4em;padding:0;display:block}#staff .original .__comic .director_image{width:50%;margin:0 auto}#staff .original .__comic .staff_item{width:100%;margin-left:0;margin-top:2em}#staff .original h3,#staff .original h3 .part{display:block;text-align:center}#staff .original h3 .name{display:block;margin-left:0;margin-top:.5em}#staff .staff_item h3{-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#staff .staff_item .en{display:block;width:100%;text-align:center;margin-left:-0.4em;margin-top:.4em}#staff .staff_item p{margin-top:1.6em}}#trailer{width:100%;text-align:center;padding:8em 0}@media only screen and (max-width: 768px){#trailer{padding:5em 0}}#trailer .youtubeContainer{width:100%;max-width:1280px;margin:3em auto 0}#trailer .youtubeContainer iframe{top:0;right:0;width:100%;height:100%}#trailer .youtubeContainer::before{content:"";display:block;padding-top:56.25%}#trailer .trailer_menu ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#trailer .trailer_menu ul li{width:40%;max-width:280px;padding:1.2em 0;margin:0 1em 1em;text-align:center;border:1px solid #333;border-radius:5px}#trailer .trailer_menu ul li:hover{cursor:pointer}@media only screen and (max-width: 768px){#trailer .trailer_menu ul li{width:100%}}#billing{text-align:center;padding:8em 0 4em;letter-spacing:.04em}#billing .inner{width:100%;max-width:800px;margin:0 auto}#billing h3{font-weight:300}#billing ul.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}#billing ul.flex li{padding:1em;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}#billing ul.flex.main{font-size:1.8em}#billing ul.flex .spacer{width:100%}#billing p{padding:1em 0}#billing .netflix img{height:32px;width:auto}@media only screen and (max-width: 768px){#billing{padding:6em 0 4em}#billing ul.flex li{padding-left:.8em;padding-right:.8em}#billing ul.flex.main li{padding-left:.6em;padding-right:.6em}#billing ul.flex.staff li{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}#billing ul.flex.sub{font-size:1.16em;max-width:380px;margin-left:auto;margin-right:auto}#billing p span{display:block;margin-top:.8em}}.fade-in,.mv-fade-in{opacity:0;-webkit-transition:opacity 700ms ease-out,-webkit-transform 700ms ease-out,-webkit-filter 700ms ease-out;transition:opacity 700ms ease-out,-webkit-transform 700ms ease-out,-webkit-filter 700ms ease-out;transition:opacity 700ms ease-out,transform 700ms ease-out,filter 700ms ease-out;transition:opacity 700ms ease-out,transform 700ms ease-out,filter 700ms ease-out,-webkit-transform 700ms ease-out,-webkit-filter 700ms ease-out;will-change:opacity,transform,filter}.fade-in.from-left{-webkit-transform:translateX(-40px);transform:translateX(-40px)}.fade-in.from-right{-webkit-transform:translateX(40px);transform:translateX(40px)}.fade-in.from-bottom{-webkit-transform:translateY(40px);transform:translateY(40px)}.fade-in.from-top{-webkit-transform:translateY(-40px);transform:translateY(-40px)}.fade-in.zoom-in{-webkit-transform:scale(0.9);transform:scale(0.9)}.fade-in.zoom-out{-webkit-transform:scale(1.2);transform:scale(1.2)}.fade-in.blur-in,.mv-fade-in.blur-in{-webkit-filter:blur(10px);filter:blur(10px)}.fade-in.is-visible,.mv-fade-in.is-visible{opacity:1;-webkit-transform:translate(0, 0) scale(1);transform:translate(0, 0) scale(1);-webkit-filter:blur(0);filter:blur(0)}@media(max-width: 480px){.fade-in,.mv-fade-in{-webkit-transition-duration:480ms;transition-duration:480ms}.fade-in.from-left,.fade-in.from-right,.fade-in.from-bottom,.fade-in.from-top{-webkit-transform:translateY(20px);transform:translateY(20px)}}@media(prefers-reduced-motion: reduce){.fade-in,.mv-fade-in{-webkit-transition:none;transition:none;-webkit-transform:none;transform:none;-webkit-filter:none;filter:none;opacity:1}}.mask-slide{position:relative;overflow:hidden;-webkit-transition:all .8s ease;transition:all .8s ease}.mask-slide::before{content:"";position:absolute;inset:0;background:#000;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease, -webkit-transform 1s ease;z-index:2}.mask-slide img{display:block;width:100%;height:auto;-webkit-transition:opacity 1s ease;transition:opacity 1s ease;opacity:0}.mask-slide.is-visible{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.mask-slide.is-visible::before{-webkit-transform:translateY(101%);transform:translateY(101%)}.mask-slide.is-visible img{opacity:1}.mask-ttl{position:relative;overflow:hidden;display:inline-block;-webkit-mask-image:-webkit-gradient(linear, left top, right top, from(#000), color-stop(0%, #000), color-stop(0%, transparent));-webkit-mask-image:linear-gradient(to right, #000 0%, #000 0%, transparent 0%);-webkit-mask-size:200% 100%;-webkit-mask-repeat:no-repeat;mask-image:-webkit-gradient(linear, left top, right top, from(#000), color-stop(0%, #000), color-stop(0%, transparent));mask-image:linear-gradient(to right, #000 0%, #000 0%, transparent 0%);mask-size:200% 100%;mask-repeat:no-repeat;transition:-webkit-mask-position 1.6s ease,mask-position 1.6s ease;-webkit-mask-position:right;mask-position:right}.mask-ttl.is-visible{opacity:1;-webkit-mask-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), color-stop(50%, transparent));-webkit-mask-image:linear-gradient(to right, #000 50%, #000 50%, transparent 50%);mask-image:-webkit-gradient(linear, left top, right top, color-stop(50%, #000), color-stop(50%, #000), color-stop(50%, transparent));mask-image:linear-gradient(to right, #000 50%, #000 50%, transparent 50%);-webkit-mask-position:left;mask-position:left}.float-updown{display:inline-block;-webkit-animation:floatY 3s ease-in-out infinite alternate;animation:floatY 3s ease-in-out infinite alternate}.float-updown2{display:inline-block;-webkit-animation:floatY2 4s ease-in-out infinite alternate;animation:floatY2 4s ease-in-out infinite alternate}@-webkit-keyframes floatY{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes floatY{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes floatY2{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes floatY2{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}.js-scroll-overlap{position:relative}.js-scroll-overlap:not(.is-disabled){--sticky-offset: -1px;--overlay-opacity: 0;position:sticky;top:var(--sticky-offset)}.js-scroll-overlap[data-is-overlay=true]:not(.is-disabled)::after{content:"";opacity:var(--overlay-opacity);position:absolute;inset:0;background:rgba(0,0,0,.8);pointer-events:none}.js-scroll-overlap[data-is-overlay=true]:not(.is-disabled).is-active::after{will-change:opacity}.modal-overlay{position:fixed;inset:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;-webkit-transition:opacity .2s ease,visibility .2s ease;transition:opacity .2s ease,visibility .2s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal{background:#fff;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;color:#333;background-image:url(../images/casts/cast-modal_back_pc.jpg);background-position:center center;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width: 1024px){.modal{background-image:url(../images/casts/cast-modal_back_sp.jpg);background-position:top center}}.modal-overlay.open .modal{-webkit-transform:scale(1);transform:scale(1);opacity:1}.modal-body{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;text-align:center;position:relative}.modal-body .inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80%;max-width:1000px;margin:0 auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media only screen and (max-width: 1024px){.modal-body .inner{display:block;padding:4em 0 8em;top:0;-webkit-transform:translate(-50%, 0);transform:translate(-50%, 0)}}.modal-body .modal_image{width:28%}@media only screen and (max-width: 1024px){.modal-body .modal_image{width:100%}.modal-body .modal_image img{width:66%;margin:0 auto}}.modal-body .modal_detail{width:66%;margin-left:6%;text-align:left}@media only screen and (max-width: 1024px){.modal-body .modal_detail{width:100%;margin-left:0;text-align:center}}.modal-body .modal_detail .modal-name{font-size:clamp(24px,4vw,30px)}.modal-body .modal_detail .modal-actor{font-size:clamp(18px,2.8vw,20px);margin-top:1.6em}.modal-body .modal_detail .modal-actor span.modal-en{font-size:.8em;margin-left:1.4em;opacity:.8}.modal-body .modal_detail .modal-actor span.modal-en::before{content:"/";margin-right:.5em}.modal-body .modal_detail .modal-text{line-height:2;text-align:left;margin-top:1.2em}.modal-body .modal_detail .modal-link{margin-top:1em;text-align:left}.modal-body .modal_detail .modal-link a{color:#333}.modal-body .modal_detail .modal-link a i{margin-right:.5em}@media only screen and (max-width: 1024px){.modal-body .modal_detail .modal-name,.modal-body .modal_detail .modal-actor{margin-top:1em}.modal-body .modal_detail .modal-text{margin-top:1.8em}}.modal-body.modal_13 .modal-link{display:none}.ctrl-btn{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);border:none;cursor:pointer;font-weight:bold;-webkit-transition:background .2s;transition:background .2s;z-index:1000;background:none}.ctrl-btn i{font-size:1.5em;color:#000;-webkit-text-fill-color:currentColor}.ctrl-prev{left:20px}.ctrl-next{right:20px}@media only screen and (max-width: 1024px){.ctrl-btn{top:auto;bottom:20px;width:40px;height:40px;-webkit-transform:none;transform:none}.ctrl-prev{left:30%}.ctrl-next{right:30%}}.ctrl-close{position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:40px;height:40px;border:none;border-radius:50%;cursor:pointer;-webkit-transition:background .2s;transition:background .2s;z-index:1000;background:none}.ctrl-close i{font-size:1.8em;color:#000;-webkit-text-fill-color:currentColor}.scroll-native{overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;-ms-touch-action:pan-y;touch-action:pan-y}#en #promotion h2 span.classB{font-size:.5em;letter-spacing:0}#en #cast .main .cast_item h3{font-size:calc(clamp(20px,4.2vw,32px)*.8)}#en #cast .sub .cast_item h3{font-size:calc(clamp(16px,3vw,18px)*.8)}#en #cast .sub .cast_item p{font-size:calc(clamp(12px,2.6vw,14px)*.8)}#en #story .seen.__seen01{top:-32%}#en .modal-body .modal_detail .modal-actor span.modal-en{display:none}#en #billing .inner{max-width:1000px}@media only screen and (min-width: 1025px){#en #mv .logo{width:32%;padding:0 4%;top:7%}}@media only screen and (max-width: 1024px){#en #staff .staff_item h3{display:block}#en #staff .staff_item .part,#en #staff .staff_item .name{display:block;text-align:center}#en #staff .staff_item .name{margin-left:0;margin-top:.5em}}@media only screen and (max-width: 768px){#en .netflix_btn a{padding:1.2em 1em}#en .netflix_btn a i{margin-right:.5em}}