@charset "UTF-8";img{max-width:100%}html{font-size:16px}body,html{height:100%}body{color:#fff}.-en{font-style:normal}.-sp{display:none}body:before{display:block;z-index:-1;position:fixed;top:0;left:0;width:100%;height:100lvh;content:""}canvas{z-index:0;position:fixed;top:0;left:0;width:100%;height:100lvh}.top__inner{display:flex}.top-text{flex-grow:1;width:40%}.top-text__inner{box-sizing:border-box;display:flex;position:sticky;top:0;left:0;flex-direction:column;align-items:center;width:100%;height:100%;max-height:100svh;background:url(../images/top/text-bg.png) repeat-x center top}.top-text__content{box-sizing:border-box;display:flex;flex-grow:1;flex-direction:column;align-items:center;justify-content:center;width:70%;max-width:47svh;padding-top:2rem}.top-text__banner{display:flex;flex-grow:.75;align-items:flex-end;justify-content:center;padding-top:2rem;padding-bottom:2rem;transition:all 1.5s ease 1.9s}.top-text__banner a{display:block;width:340px;max-width:85%;margin:0 auto}.top-text__banner a img{width:100%}.top-text__title{transition:all 1.5s ease 1.4s}.top-text__haishin{padding:3% 7% 0;transition:all 1.5s ease 1.8s}.top-btns{display:flex;flex-direction:column;padding:3% 3% 6%}.top-btns li{margin-top:3.5%;transition:all 1.5s ease 1.5s}.top-btns li:nth-child(1){transition-delay:1.5s}.top-btns li:nth-child(2){transition-delay:1.6s}.top-btns li:nth-child(3){transition-delay:1.7s}.top-btns a{display:block;position:relative;aspect-ratio:494 / 100;width:100%;overflow:hidden;line-height:0;transition:all .5s ease 1.5s}.top-v{position:relative;flex-grow:1;width:60%;overflow:hidden}.top-v__bg{transition:all 3s ease 0s}.top-v__bg img{width:100%}.top-v__chara{position:absolute;top:0;left:0;width:100%;transition:all 3s ease 0s,transform 10s ease 0s}.top-v__chara img{width:100%}.top-v__copy{z-index:1;position:absolute;top:4%;left:13%;width:20.0787401575%;transition:opacity 1.5s ease 2s,filter 1.5s ease 2.5s}.top-v__copy img{width:100%}.top.--hide .top-v__bg{filter:brightness(2);transition:all 0s ease 0s!important}.top.--hide .top-v__chara{transform:translate(10%);filter:brightness(2);transition:all 0s ease 0s!important}.top.--hide .top-v__copy{filter:brightness(2);opacity:0;transition:all 0s ease 0s!important}.top.--hide .top-text__title,.top.--hide .top-text__haishin,.top.--hide .top-text__banner,.top.--hide .top-btns li{transition:all 0s ease 0s!important}.content-wrapper{background:url(../images/common/content-bg-pc.webp) no-repeat center center;background-size:cover}.content-wrapper h2{padding-top:6rem}.content__inner{box-sizing:border-box;position:relative;max-width:1280px;margin:0 auto;padding:0 min(10%,40px);text-align:center}.content h2{padding-top:5rem;padding-bottom:3rem}.story{padding:5rem 0}.story p{padding:0 10%}.character{overflow:hidden}.character-container{display:flex;justify-content:space-between}.character-container__wrapper{position:relative;width:96%;width:86%;margin:0 auto}.character-banner{padding:5rem 0}.character-item{width:30%;perspective:1000px}.character-item:nth-child(1) .anim-item{transition-delay:.5s}.character-item:nth-child(2) .anim-item{transition-delay:.6s}.character-item:nth-child(3) .anim-item{transition-delay:.7s}.character-item:nth-child(4) .anim-item{transition-delay:.8s}.character-item:nth-child(2n){margin-top:4rem}.character-item .anim-item{transition:all .5s ease .5s,transform 2s cubic-bezier(.16,1,.3,1) .5s}.character-item .anim-item.--hide{transform:translateY(10%) rotateY(560deg);filter:brightness(2);opacity:0;transition:all 0s ease 0s!important}.character-item .content__inner{max-width:1600px}.swiper{overflow:visible!important}.swiper-button{z-index:1;position:absolute;top:50%;left:0;width:10vw;overflow:visible!important;transform:translateY(-50%);transition:all .3s ease}.swiper-button-disabled{visibility:hidden;opacity:0}.swiper-button--prev{transform:translate(-120%,-50%)}.swiper-button--next{right:0;left:auto;transform:translate(120%,-50%)}.share{box-sizing:border-box;z-index:2;position:fixed;bottom:10%;left:0;padding:1rem .5rem;border-radius:0 1rem 1rem 0;background:#fff}.share__inner{display:flex;flex-direction:column;align-items:center;justify-content:center}.share__title{padding-bottom:.5rem}.share__item{padding-top:.5rem}.caststaff{color:#000}.caststaff .content__inner{position:relative}.caststaff-container{display:flex;justify-content:space-between;text-align:left}.caststaff-list{margin-top:1rem;border-top:2px dotted #000}.caststaff-item{width:47%;padding-bottom:3rem}.caststaff-item dl{display:flex;padding:1rem 0;border-bottom:2px dotted #000;font-size:1.1rem}.caststaff-item dl dt{width:40%}.caststaff-item dl dd{width:60%;font-weight:700}.caststaff-item dl dd span{display:block;padding-top:.5rem;font-size:.7em}.caststaff-text{box-sizing:border-box;position:absolute;top:0;left:0;height:100%;padding:2rem 0 1rem;overflow:hidden;transform:translate(-140%)}.caststaff-text img{display:block;width:5.5rem;height:auto;transition:all 1.5s ease .5s}.caststaff-text.--hide{transform:translate(-150%)!important;filter:brightness(1);opacity:1!important;transition:all 0s ease 0s!important}.caststaff-text.--hide img{transform:translate(-100%);transition:all 0s ease 0s!important}.episodes{overflow:hidden;color:#000}.episodes-container{display:flex;justify-content:space-between}.episodes-container__wrapper{position:relative;width:96%;width:86%;margin:0 auto;padding-top:2rem}.episodes-banner{padding:3rem 0 4rem;text-align:center}.episodes-banner a{display:inline-block}.episodes-item{position:relative;width:20%;line-height:1.3}.episodes-item .anim-item{text-align:left;perspective:1000px}.episodes-item .anim-item.--hide .btns{transform:translateY(10%) rotateY(560deg);filter:brightness(2);opacity:0;transition:all 0s ease 0s!important}.episodes-item .content__inner{max-width:1600px}.episodes-item .btns{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:216/384;background:#eee;background:no-repeat center center;background-size:cover;transition:all .5s ease .5s,transform 2s cubic-bezier(.16,1,.3,1) .5s}.episodes-item .btns:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:#0000;content:"";transition:all .2s ease .02s;-webkit-backdrop-filter:blur(2px);visibility:hidden;z-index:1;backdrop-filter:blur(2px);opacity:0}.episodes-item .btns:after{display:block;z-index:0;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/episodes/play.png) no-repeat center center;background-size:35%;content:"";transition:all .2s ease .02s}.episodes-item .btns a{display:block;visibility:hidden;z-index:2;position:relative;width:70%;margin:3.5% 0;opacity:0;transition:all .2s ease .05s}.episodes-item .btns a img{display:block;width:100%}.episodes-item.--active .btns:before{visibility:visible;opacity:1}.episodes-item.--active .btns:after{visibility:hidden;opacity:0}.episodes-item.--active .btns a{visibility:visible;opacity:1}.episodes-item p{padding-top:.5rem;text-align:left}.episodes-subtitle{position:absolute;top:0;left:0;width:80%;transform:translateY(-160%)}.episodes-text{box-sizing:border-box;display:flex;position:absolute;top:0;left:0;align-items:center;height:100%;padding:2rem 0 1rem;overflow:hidden;transform:translate(-140%)}.episodes-text img{display:block;width:5.5rem;height:auto;margin:auto 0;transition:all 1.5s ease .5s}.episodes-text.--hide{transform:translate(-150%)!important;filter:brightness(1);opacity:1!important;transition:all 0s ease 0s!important}.episodes-text.--hide img{transform:translate(-100%);transition:all 0s ease 0s!important}.anim-item{transition:all .5s ease .5s,transform 2s cubic-bezier(.16,1,.3,1) .5s}.anim-item.--hide{transform:translateY(10%);filter:brightness(2);opacity:0;transition:all 0s ease 0s!important}.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;position:fixed;top:0;right:0;align-items:center;justify-content:center;width:40%;height:100vh;padding:3vw;transform:translate(0);transform:translate(100%);backface-visibility:hidden;background:#fb7ca6e6;pointer-events:auto;transition:all .5s ease 0s}.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{display:block;position:relative;padding-bottom:1.75rem;color:#fff;font-size:3.5rem;letter-spacing:.03em;text-align:center}.nav__main__list a span{display:block;padding-top:.3rem;padding-top:.5rem;color:#fff;font-weight:600;font-size:.9rem;letter-spacing:.1em}.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{transform:translate(0)}.nav__mark{display:block;z-index:3;position:relative;max-width:100px;border-width:0 5px 5px 0;cursor:pointer;pointer-events:auto}.nav__mark__inner{position:relative;width:100%;margin:0 auto;padding-bottom:100%}.nav__mark__container{box-sizing:border-box;z-index:10;position:fixed;top:0;right:0%;width:100%;width:5vw}.nav__mark__item{display:block;position:absolute;top:50%;left:50%;width:55%;height:8%;transform:translate(-50%,-50%);border-radius:.1rem;background:#fe81bf;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:#fff}.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}@media only screen and (max-width: 750px){html{font-size:3.4vw}.-sp{display:block}.-pc{display:none!important}.top__inner{display:block}.top-text{width:100%}.top-text__inner{max-height:none;background-size:3vw auto}.top-text__content{width:100%;max-width:none;padding-top:0}.top-text__banner{padding:2rem 0}.top-text__haishin{padding:3% 0% 0}.top-btns{padding:2% 10%}.top-v{width:100%}.content-wrapper{background-image:url(../images/common/content-bg-sp.webp)}.content__inner{padding:0}.character-banner{padding:5rem 13vw}.character-item:nth-child(2n){margin-top:0}.character-item{flex-shrink:0;width:55vw}.swiper{width:86%}.share{position:relative;bottom:auto;left:auto;width:100%;border:1px solid #ccc;border-width:1px 0}.share img{display:block}.share__inner{flex-direction:row;width:80%;margin:0 auto}.share__title{width:10vw;padding-right:12vw;padding-bottom:0;padding-left:5vw;text-align:center}.share__item{flex-grow:1;padding-top:0;text-align:center}.caststaff-container{display:block}.caststaff-item{width:90%;margin:0 auto}.caststaff-item dl{font-size:.9rem}.episodes-banner{padding:3rem 13vw}.episodes-item{flex-shrink:0;width:55vw}.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}.nav__main__list a{font-size:2.7rem}.nav__main__list a:before{left:-2rem;width:1.2rem;height:1rem}.nav__main__list a 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%;width:18vw;max-width:30vw;border-width:0 3px 3px 0}.nav__mark__container{right:0;left:auto;width:18vw;transform:translate(0)}.nav__mark{width:18vw;height:18vw}.nav__mark__item{height:1.3333333333vw}.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;display:block;padding:0}.nav__main.--active{visibility:visible;opacity:1}.nav__main__inner{padding-top:15vw;padding-bottom:30vw}.nav__mark{display:block!important}}