@charset "UTF-8";img{max-width:100%}body,html{height:100%}body{background:#fff;color:#000;font-style:normal;font-weight:400;font-family:Noto Sans JP,system-ui;font-optical-sizing:auto}canvas{z-index:0;position:fixed;top:0;left:0;width:100%;height:100lvh}.top{padding:2.4vw}.top__inner,.top-v{position:relative}.top-v__inner{overflow:hidden}.top-v__inner img{width:100%;transform:translateZ(0) scale(1);transform-origin:70% 30%;transition:transform 10s ease-out 1.5s,opacity 1.5s ease 1.5s}.top-v--1{display:flex;padding-bottom:1.3333333333vw}.top-v-list{display:flex;padding-top:1.3333333333vw}.top-v-item{padding-right:1.3333333333vw}.top-v--4{padding-right:0}.top-logo{position:absolute;top:0;left:0;width:41.4666666667%;padding:2% 3%;transition:all 2.5s ease-in-out 1.5s}.top-credit{padding-top:8%}.top-roadshow{position:absolute;right:0;bottom:0;width:17.4666666667%;padding:2%;transition:all 2s ease-in-out 3s}.top-leftbottom{transition:all 2s ease-in-out 3s}.top.--hide .top-logo{opacity:1}.top.--hide .top-roadshow,.top.--hide .top-leftbottom{opacity:1!important;transition:all 0s ease 0s!important}.credit{width:75%;margin:0 auto;padding:6% 2.9333333333vw 9%}.share{display:flex;align-items:center;justify-content:space-around;width:80%;margin:0 auto}.share dt{width:3.2vw}.share dd{box-sizing:border-box;display:block;width:6vw}.share dd a{display:block}.share--x{padding:0 .5%}.share--fb{padding:0 .3%}.sns{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 2.4vw;padding-top:5%;padding-bottom:15%}.sns dt{width:100%;padding-bottom:5%}.sns dd{width:32.5%}.container-title{position:relative}.container-title img{display:block}.container-title:after{display:block;position:absolute;bottom:0;left:0;width:100%;height:1px;background:#ff9000;content:""}.container--1{padding:2.4vw}.container--1-v{display:flex;position:relative;flex-direction:column}.container--1-text1{position:absolute;top:82%;left:0}.container--1-text{padding:0 2.9333333333vw}.container--1-text p{padding-top:1.5rem;color:#000;line-height:1.7}.container--1-images--1{height:95px;margin-top:2.4vw;background:url(../images/top/photos-sp.webp) repeat-x top left;background-size:auto 100%;animation:image2sp 35s linear 0s infinite;animation-fill-mode:both}.container--1-images--2{height:125px;margin-bottom:2.4vw;background:url(../images/intro/images.webp) repeat-x top left;background-size:auto 100%;animation:image2sp 30s linear 0s infinite;animation-fill-mode:both}.container--2__bg{z-index:0;position:sticky;top:0;left:0;height:0}.container--2__bg:before{display:block;z-index:0;position:absolute;top:0;left:0;width:100%;height:120lvh;background:url(../images/cast/bg-sp.webp) no-repeat center top;background-size:100% auto;content:""}.container--2__inner{z-index:1;position:relative;padding:5.3333333333vw;padding-top:5rem;padding-bottom:2rem;color:#fff;line-height:1.7}.intro{margin-top:10%}.intro-text{order:1;padding-top:3rem;padding-bottom:2rem}.intro-image{order:2}.story{margin-top:1.3333333333vw}.story-text{order:2;padding-top:3rem;padding-bottom:2rem}.story-image{order:1}.cast{padding-top:7rem}.cast-item{padding:1.5rem 0}.cast-name{padding-bottom:.7rem;color:#ff9000;font-weight:400;font-size:2.3rem;font-family:游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif;font-feature-settings:"palt";letter-spacing:.1em}.cast-name span{display:inline-block;padding-left:.8em;font-size:.6em;letter-spacing:.08em}.cast-role{margin-bottom:1.2rem;padding:.8rem 0;border:1px solid rgba(255,255,255,.5);border-width:1px 0;font-family:游明朝,YuMincho,ヒラギノ明朝 ProN W3,Hiragino Mincho ProN,HG明朝E,ＭＳ Ｐ明朝,ＭＳ 明朝,serif}.cast-role dt{padding-bottom:.2em;font-size:1.5rem}.cast-role dt span{font-size:1.2rem}.staff{padding-bottom:7rem}.staff-role{padding-left:0!important;font-size:.75em!important}.op{display:none;z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;transform:translateZ(0);background:#fff}.op.--hide{visibility:hidden;opacity:0;transition:all 1.5s ease 1.5s}.op__inner{position:relative;width:100%;height:100%}.op-item{position:absolute;top:50%;left:0%;width:100%;transform:translate3d(0,-50%,0);background:#fff;opacity:0;transition:all 1s ease 0s}.op-item .op-image{overflow:hidden}.op-item .op-image img{transform:translateZ(0) scale(1.2)}.op-item p{opacity:0}.op-item.--active{opacity:1;transition:all 1.5s ease 1s}.op-item.--active .op-image img{transform:translateZ(0) scale(1)!important;transition:all 8s linear 0s!important}.op-item.--active p{opacity:1;transition:all 1s linear 2s}.op-item.--hide{opacity:0!important;transition:all 1.5s ease 0s!important}.op .top-v--1{position:relative;padding:0}.op .top-v--1 p{box-sizing:border-box;display:flex;z-index:1;position:relative;justify-content:flex-end;height:100%}.op .top-v--1 p img{width:auto;height:100%}.op .top-v--1 .top-photo1__inner{flex-grow:0}.op .top-v-list{justify-content:space-between;width:100%;padding:0}.op .top-v-list .top-v-item{width:32.8%;padding-right:0}.op .top-v-list .top-v-item img{width:100%}@keyframes image1{0%{background-position:0px 0}to{background-position:-945px 0}}@keyframes image2{0%{background-position:0px 0}to{background-position:-3780px 0}}@keyframes image2sp{0%{background-position:0px 0}to{background-position:-1890px 0}}.nav{box-sizing:border-box;display:flex;z-index:100;position:fixed;top:0;left:0;justify-content:space-between;width:100%;backface-visibility:hidden;pointer-events:none}.nav__image{position:absolute;bottom:0;left:0;transform:translate(-50%,30%)}.nav__main{box-sizing:border-box;display:flex;visibility:hidden;position:fixed;top:0;left:0;align-items:center;justify-content:center;width:100%;height:100vh;padding:3vw;transform:translate(0);backface-visibility:hidden;opacity:0;pointer-events:auto;transition:all .5s ease 0s}.nav__main:before{display:block;z-index:0;position:absolute;top:0;left:0;width:100%;height:100lvh;background:#fff;content:"";opacity:.9}.nav__main__inner{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center}.nav__main__list{display:flex;flex-direction:column;max-width:500px;margin:0 auto;padding-top:4.75rem;padding-bottom:5rem}.nav__main__list a,.nav__main__list button{box-sizing:border-box;display:block;position:relative;width:100%;padding:1rem 0rem;color:#ff9000;font-style:normal;font-weight:400;font-size:1.5rem;font-size:3rem;font-family:Gilda Display,serif;text-align:center}.nav__main__list a span,.nav__main__list button span{display:block;font-weight:700;font-size:.35em;line-height:1.2;font-family:游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.nav__main__list li{padding-bottom:1%}.nav__main__list li.-map a img{height:1.3rem}.nav__main__atm{margin-left:4rem;padding-top:0}.nav__main__atm dt{padding-bottom:.5rem}.nav__main__atm dd{margin-left:.5rem;padding-top:3rem;padding-left:6rem;border-left:3px solid rgba(255,255,255,.2)}.nav__main.-active{visibility:visible;transform:translate(0);opacity:1}.nav__mark{display:block;z-index:3;position:relative;width:6.25vw;max-width:120px;border-width:0 5px 5px 0;mix-blend-mode:difference;cursor:pointer;pointer-events:auto}.nav__mark__inner{position:relative;width:100%;margin:0 auto;padding-bottom:75%}.nav__mark__container{box-sizing:border-box;z-index:3;position:fixed;top:1rem;left:1rem;width:100%}.nav__mark__item{display:block;position:absolute;top:50%;left:50%;width:55%;height:7%;transform:translate(-50%,-50%);background:#ff9000;transition:all .4s ease 0s}.nav__mark__item.-top{top:30%}.nav__mark__item.-middle{top:50%}.nav__mark__item.-bottom{top:70%}.nav__mark.-active .nav__mark__item{background:#ff9000}.nav__mark.-active .nav__mark__item.-top{top:50%;width:70%;transform:translate(-50%,-50%) rotate(45deg)}.nav__mark.-active .nav__mark__item.-middle{width:0}.nav__mark.-active .nav__mark__item.-bottom{top:50%;width:70%;transform:translate(-50%,-50%) rotate(-45deg)}.nav__sns{display:flex;z-index:3;position:relative;pointer-events:auto}.nav__sns__item{padding-left:6px}.nav__sns button{margin:0;padding:0;border:none;background:none;cursor:pointer}.modal{visibility:hidden;z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;opacity:0;transition:all .5s ease}.modal.--active{visibility:visible;opacity:1}.btn-close{display:block;position:absolute;top:20px;right:20px;width:50px;height:50px}.btn-close__inner{display:block;position:relative;width:100%;height:100%}.btn-close__inner:before{position:absolute;top:50%;left:50%;width:100%;height:1px;translate:-50% -50%;rotate:45deg;background:#fff;content:""}.btn-close__inner:after{position:absolute;top:50%;left:50%;width:100%;height:1px;translate:-50% -50%;rotate:-45deg;background:#fff;content:""}.trailer{position:relative;top:auto;left:auto;width:auto;width:100%;max-width:1920px;height:auto;margin:0 auto;padding:0;background:url(../images/character/bg-pc.webp) no-repeat center center;background-size:cover}.trailer__inner{position:relative;width:100%;height:100%}.trailer-player{position:absolute;top:50%;left:0;width:100%;height:180%;translate:0 -50%;pointer-events:none}.trailer-player__container{position:relative;aspect-ratio:16/9;aspect-ratio:16/8.6;aspect-ratio:16/6.6;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.trailer-player__container:after{position:absolute;top:0;left:0;width:100%;height:100%;background:url(../../assets/images/common/mark-play@2x.png) no-repeat center center;background-size:10% auto;content:""}.trailer-player-mark{position:absolute;top:50%;left:50%;width:154px;height:154px;transform:translate(-50%,-50%);pointer-events:none;fill:#ff06}.trailer #trailer-mark-path{width:100%;height:100%}.trailer .btn-close{display:none}.trailer-nav{display:flex;padding:1.5rem 0}.trailer-nav.--hide{display:none}.trailer-nav__list{display:flex;justify-content:center;width:100%;width:auto;height:3em;margin:0 auto;border:1px solid #ff9000}.trailer-nav__list.--hide{display:none}.trailer-nav__item{display:inline-block;min-width:16%;padding:0}.trailer-nav__item button{display:flex;position:relative;align-items:center;justify-content:center;width:100%;min-width:10rem;height:100%;padding:10px 3px;border:1px solid #ff9000;background:transparent;color:#ff9000;font-weight:700;font-size:13px;line-height:1;line-height:1.4;text-align:center;text-decoration:none;transition:all .2s ease}.trailer-nav__item button:hover{border:1px solid #ff9000;background:#ff9000;color:#fff}.trailer-nav__item.--cur button{border:1px solid #ff9000;background:#ff9000;color:#fff;cursor:default;pointer-events:none}.trailer.--active .trailer__inner{display:flex;z-index:100;position:fixed;top:0;left:0;flex-direction:column;justify-content:center;width:100%;max-width:none;height:100%;margin:0;padding:0;background:#000}.trailer.--active .trailer__container{flex-shrink:0;aspect-ratio:16/9;width:100%;max-width:max(155vh,1100px);margin:0 auto;padding-top:1rem}.trailer.--active .trailer-player{position:relative;top:auto;left:auto;aspect-ratio:16/9;width:100%;height:100%;translate:0;pointer-events:all}.trailer.--active .trailer-player__container{aspect-ratio:16/9;cursor:default}.trailer.--active .trailer-player__container:after{display:none}.trailer.--active .trailer-player-mark{display:none}.trailer.--active .trailer-nav{display:block;padding-top:0}.trailer.--active .trailer-nav.--hide{display:none}.trailer.--active .trailer-nav__list{border-color:#fff;border-color:transparent}.trailer.--active .trailer-nav__item button{border-color:#fff;color:#fff}.trailer.--active .trailer-nav__item button:hover{border-color:#fff;background-color:#fff;color:#000}.trailer.--active .trailer-nav__item.--cur button{border-color:#fff;background:#fff;color:#000}.trailer.--active .btn-close{display:block}.--op .trailer-nav{display:none!important}@media only screen and (min-width: 750px){.top{padding:1rem}.top-logo{top:7%;left:16%;width:26.914893617%;padding:0%}.top-roadshow{width:12.1276595745%}.top-leftbottom{position:absolute;bottom:0;left:0;width:26.3829787234%;padding:1% 2%}.top.--hide .top-v__inner img{transform:translateZ(0) scale(1.2);opacity:0!important;transition:all 0s ease 0s!important}.top.--hide .top-logo{filter:blur(3rem);opacity:0;transition:all 0s ease 0s!important}.top.--hide .top-roadshow{opacity:0}.share{justify-content:flex-start;width:auto;margin:0;padding-top:4%}.share dt{flex-grow:0;width:2rem}.share dt img{max-width:40%}.share dd{flex-grow:0;width:2rem}.share dd a{max-width:60%}.sns{z-index:1;position:absolute;top:1rem;right:1rem;padding:0}.sns dt{display:none}.sns dd{width:auto}.sns dd img{display:block}.container-title{padding-bottom:1.5rem}.container--1__inner{box-sizing:border-box;max-width:1600px;margin:0 auto;padding:3%}.container--1-text p .-pc{display:inline}.container--1-images--1{aspect-ratio:1880/190;height:auto;margin:0 1rem 1rem;background:url(../images/top/photos-pc.webp) no-repeat top left;background-size:100% auto;animation:none}.container--1-images--2{height:250px;margin-top:4rem;margin-bottom:1rem;animation:image2 50s linear 0s infinite;animation-fill-mode:both}.container--2{padding:0 1rem}.container--2__bg:before{background:url(../images/cast/bg-pc.webp) right bottom no-repeat;background-size:cover}.container--2__inner{max-width:1100px;margin:0 auto}.intro{position:relative}.intro-text{position:absolute;top:50%;left:0;width:40%;transform:translateY(-50%)}.intro-image{width:80%;margin-left:auto}.intro-image img{width:100%}.story{margin-top:1rem}.story{position:relative}.story .container-title img{display:block;margin-left:auto}.story-text{position:absolute;top:50%;right:0;width:40%;transform:translateY(-50%)}.story-image{width:80%;margin-right:auto}.story-image img{width:100%}.op,.op .top-v--1{display:block}.op .top-v--1 p{position:absolute;top:0;left:0;width:30%;padding:2% 5%}}@media only screen and (max-width: 750px){.container--1-text p .-sp{display:inline}.nav__image{display:flex;position:relative;bottom:auto;left:auto;justify-content:flex-end;width:30vw;margin-left:auto;padding-top:5vw;padding-right:5vw;transform:translate(0)}.nav__main__inner{display:block;margin:0;padding:0}.nav__main__list{padding:0}.nav__main__list a,.nav__main__list button{padding:.7rem 0rem;font-size:3rem}.nav__main__list a:before,.nav__main__list button:before{left:-2rem;width:1.2rem;height:1rem}.nav__main__list a img,.nav__main__list button img{width:auto;height:6vw}.nav__main__list li.-questions a img{height:2.5rem}.nav__main__atm{margin-left:0;padding-top:3.5rem}.nav__main__atm dt{margin-left:-2rem}.nav__main__atm dt img{height:.75rem}.nav__main__atm dd{margin-left:0;padding-top:2.5rem;padding-left:0;border:none}.nav__mark{width:13.3333333333%;max-width:32vw;margin-left:auto;border-width:0 3px 3px 0}.nav__mark__inner{padding-bottom:90%}.nav__mark__container{top:.5rem;right:0;left:auto;width:29.3333333333vw;transform:translate(0)}.nav__mark{width:13.3333333333vw;height:13.3333333333vw}.nav__mark__item{height:1.0666666667vw}.nav__sns__item{width:10vw;height:10vw}.nav.-content{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.nav__main{box-sizing:content-box;visibility:hidden;position:fixed;top:0;left:0;width:100%;height:100vh;overflow:auto;opacity:0;transition:all .4s ease 0s;-webkit-overflow-scrolling:touch;box-sizing:border-box;display:block;display:flex;justify-content:center;padding:0 6.6666666667vw}.nav__main.-active{visibility:visible;opacity:1}.nav__mark{display:block!important}.trailer-player__container:after{background-size:20% auto}.trailer{position:relative;top:auto;left:auto;width:auto;max-width:100%;height:auto;margin:0;padding:0;background:#000;background-size:100% auto}.trailer-nav__list{flex-wrap:wrap}.trailer-nav__item{box-sizing:border-box;width:50%;padding:.2rem}.trailer-nav{display:none;padding:1rem 0}.trailer-nav__list{width:90%;margin:0 auto!important}.trailer-nav__item{width:50%;min-width:0}.trailer.portrait{margin:8% 15%}.trailer.portrait #trailer-player-container{padding-bottom:177.7%!important}.trailer.portrait.-active #trailer-container{max-width:40svh}.trailer.--active .trailer-nav{padding-top:1rem}.trailer.--active .trailer-nav__list{margin:0 3vw}}