#topics,#intro,#story,#system,#aster,#movie{position:absolute;top:0;left:0;display:inline-block;width:100%;height:0}#topics{top:60px}@media(max-width: 1280px){#topics{top:0vw}}#intro{top:400px}@media(max-width: 1280px){#intro{top:6vw}}#story{top:490px}@media(max-width: 1280px){#story{top:10vw}}#system{top:490px}@media(max-width: 1280px){#system{top:10vw}}#aster{top:280px}@media(max-width: 1280px){#aster{top:16vw}}#movie{top:160px}@media(max-width: 1280px){#movie{top:0vw}}.top_header{position:relative;padding:0 calc((100% - 1280px)/2) 400px;height:min(calc((1830/1280)*100vw), 1830px);overflow:hidden;z-index:100}.top_header__movie{position:absolute;top:0;left:max(-35vw, calc((2000px - 100%)/ -2));display:flex;justify-content:center;align-items:center;width:min(170vw, 2000px);height:min(170vw, 2000px);z-index:101;font-size:0;overflow:hidden}.top_header__movie-cover{position:absolute;top:0;left:0;max-width:100%;width:100%;height:auto;z-index:101}.top_header__movie-frame{position:relative;width:auto;height:100%;z-index:-1}.top_header__movie-frame video{width:auto;height:100%}.top_header__logo{position:relative;width:100%;margin-top:min(17%, 153px);padding-top:36.7%;height:0;z-index:103}.top_header__logo img{position:absolute}.top_header__logo-sub1{top:0;left:8%;width:18.125%}.top_header__logo-sub2{top:7%;left:10%;width:33.2%}.top_header__logo-main{bottom:0;max-width:inherit;width:180%}.top_header__kv{position:absolute;top:0;left:0;right:0;margin:auto;width:min(100%, 1280px);height:120%;z-index:104}.top_header__kv img{position:absolute;--w:170%;top:0;padding-top:12%;left:calc((100% - var(--w))/2);width:var(--w);max-width:inherit}.top_header__text1{position:absolute;top:min(103vw, 59%);margin:0 0 0 2%;width:43%;z-index:105}.top_header__sns{position:absolute;top:20px;right:2%;display:flex;justify-content:space-between;width:min(24vw, 225px);z-index:107}.top_header__sns li{width:30%}.top_header__tw{position:absolute;top:min(103vw, 59%);left:60%;padding:4px;width:32%;height:18%;border:2px solid #000;background-color:#1ccdff;box-sizing:border-box;z-index:105}.top_header__tw-title{position:absolute;top:-21%;left:-10%;z-index:104}.top_header__tw-frame{position:relative;width:100%;height:100%;background-color:#fff;overflow:auto}.top_header .app{position:absolute;bottom:3%;left:0;right:0}@media(max-width: 1280px){.top_header__sns{top:5vw}}@media(max-width: 640px){.top_header{padding-bottom:0;height:280vw}.top_header__tw{position:absolute;top:200vw;left:10vw;padding:4px;width:80vw;height:60vw}.top_header__tw-title{width:50%;top:-18%;left:-7%}.top_header .app{top:140vw;bottom:inherit}}.top_topics{position:relative;margin:-200px 0 0;padding:86px calc((100% - 1280px)/2) 300px;width:100%;text-align:center;background-image:url(../img/topics_bg.png);background-position:center top;background-repeat:no-repeat;box-sizing:border-box;overflow:hidden;z-index:200}.top_topics__title{position:relative;margin:0 0 0 auto;padding:0 0 2%;width:30.46%}.top_topics__title::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/top_topics_title_bg.png)}.top_topics__list{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:min(30px, 6vw);margin:26px auto 0;width:92%;z-index:202}.top_topics__list li{margin:0 0 30px;width:31%}.top_topics__list li[data-category=Information] p{background-color:#ff0072}.top_topics__list li[data-category=Movie] p{background-color:#138dff}.top_topics__list li[data-category=Event] p{background-color:#a10eff}.top_topics__list li[data-category=News] p{background-color:#ff8a00}.top_topics__list li[data-category=Campaign] p{background-color:#26b400}.top_topics__list li[data-category=Recruit] p{background-color:#ff0006}.top_topics__list li a{display:inline-block;width:100%;border:3px solid #000;box-shadow:4px 4px 0px #000}.top_topics__list li a .top_topics__list-thumb{position:relative;width:100%;max-height:180px}@media(max-width: 1280px){.top_topics__list li a .top_topics__list-thumb{max-height:14vw}}.top_topics__list li a .top_topics__list-thumb img{width:100%}.top_topics__list li a .top_topics__list-dsc{position:relative;margin:-20px 0 0;padding:5% 2% 4%;overflow:hidden}.top_topics__list li a .top_topics__list-dsc::after{content:"";position:absolute;top:0;right:0;display:block;width:120%;height:200%;background-color:#fff;z-index:0;transform:rotate(-3deg);transform-origin:right top}.top_topics__list li a .top_topics__list-dsc time{position:relative;display:inline-block;width:100%;text-align:right;font-size:14px;font-weight:bold;color:gray;transform:translateY(-0.5em);z-index:1}.top_topics__list li a .top_topics__list-dsc h3{position:relative;display:inline-block;width:95%;min-height:2.6em;font-size:18px;line-height:1.4;text-align:left;color:#000;z-index:1}.top_topics__list li a .top_topics__list-dsc p{position:absolute;top:8%;left:2%;display:inline-block;padding:.4em;font-size:10px;font-family:system-ui;font-weight:bold;color:#fff;z-index:1}.top_topics__link{display:inline-block;margin:20px auto 0;padding:1em 3em;font-size:min(3vw, 20px);font-family:"FOT-セザンヌ ProN B";text-decoration:none;color:#000;background-color:rgba(255,255,255,.4);border:3px solid #000;box-shadow:4px 4px 0px #000}@media(max-width: 1280px){.top_topics{margin-top:0;padding-top:0;padding-bottom:26vw;background-position:right top}.top_topics__title{padding:0 0 4vw;margin-right:4vw;width:40vw}.top_topics__title img{width:80%}.top_topics__title::after{background-size:160% auto}}@media(max-width: 640px){.top_topics__list{margin:3vw auto 0;width:92%}.top_topics__list li{margin:0 0 3vw;width:46%}.top_topics__list li a .top_topics__list-dsc{margin:-3vw 0 0}.top_topics__list li a .top_topics__list-dsc time{font-size:min(2.6vw, 14px)}.top_topics__list li a .top_topics__list-dsc h3{font-size:min(3vw, 18px)}.top_topics__list li a .top_topics__list-dsc p{font-size:min(2vw, 10px)}}.top_intro{position:relative;margin:-500px 0 0;padding:590px calc((100% - 1280px)/2) 340px;z-index:300;pointer-events:none}.top_intro::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center top,center bottom;background-image:url(../img/intro_bg_top.png),url(../img/intro_bg_bottom.png);z-index:-1}.top_intro::after{content:"";position:absolute;top:180px;left:0;display:block;width:100%;height:100%;background-color:transparent;background-repeat:no-repeat;background-position:center top;background-image:url(../img/intro_bg.jpg);-webkit-mask-position:center top;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(../img/intro_bg_mask.png);z-index:-2}.top_intro__kv{position:relative;padding:0 0 3%;width:100%;overflow:visible}@media(max-width: 1280px){.top_intro__kv{overflow:hidden}}.top_intro__kv img{margin:0 0 0 5%}.top_intro__title{position:absolute;top:-10%;left:4%;width:100%;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/intro_title_bg.png)}.top_intro__chara{position:absolute;top:0;left:-44%;z-index:401}.top_intro__text{position:relative;margin:0 0 0 32%;padding:4%;width:68%;color:#08338a;font-size:18px;font-family:"FOT-ロダンハッピー Pro EB";line-height:1.6;background-color:rgba(255,255,255,.9);box-sizing:border-box;pointer-events:auto}.top_intro__text>p{padding:0 0 2%;font-size:18px}.top_intro__text>img{margin:0 0 0 12%}.top_intro__text small{font-size:13px}@media(max-width: 1280px){.top_intro{margin-top:-26vw;padding-top:26vw;padding-bottom:40vw;background-size:100% auto;background-position:right top}.top_intro::before{height:105%;background-size:130% auto}.top_intro::after{top:0;height:120%;background-position:right top;-webkit-mask-position:right top;background-size:auto 100%;-webkit-mask-size:auto 100%}.top_intro__title{top:-10%;left:0}.top_intro__chara{top:83%;left:-3%;width:55%}.top_intro__text{margin:12vw auto 0;padding:4%;width:90%}.top_intro__text>p{padding:0 0 1em;font-size:min(3.6vw, 18px);line-height:1.4}.top_intro__text>img{margin:0 0 0 6%}.top_intro__text>small{width:40%;display:inline-block;padding:0 0 0 55%;font-size:min(2.6vw, 12px)}}@media(max-width: 640px){.top_intro__kv{padding:0 0 8vw}.top_intro__title{top:-21vw;left:0}}.top_story{position:relative;margin:-720px 0 0;padding:540px calc((100% - 1280px)/2);background-repeat:no-repeat;background-position:center 0;background-image:url(../img/story_bg.png);z-index:200}.top_story::after{content:"";position:absolute;bottom:-240px;left:0;display:block;width:100%;height:895px;background-repeat:no-repeat;background-position:center 0;background-image:url(../img/story_bg_bottom.png);z-index:-2}.top_story__chara{position:absolute;top:22%;width:69.2%;z-index:-1}.top_story__chara img{margin:0 0 0 -9%}.top_story__title,.top_story__thumb,.top_story__text1,.top_story__text2,.top_story__list{margin:0 0 0 50%;width:50%}.top_story__title{padding:0 0 3%;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/story_title_bg.png)}.top_story__thumb{display:block;margin:-10% 0 0;width:100%;text-align:right}.top_story__text1{color:#ae00ff;font-family:"FOT-ロダンハッピー Pro EB";font-size:24px;line-height:2}.top_story__text1 ruby rt{line-height:1}.top_story__text2{width:46%;font-family:"FOT-ロダンハッピー Pro EB";color:#08338a;text-shadow:2px 2px 0px #fff;font-size:18px;line-height:2}.top_story__list{display:flex;justify-content:space-between;flex-wrap:wrap;width:46%}.top_story__list li{position:relative;flex-grow:2;align-self:stretch;display:flex;margin:.5%;width:31%;border:3px solid #000;box-shadow:4px 4px 0px rgba(0,0,0,.4);box-sizing:border-box}.top_story__list li a{display:inline-block;width:100%;height:100%;border:3px solid #000;box-sizing:border-box}.top_story__list li img{max-width:inherit;width:100%;height:100%;object-fit:cover}.top_story__list li:nth-child(1) a{border-color:#eeae03}.top_story__list li:nth-child(2) a{border-color:#ee00a8}.top_story__list li:nth-child(3){width:9.2%}.top_story__list li:nth-child(3) a{border-color:#02a7ea}.top_story__list li:nth-child(4) a{border-color:#670f90}.top_story__list li:nth-child(5) a{border-color:#f000e8}@media(max-width: 1280px){.top_story{margin-top:-20vw;padding-top:20vw;padding-bottom:20vw;background-size:auto 100%;background-position:right top}.top_story::after{bottom:-5%;height:48vw;background-size:300% auto;background-position:center 0}.top_story__title{margin:0 0 0 40%;padding:0 0 5%;width:60%;background-size:200% auto}.top_story__title img{width:60%}.top_story__thumb{margin:-12% 0 0 75%;width:23%}.top_story__chara{top:27vw;left:-10vw}.top_story__text1,.top_story__text2,.top_story__list{margin:0 auto 0;width:90%}.top_story__text1{margin:0 0 5% 40%;width:60%;line-height:1.2;font-size:min(4.4vw, 24px)}.top_story__text2{line-height:1.6;padding:0 0 0 40%;width:60%;font-size:min(3.6vw, 18px)}.top_story__list{margin:5% auto 0;width:90%}.top_story__text{margin:0 auto}}@media(max-width: 640px){.top_story__text2{padding:0;width:90%}.top_story__text2>p:nth-child(1),.top_story__text2>p:nth-child(2){padding:0 0 0 40%;width:60%}}.top_system{position:relative;margin:-600px 0 0;padding:590px calc((100% - 1280px)/2) 380px}.top_system::before{content:"";position:absolute;bottom:-330px;left:0;display:block;width:100%;height:895px;background-repeat:no-repeat;background-position:center 0;background-image:url(../img/asta_bg_top.png);z-index:-1}.top_system::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:transparent;background-repeat:no-repeat;background-position:center 0px;background-image:url(../img/system_bg.jpg);-webkit-mask-position:center 0px;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(../img/system_bg_mask.png);z-index:-2}.top_system__title{padding:0 0 3%;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/system_title_bg.png)}.top_system__text1{position:relative;display:inline-block;width:100%;text-align:center;overflow:visible}.top_system__text1 img{max-width:inherit}@media(max-width: 1280px){.top_system__text1 img{max-width:100%}}.top_system__text2{display:block;margin:0 auto;width:98%;color:#08338a;font-size:26px;line-height:1.6;font-family:"FOT-ロダンハッピー Pro EB"}.top_system__text2:nth-of-type(2){margin:-4% auto 0;width:94%}.top_system__text2 ruby rt{line-height:1}@media(max-width: 1280px){.top_system{margin-top:-20vw;padding-top:27vw;padding-bottom:40vw;background-size:100% auto;background-position:right top}.top_system::before{bottom:0;height:100%;background-position:center bottom;background-size:200% auto}.top_system::after{background-position:left top;-webkit-mask-position:left top;background-size:170% auto;-webkit-mask-size:170% auto}.top_system__title{width:60%;background-size:178% auto}.top_system__title img{width:60%}.top_system__text1{overflow:hidden}.top_system__text1:nth-of-type(1) img{max-width:inherit;width:120%}.top_system__text2{padding:0vw 0 2em;font-size:min(4.2vw, 20px)}}.top_aster{position:relative;margin:-340px 0 0;padding:340px calc((100% - 1280px)/2) 60px}.top_aster::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:transparent;background-repeat:no-repeat;background-position:center top;background-image:url(../img/asta_bg.jpg);-webkit-mask-position:center top;-webkit-mask-repeat:no-repeat;-webkit-mask-image:url(../img/asta_bg_mask.png);z-index:-2}.top_aster::after{content:"";position:absolute;bottom:-180px;left:0;display:block;width:100%;height:657px;background-repeat:no-repeat;background-position:center 0;background-image:url(../img/movie_bg_top.png);z-index:3}.top_aster__title{padding:0 0 3%;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/asta_title_bg.png);mix-blend-mode:multiply}.top_aster__chara{position:relative;margin:-270px 0 0;overflow:visible;z-index:1}.top_aster__chara img{max-width:inherit;margin:0 0 0 -8.75%;width:117.5%}.top_aster__list{position:relative;margin:-400px 0 0;width:100%;height:400px;z-index:2}.top_aster__list li{position:absolute;display:inline-block;width:auto}.top_aster__list li:nth-child(1){top:-65%;left:36%}.top_aster__list li:nth-child(2){top:-20%;left:6%}.top_aster__list li:nth-child(3){top:-35%;left:75%}@media(max-width: 1280px){.top_aster{margin-top:-43vw;padding-top:25vw;padding-bottom:15vw;background-size:100% auto;background-position:right top}.top_aster::before{background-position:right top;-webkit-mask-position:right top;background-size:170% auto;-webkit-mask-size:170% auto}.top_aster::after{bottom:0;height:100%;background-position:center bottom;background-size:200% auto}.top_aster__title{width:100%;background-size:100% auto}.top_aster__title img{width:60%}.top_aster__chara{margin:-18vw 0 0;overflow:hidden}.top_aster__list{margin:-40vw 0 0;height:40vw}.top_aster__list li:nth-child(1){top:-27%;left:34%;width:38vw}.top_aster__list li:nth-child(2){top:10%;left:2%;width:56vw}.top_aster__list li:nth-child(3){top:-3%;left:70%;width:26vw}}.top_movie{position:relative;margin:-340px 0 0;padding:340px calc((100% - 1280px)/2) 300px;text-align:center}.top_movie::before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:95%;background-size:auto 100%;background-repeat:no-repeat;background-position:right top;background-image:url(../img/movie_bg.jpg);-webkit-mask-position:right top;-webkit-mask-repeat:no-repeat;-webkit-mask-size:auto 100%;-webkit-mask-image:url(../img/movie_bg_mask.png);z-index:-2}.top_movie::after{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-size:100% auto;background-repeat:no-repeat;background-position:right bottom;background-image:url(../img/movie_bg_bottom.png);pointer-events:none;z-index:3}.top_movie__title{padding:0 0 10% 50%;background-repeat:no-repeat;background-position:left bottom;background-image:url(../img/movie_title_bg.png);box-sizing:border-box}.top_movie__chara{position:absolute;top:12%;margin:0 0 0 -2%;z-index:601}.top_movie__list{position:relative;margin:-5% 0 0;padding:0 0 0 58%;width:34%;z-index:202}.top_movie__list li{margin:0 0 30px 0;width:100%}.top_movie__list li a{position:relative;display:inline-block;width:100%;font-size:0;border:3px solid #000;box-shadow:4px 4px 0px #000}.top_movie__list li a h2{position:absolute;top:0;left:0;padding:.2em 1em;color:#fff;font-size:20px;font-family:system-ui;text-decoration:none;background-color:rgba(253,72,158,.7);z-index:1}.top_movie__list li a img{position:relative;width:100%;height:auto}.top_movie__list li a::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:min(8vw, 70px);height:min(8vw, 70px);border-radius:min(8vw, 70px);border:4px solid #fff;background-size:50% auto;background-repeat:no-repeat;background-position:55% center;background-image:url(../img/play_triangle.svg);background-color:rgba(253,72,158,.7);transition:transform 400ms ease-out;transform:scale(1);transform-origin:center center;z-index:2}.top_movie__list li a:hover::before{transform:scale(1.1)}.top_movie__link{position:relative;display:inline-block;margin:0 auto;padding:1em 3em;font-size:min(3vw, 20px);font-family:"FOT-セザンヌ ProN B";text-decoration:none;color:#000;background-color:rgba(255,255,255,.4);border:3px solid #000;box-shadow:4px 4px 0px #000;z-index:606}@media(max-width: 1280px){.top_movie{margin-top:-26vw;padding-top:12vw;padding-bottom:24vw;background-size:100% auto;background-position:right top}.top_movie__title{margin:0 0 0 6%;padding:0 0 10% 33%;width:94%;background-size:150% auto}.top_movie__title img{width:60%}.top_movie__chara{width:50%}.top_movie__list{padding:0 0 0 50%;width:42%}}.top_comment{position:relative;margin:0 0 0;padding:0 calc((100% - 1280px)/2) 100px}.top_comment__kv{margin:0 auto 2%;width:100%;text-align:center}.top_comment__title{margin:0 auto 2%;padding:0 0 0 2.4%}.top_comment__thumb{position:absolute;display:inline-block;padding:0 0 0 2.4%;width:17.6%}.top_comment__text1{display:inline-block;margin:0 auto 2%;padding:0 0 0 24%;width:100%;font-family:"FOT-セザンヌ ProN B";font-size:clamp(18px, 3vw, 36px);box-sizing:border-box}.top_comment__text2{display:inline-block;padding:0 4% 0 24%;width:100%;font-family:"FOT-セザンヌ ProN B";font-size:clamp(14px, 2vw, 25px);line-height:1.6;word-break:break-all;box-sizing:border-box}@media(max-width: 1280px){.top_comment{margin-top:0;padding-top:0;padding-bottom:10vw}.top_comment__kv{width:95%}.top_comment__title{padding:0 44% 0 2.4%}.top_comment__thumb{width:24%}.top_comment__text1{padding:0 4% 0 30%}.top_comment__text2{padding:0 4% 0 30%;word-break:break-all}}