img{width:100%;vertical-align:middle}#top{position:relative}@media screen and (min-width: 1024px){#top{width:50%;position:relative}}@media screen and (min-width: 1024px){.top-pc-wrap{background:rgba(0,0,0,.7882352941);display:flex;align-items:flex-start;justify-content:center;flex-direction:row-reverse}}.logo{width:48%;position:absolute;top:64%;left:0;right:0;margin:0 auto}.copy{width:2.7%;position:absolute;top:29%;left:0;right:0;margin:0 auto}.rs{width:23%;position:absolute;top:89%;left:0;right:0;margin:0 auto}@media screen and (min-width: 1024px){#info{width:50%;position:relative;display:flex;flex-direction:column-reverse;align-items:center}}.offi-sns-list{margin:7% auto;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.offi-sns-list li:nth-child(1){margin:8px 0 0 0}.offi-sns-list li:nth-child(2){margin:15px 0 0 0}.sns-item{border:solid 1px #fff;color:#fff;width:40px;height:40px;display:flex;justify-content:center;align-items:center;font-size:1.3em}@media screen and (min-width: 1024px){.sns-item{width:50px;height:50px}}.sns-item a{color:#fff}.news-btn{height:40px;margin:12px 0 0 0}@media screen and (min-width: 1024px){.news-btn{height:50px}}.news-btn img{width:auto;height:40px}@media screen and (min-width: 1024px){.news-btn img{height:50px}}#trailer{padding:10% 0 0}.pc-modal-movie,.pc{display:none}.sp{display:block}#movie-container{width:90%;margin:0 auto;padding:0 0 30px;opacity:0;transition:opacity .6s ease}#movie-container.swiper-container-horizontal{opacity:1}.movie-thumb-box{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border:1px solid #eee}.movie-thumb-box img{position:absolute;top:0;left:0;width:100%;height:100%}.youtube{width:100%;height:auto;aspect-ratio:16/9}.movie-thumb-list li{width:100%;padding:0 10px}.movie-cap{padding:15px 0 5px;text-align:center;color:#fff}.play-icon{color:#e60027;width:52px;height:58px;font-size:60px;position:absolute;top:0px;left:0px;right:0px;bottom:0px;margin:auto;display:block;line-height:1em}.movie-thumb-list .slider-arrow{position:absolute;top:50%;height:60px;margin-top:-50px;color:#aaa;line-height:36px;font-size:28px;cursor:pointer;width:30px;z-index:10}.movie-thumb-list .slider-arrow img{width:100%}.movie-thumb-list .slider-prev{left:0}.movie-thumb-list .slider-next{right:0}#trailer-play{padding:30px}#trailer-play a{transition:opacity .2s ease;opacity:.7}.btn-container li{position:relative;border:1px solid #7f1e1e;border-radius:50px;margin:0 0 10px;padding:7px 15px;text-align:center}.btn-container li.new::after{content:"New";font-size:.8em;background:#7f1e1e;position:absolute;top:-4px;left:-4px;padding:2px}.btn-container li a{display:block;color:#fff;font-size:20px;text-decoration:none;transition:color .3s ease}.btn-container li a:hover{color:#7f1e1e}.swiper-container{padding:0 0 20px}.swiper-pagination-bullet{background:#ccc}.swiper-pagination-bullet-active{opacity:1;background:#aaa}@media screen and (min-width: 1024px){.pc{display:block}.sp{display:none}#trailer{margin:40px auto 0;padding:60px 0;width:90%}#trailer a:hover{transform:none}.pc-modal-movie{content:"";position:absolute;display:block;width:100%;height:100%}.youtube{pointer-events:none}}.intro-story-wrap{position:relative;clip-path:inset(0)}.intro-story-wrap::before{content:"";width:100%;height:100vh;background:url(../img/common/bg1.webp) no-repeat center;background-size:cover;position:fixed;top:0;left:0;animation:bg_scale 25s linear infinite}@keyframes bg_scale{0%{transform:scale(1)}45%{transform:scale(1.2)}55%{transform:scale(1.2)}100%{transform:scale(1)}}#intro{padding:7% 0}.intro-txt{width:90%;margin:1em auto;color:#fff}@media screen and (min-width: 1024px){.intro-txt{width:1000px}}.intro-txt span{color:#000;background:#f7bfd8;font-family:"Zen Old Mincho",serif;line-height:1;display:inline-block;font-size:1.2em;font-weight:bold}#story{padding:0 0 15%}@media screen and (min-width: 1024px){#story{padding:0 0 150px}}.lead0{width:90%;margin:0 auto}@media screen and (min-width: 1024px){.lead0{width:500px;margin-left:calc(50% - 500px)}}.lead1{width:90%;margin:0 auto}@media screen and (min-width: 1024px){.lead1{width:850px;margin:2em auto 0}}#cast-staff{position:relative;clip-path:inset(0);padding:7% 0}#cast-staff::before{content:"";width:100%;height:100vh;background:url(../img/common/bg2.webp) no-repeat center;background-size:cover;position:fixed;top:0;left:0;z-index:-1}.cast-item{width:70%;margin:9% auto 15%;display:block}@media screen and (min-width: 1024px){.cast-item{width:380px;margin:0 auto}}.staff-item{width:28%;margin:9% auto 15%;display:block}@media screen and (min-width: 1024px){.staff-item{width:150px;margin:100px auto}}@media screen and (min-width: 1024px){.cast-wrap0{display:flex;margin:100px auto;justify-content:center;gap:90px}}@media screen and (min-width: 1024px){.cast-wrap0 .cast-item{width:300px;margin:0}}@media screen and (min-width: 1024px){.cast-wrap1{display:flex;margin:0 auto;justify-content:center;gap:90px}}@media screen and (min-width: 1024px){.cast-wrap1 .cast-item{width:300px;margin:0}}.modaal-wrapper{height:100svh !important;overflow:visible}.cast-modal{display:none;width:86%;margin:0 auto;padding:20px}.modaal-content-container{padding:4% 4% 10%}.modaal-inner-wrapper{padding:0}.modaal-container{background:url(../img/common/bg1.webp) no-repeat center;background-size:cover;box-shadow:none;height:auto;width:100%;height:100vh;color:#000;position:unset;margin:0 auto;padding:40px 0 0}@media screen and (min-width: 1024px){.modaal-container{width:80%;max-width:1000px;height:auto;max-height:89vh;overflow:scroll;background:url(../img/common/bg1.webp) no-repeat center;background-size:cover;border:solid 1px #fff}}.modaal-content{height:100%;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.modaal-container::-webkit-scrollbar{display:none}.modaal-content::-webkit-scrollbar{display:none}.modaal-wrapper .modaal-close{position:absolute;z-index:2;display:flex;align-items:center;justify-content:center;top:0;right:0;border-radius:0;width:45px;height:30px;margin:5px}.modaal-wrapper .modaal-close:hover{background:#f7bfd8}.modaal-wrapper .modaal-close:hover::before,.modaal-wrapper .modaal-close:hover::after{background:#000}.modaal-wrapper .modaal-close::before,.modaal-wrapper .modaal-close::after{background:#fff;top:auto;left:auto;width:1px;height:33px}.modaal-close:before{-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}.modaal-close:after{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.modaal-overlay{z-index:9998}.modal-cast-container{color:#fff}.comment-txt{margin:2em auto}.modal-name{width:90%;margin:0 auto}@media screen and (min-width: 1024px){.modal-name{width:40%}}