.main-contents{padding-top:0}h1{max-width:600px}@media screen and (max-width: 767px){h1{margin:0 auto;max-width:100%}}@media screen and (max-width: 499px){h1{margin:0 0 10em 0;width:100%}}.kv-section{height:auto;max-height:800px;min-height:600px;display:flex;justify-content:center;flex-flow:column;position:relative;padding-bottom:2.8em}@media screen and (max-height: 440px){.kv-section{height:auto;padding-bottom:0}}.main-btn-wp{width:80%;max-width:600px}.main-btn-wp .main-btn{margin:0 auto}@media screen and (max-width: 767px){.main-btn-wp{margin:0 auto;width:100%}}.sp-videos{background:#224c51;padding:1em}.sp-videos .play-zoom{width:95%;max-width:400px;margin:1em auto}.swiper-topics{overflow:visible}.swiper-topics .swiper-slide{padding:0 .5rem}.swiper-topics .swiper-slide .icon-new::before{width:.6rem;height:.6rem;top:-0.3em;left:-0.3em;box-sizing:border-box}@media screen and (max-width: 767px){.swiper-topics .swiper-slide .icon-new::before{width:.6rem;height:.6rem;top:-6px;left:-6px}}.swiper-topics .swiper-slide .icon-new::after{opacity:1;content:"";display:block;width:.8rem;border-radius:50%;height:.8rem;background:#ff0e1a;position:absolute;top:.3em;left:.3em;transform:rotate(-45deg);z-index:10;animation:1.8s ease-in-out infinite anim-newicon-outer;box-sizing:border-box}@media screen and (max-width: 767px){.swiper-topics .swiper-slide .icon-new::after{width:.8rem;height:.8rem;top:6px;left:6px}}.swiper-topics .swiper-slide>a{position:relative}.banner-wrap{display:flex;gap:1rem}.banner-item>a{position:relative}.kv-image{display:block;will-change:transform}.kv-image-wrap{position:fixed;display:block;top:0%;width:100%;height:100vh}@media screen and (max-width: 767px){.kv-image-wrap{width:100%;left:0%;top:0px}}.kv-image-wrap .js-insert-topmovie{width:100%;height:100%}.kv-image-wrap video{width:100%;height:100%;object-fit:cover}.video-container{position:absolute;width:100%;height:100vh}.video-container video{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translate(-50%, -50%);object-fit:cover;z-index:-1}.content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:0 20px;background:rgba(0,0,0,.3)}.main-pf-list{width:70%;max-width:400px;position:relative;display:flex;margin-top:3em;margin-left:1em;filter:drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5));transform:translateZ(0)}@media screen and (max-width: 767px){.main-pf-list{margin-top:1em}}.main-pf-list li{padding:.5em}.main-pf-list li.main-pf-nw{width:calc(28% - .5em)}.main-pf-list li.main-pf-sp{width:calc(15% - .5em);padding-top:.9em;padding-right:.25em}.main-pf-list li.main-pf-sp5{width:calc(36% - .5em);padding-top:.9em}.main-pf-list li.main-pf-steam{width:calc(40% - .5em);padding-top:.5em}.main-header-day{width:80%;max-width:600px;text-align:center;margin:0 0 1em 0;font-size:300%;color:#fff;filter:drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5)) drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5)) drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5));transform:translateZ(0)}@media screen and (max-width: 767px){.main-header-day{font-size:200%;margin:0 auto 1em auto}}.kv-section .free-btn{filter:drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5)) drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5)) drop-shadow(0px 0px 7px rgba(55, 93, 109, 0.5));transform:translateZ(0)}.header-video{width:200px;position:absolute;right:10px;bottom:10px}@media screen and (max-width: 767px){.header-video{position:sticky;width:70%;left:0;margin:3em auto 0 auto}}@media screen and (min-width: 500px)and (max-width: 767px){.header-video .play-zoom{width:80%;max-width:300px;margin:0 auto}}@media screen and (max-height: 440px){.header-video{margin:1em auto}.header-video .play-zoom{width:80%;max-width:300px;margin:0 auto}.kv-section{padding-bottom:0}h1{max-width:400px}.main-pf-list{max-width:300px;margin-left:.5em;margin-top:3.5em}}.play-zoom{width:100%;position:relative;right:0;bottom:0;border:solid 1px #d0bb5b}@media(hover: hover){.play-zoom{transition:transform .5s ease}.play-zoom:hover{transform:scale(1.1)}}.play-zoom::after{content:"";position:absolute;right:5px;bottom:5px;width:30px;height:30px;background-image:url(../img/movie_btn.png);background-size:contain;background-repeat:no-repeat;cursor:pointer}.topics-section{background-image:linear-gradient(#224b51, #29574b);color:#fff}.topics-section.section-default{padding:1rem 0}.topics-section a{color:#fff;text-decoration:none}.topics-section a:visited{color:#fff}.topics-section a:hover{color:#fff;opacity:.5}.topics-section a:active{color:#fff}.topics-list{display:flex}@media screen and (max-width: 767px){.topics-list{display:block}}.topics-list_main{flex:1}.topics-list_btn{width:150px;margin-left:2em}@media screen and (max-width: 767px){.topics-list_btn{width:50%;margin:1em auto 0 auto}}.topics-list_btn a{display:block;width:calc(100% - 1em);background:#012121;text-align:center;font-size:80%;padding:.5em}@media(hover: hover){.topics-list_btn a{transition:transform .5s ease}.topics-list_btn a:hover{transform:scale(1.1)}}@media screen and (max-width: 767px){.banner-wrap{flex-wrap:wrap}.banner-wrap .banner-item{width:48%}}.about-container{background:url(../img/top/kv.jpg);background-size:100% auto;background-position:0 -3em}@media screen and (max-width: 767px){.about-container{background:url(../img/top/kv_sp.jpg) no-repeat #1b141c;background-size:100% auto;background-position:0 0}}.about-catch{font-size:200%;writing-mode:vertical-rl;color:#fff;margin:2em auto 0 auto;line-height:1.3;filter:drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5)) drop-shadow(0px 0px 7px rgba(16, 15, 21, 0.5));transform:translateZ(0)}@media screen and (max-width: 767px){.about-catch{font-size:150%}}@media screen and (max-height: 440px){.about-catch{font-size:130%;min-height:283px}}html:lang(en) .about-catch{writing-mode:initial;text-align:center}.about-text_container{width:80%;max-width:700px;margin:0 auto;margin-top:24em;padding:2em 0;color:#fff;text-align:center;line-height:1.62;font-size:100%;background-image:linear-gradient(90deg, transparent 3%, rgba(24, 31, 56, 0.5019607843) 21% 76%, transparent 98%);filter:drop-shadow(0px 0px 1px rgba(15, 19, 34, 0.5)) drop-shadow(0px 0px 1px rgba(15, 19, 34, 0.5)) drop-shadow(0px 0px 1px rgba(15, 19, 34, 0.5)) drop-shadow(0px 0px 1px rgba(15, 19, 34, 0.5));transform:translateZ(0);text-shadow:#0f1322 1px 1px 10px,#0f1322 -1px 1px 10px,#0f1322 1px -1px 10px,#0f1322 -1px -1px 10px}@media screen and (min-width: 1400px){.about-text_container{margin-top:40%}}@media screen and (max-width: 767px){.about-text_container{width:95%;margin-top:11em;font-size:99%}}html:lang(en) .about-text_container{margin-top:48%}@media screen and (max-width: 767px){html:lang(en) .about-text_container{margin-top:15em}}.about-text_container h2{line-height:1.3;font-weight:500;margin-bottom:.5em;font-size:220%}@media screen and (max-width: 767px){.about-text_container h2{font-size:180%;margin-bottom:1em}}.about-text_container h2 span{display:inline-block;margin-right:-0.5em}html:lang(en) .about-text_container h2{font-size:144%}@media screen and (max-width: 767px){html:lang(en) .about-text_container h2{font-size:130%}}.pointstrong{font-weight:900}.chara-story-wp{background:url(../img/top/character_wp.png) no-repeat;background-size:120% auto;background-position:47% 10em}@media screen and (max-width: 767px){.chara-story-wp{background:url(../img/top/character_wp_sp.png) no-repeat;background-size:100% auto;background-position:0 -15em}}h2.title-main{width:95%;max-width:800px;font-size:380%;margin:0 auto;text-align:center;line-height:.5;background:url(../img/title.png) no-repeat;background-size:100%;background-position:center bottom;padding-bottom:.5em;margin-top:1em}@media screen and (max-width: 767px){h2.title-main{margin-top:1em;padding-bottom:.25em}}h2.title-main span{font-size:45%;padding:0;color:#3a5e69;letter-spacing:.1em;font-weight:500}@media screen and (max-width: 767px){h2.title-main span{font-size:30%}}h2.title-main p{line-height:1.6;padding:0;background:linear-gradient(180deg, #1d4c5d 49%, #3ebe91 71%);color:rgba(0,0,0,0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);text-fill-color:rgba(0,0,0,0)}@media screen and (max-width: 767px){h2.title-main p{font-size:75%}}.chara-list_container{width:80%;max-width:800px;margin:2em auto 0 auto;display:flex;flex-wrap:wrap}@media screen and (max-width: 767px){.chara-list_container{width:100%}}.chara-list_container li{width:calc(25% - 1em);margin:.5em;position:relative;filter:drop-shadow(0px 0px 5px rgba(22, 22, 22, 0.6));transform:translateZ(0)}@media(hover: hover){.chara-list_container li{transition:transform .5s ease}.chara-list_container li:hover{transform:scale(1.1)}}@media screen and (max-width: 767px){.chara-list_container li{width:calc(25% - 1em)}}.chara-list_container li a,.chara-list_container li a:visited,.chara-list_container li a:active{color:#012121;text-decoration:none}.btn-chara1{background:url(../img/characters/chara1_btn.png) no-repeat;background-size:100% auto}.btn-chara2{background:url(../img/characters/chara2_btn.png) no-repeat;background-size:100% auto}.btn-chara3{background:url(../img/characters/chara3_btn.png) no-repeat;background-size:100% auto}.btn-chara4{background:url(../img/characters/chara4_btn.png) no-repeat;background-size:100% auto}.chara-btn_name{width:100%;left:0;right:0;margin:0 auto;position:absolute;bottom:3.5%;font-weight:600;text-align:center;font-size:clamp(.9375rem,.8322rem + .5263vw,1.0625rem);background:url(../img/characters/chara-name_wp.png) no-repeat;background-size:100% 100%;padding:.25em 0}.story-container h3{font-size:350%;text-align:center;line-height:1.3;margin:1em auto 1em auto}@media screen and (max-width: 767px){.story-container h3{font-size:190%}}.story-text{width:95%;max-width:1500px;margin:0 auto;padding:3em .5em;text-align:center;background-image:linear-gradient(90deg, rgba(247, 243, 232, 0), rgba(247, 243, 232, 0.8) 20% 80%, rgba(247, 243, 232, 0));font-weight:700}@media screen and (max-width: 767px){.story-text{text-align:left;background-image:linear-gradient(90deg, rgba(247, 243, 232, 0), rgba(247, 243, 232, 0.8) 10% 90%, rgba(247, 243, 232, 0))}}.story-text p{font-size:150%;font-weight:bold}@media screen and (max-width: 767px){.story-text p{font-size:130%}}.pointcolor{color:#2f9485}.section-lead_rote{overflow:hidden;width:100%;position:relative}.section-lead_rote_images{display:flex;white-space:nowrap;will-change:transform;margin:2em 0 0 0}.section-lead_rote_images img{width:25%;margin:0 .5%;flex-shrink:0}@media screen and (max-width: 767px){.section-lead_rote_images img{width:50%}}.system-container{background:url(../img/top/system_wp.png) no-repeat;background-size:100% auto;background-position:center center;padding-bottom:5em}@media screen and (max-width: 767px){.system-container{background:url(../img/top/system_wp_sp.png) no-repeat;background-size:100% auto;background-position:center center}}.system-container h3{font-size:300%;text-align:center}.system-container-img{width:90%;max-width:1000px;margin:0 auto;background:url(../img/top/system_navi.png) no-repeat;background-size:100% auto;background-position:center top;display:flex;flex-wrap:wrap;justify-content:space-between;padding:4em 0}@media screen and (max-width: 767px){.system-container-img{width:100%;background:url(../img/top/system_navi_sp.png) no-repeat;background-size:100% auto;background-position:center top}}.system-ss1,.system-ss2,.system-ss3,.system-ss4{width:40%}@media(hover: hover){.system-ss1,.system-ss2,.system-ss3,.system-ss4{transition:transform .5s ease}.system-ss1:hover,.system-ss2:hover,.system-ss3:hover,.system-ss4:hover{transform:scale(1.1)}}@media screen and (max-width: 767px){.system-ss1,.system-ss2,.system-ss3,.system-ss4{width:45%}}.system-ss2{margin-top:7em}@media screen and (max-width: 767px){.system-ss2{margin-top:3em}}.system-ss3{margin-top:-2em}.system-ss4{margin-top:4em}@media screen and (max-width: 767px){.system-ss4{margin-top:3em}}.system-btn{width:80%;max-width:450px;margin:0 auto;background:url(../img/top/system_btn.png) no-repeat;background-size:100% 100%;padding:1em 0 1em 0;text-align:center;font-size:150%}@media(hover: hover){.system-btn{transition:transform .5s ease}.system-btn:hover{transform:scale(1.1)}}.system-btn a{color:#fff}@media screen and (max-width: 767px){.system-btn{width:70%;font-size:120%}}.system-btn span{width:80%;display:block;padding-left:.5em}.system-name{width:80%;margin:.5em auto;padding:.5em;text-align:center;background-image:linear-gradient(90deg, transparent, rgba(122, 110, 86, 0.5019607843) 29% 76%, transparent);color:#fff;text-shadow:#7a6e56 1px 1px 10px,#7a6e56 -1px 1px 10px,#7a6e56 1px -1px 10px,#7a6e56 -1px -1px 10px}@media screen and (max-width: 767px){.system-name{padding:.2em;font-size:80%}}/*# sourceMappingURL=top.min.css.map */