.hero{position:relative;margin-bottom:33.6111111111vw}.hero__container{width:100%;margin:0 auto;position:relative;z-index:0}.hero__container::after{content:"";width:70.1388888889%;aspect-ratio:1010/950;background:url(../images/top/img_fv_bg.webp) no-repeat center/cover;right:0;top:19.6463654224%;z-index:-1;position:absolute}.hero__pic{max-width:70.4166666667vw;max-height:100vh;aspect-ratio:1014/1018;position:relative;z-index:0}.hero__pic::after{content:"";display:block;position:absolute;aspect-ratio:634.87/1211.48;width:62.6104536489%;left:0;top:18.3222003929%;background:url(../images/top/img_fv_hand.webp) no-repeat top left/cover;z-index:1}.hero__text-block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;gap:0;position:absolute;top:10.0196463654%;left:50%;translate:10vw 0}.hero__official{background-color:#000;color:#fff;padding:45px 36px 45px 32px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero__official-text{display:block;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:3.6rem;font-weight:700;letter-spacing:-.06em;line-height:.94}.hero__name{background-color:#fff;border:6px solid #000;padding:54px 50px 100px 41px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.hero__name-text{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:10rem;font-weight:700;letter-spacing:-.06em;line-height:.94}.character{aspect-ratio:1440/1871;width:100%;position:relative;margin-bottom:200px}.character__container{width:100%;margin:0 auto;position:relative}.character__illust01{position:absolute;width:50vw;aspect-ratio:864/1140;z-index:0;left:13.75vw}.character__illust01 .character__main{width:93.287037037%;aspect-ratio:806/1140;z-index:1;position:absolute;top:0;right:0;opacity:0;translate:0 20px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.character__illust01 .character__main.visible{opacity:1;translate:0 0}.character__illust01 .character__background{width:93.287037037%;aspect-ratio:806/352;z-index:0;position:absolute;top:16.5644171779%;left:0;rotate:3deg}.character__illust02{position:absolute;top:66.8055555556vw;right:16.6666666667vw;width:32.6388888889vw;aspect-ratio:600/1153}.character__illust02::after{content:"";width:100%;height:100%;background:url(../images/top/img_bg01.webp) no-repeat center/cover;position:absolute;top:6.9587628866%;left:14.3333333333%;z-index:-1}.character__illust02 .character__main{width:100%;border:8px solid #000}.character__illust02 .character__serif{position:absolute}.character__illust02 .character__serif--top{width:58.3333333333%;aspect-ratio:350/539;top:-32.7840416305%;right:-23.3333333333%;opacity:0;translate:0 20px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.character__illust02 .character__serif--top.visible{opacity:1;translate:0 0}.character__illust02 .character__serif--bottom{width:35.8333333333%;aspect-ratio:215/403;top:-12.2289679098%;left:-13.6666666667%;opacity:0;translate:0 20px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.character__illust02 .character__serif--bottom.visible{opacity:1;translate:0 0}.character__illust03{position:absolute;aspect-ratio:1046/232;left:0;top:104.6527777778vw;width:65.625vw;opacity:0;translate:-20px 0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}.character__illust03.visible{opacity:1;translate:0 0}.topTitle{position:relative;width:180px}.topTitle::after{content:"";position:absolute;z-index:-1;width:133px;height:365px;background:url(../images/common/img_logo_bg.webp) no-repeat center/cover;right:-68px}.topTitle__en{font-size:4rem;font-weight:700;letter-spacing:-.01em;color:#353535;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;position:absolute;right:-35.5555555556%;top:69.9519230769%}.topBtn{display:block;width:110vw;margin:0 calc(50% - 50vw);background:url(../images/common/img_btn_bg.webp) repeat top left/350px 350px;padding:33px 0 30px;overflow:hidden;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}.topBtn:hover{background:#000}.topBtn__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:48px;width:-webkit-max-content;width:-moz-max-content;width:max-content;-webkit-animation:marquee 15s linear infinite;animation:marquee 15s linear infinite;will-change:transform}@-webkit-keyframes marquee{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}@keyframes marquee{from{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.topBtn__block{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.topBtn__text{display:inline-block;white-space:nowrap;color:#000;font-family:"Noto Sans JP",sans;font-weight:700;font-size:3.2rem;padding-bottom:5px;background:url(../images/common/img_btn_bg.webp) repeat top left/350px 350px;-webkit-background-clip:text;background-clip:text;-webkit-transition:color .3s ease-out;transition:color .3s ease-out}.topBtn:hover .topBtn__text{color:transparent}.topBtn__icon{display:block;width:44px;aspect-ratio:44/43;background:#000;position:relative;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}.topBtn__icon::after{content:"";width:20px;aspect-ratio:20/19;position:absolute;top:50%;left:50%;translate:-50% -50%;background:url(../images/common/icon_arrow_white.webp) no-repeat center center/20px 19px;z-index:1;-webkit-transition:background .3s ease-out;transition:background .3s ease-out}.topBtn:hover .topBtn__icon{background:url(../images/common/img_btn_bg.webp) repeat top left/350px 350px}.topBtn:hover .topBtn__icon::after{background:url(../images/common/icon_arrow_black.webp) no-repeat center center/20px 19px}.topComic{width:100%;margin-bottom:200px;overflow-x:clip}.topComic__container{padding-bottom:38px}.topComic__title{margin-bottom:135px}.topComic__title::after{top:139px}.topComic__swiper{margin-bottom:60px;margin-top:-34%;padding-top:20%}.topComic__swiper .swiper-slide{width:auto;height:auto;-webkit-transition:opacity .4s ease,-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:opacity .4s ease,-webkit-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease,-webkit-transform .4s cubic-bezier(.4,0,.2,1);-webkit-transform:scale(.66);transform:scale(.66);-webkit-transform-origin:bottom;transform-origin:bottom;overflow:hidden}.topComic__swiper .swiper-slide img{-webkit-transition:scale .3s ease-out;transition:scale .3s ease-out}.topComic__swiper .swiper-slide:hover img{scale:1.05}.topComic__swiper .swiper-slide.swiper-slide-active{-webkit-transform:scale(1.2);transform:scale(1.2);z-index:2;position:relative}.topComic__swiper .swiper-slide.swiper-slide-active::after{content:"";position:absolute;aspect-ratio:1;width:31.0606060606%;right:0;bottom:0;background:url(../images/common/icon_arrow_white02.webp) no-repeat center center/37.8048780488% 37.8048780488%,#000;pointer-events:none}.topComic__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{margin-top:20px;text-align:end;padding:0 2%}.topComic__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{background:#9c9c9c;opacity:1;height:12px;width:12px;margin:0 5px}.topComic__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active{background:#000}.topComic__link{display:block;width:100%;height:100%}.topComic__btn{rotate:3deg}.topIllust{width:100%;margin-bottom:240px;overflow-x:clip}.topIllust__title{margin-bottom:114px}.topIllust__title-en{top:61.9392185239%}.topIllust__title::after{top:276px}.topIllust__grid{position:relative;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);gap:28px;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:85px}.topIllust__item{overflow:hidden;background-color:#fff;width:100%;aspect-ratio:3/4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.topIllust__btn{rotate:-3deg}.mid-character{position:relative;margin-bottom:220px;aspect-ratio:1440/2000;width:100%}.mid-character__top{aspect-ratio:600/763;width:41.6666666667vw;left:15.6944444444vw;top:5vw;position:absolute;z-index:1}.mid-character__top::after{z-index:-1;width:100%;height:100%;content:"";position:absolute;display:block;background:url(../images/top/img_bg02.webp) no-repeat center center/cover;top:-7.7326343381%;right:-13.8333333333%}.mid-character__top .mid-character__img{border:6px solid #000}.mid-character__bottom{aspect-ratio:898/1245;width:55.3472222222vw;right:12.7777777778vw;bottom:0;position:absolute}.mid-character__bottom .mid-character__img--bg{aspect-ratio:722/1082;width:80.4008908686%;top:50%;left:50%;translate:-50% -50%;position:absolute;z-index:-1}@media (max-width:1080px){.hero__name-text{font-size:7rem}.hero__official-text{font-size:2.4rem}}@media (max-width:768px){.topTitle{width:78px;margin-bottom:78px}.topTitle::after{width:58px;height:159px;right:-30px}.topTitle__en{font-size:1.4rem;letter-spacing:-.01em;right:-30px;top:143px}.topBtn{width:110vw;padding:20px 0}.topBtn__inner{gap:20px}.topBtn__block{gap:8px}.topBtn__text{font-size:1.8rem;padding-bottom:2px}.topBtn__icon{width:28px}.topBtn__icon::after{width:12px;background-size:12px 11.17px}.topBtn:hover .topBtn__icon::after{background-size:12px 11.17px}.hero{margin-bottom:max(52vw,240px)}.hero__pic{width:100%;max-width:500px}.hero__pic::after{width:96.352%;left:-12.928%;top:18.4211713405%}.hero__container::after{aspect-ratio:312/820;max-height:calc(100vh + 155px);width:83.2%;top:0}.hero__text-block{right:auto;top:auto;left:5.0666666667%;bottom:24.5846176979%;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;translate:0 0}.hero__name{border:4px solid #000;padding:42px 28px 64px 23px;margin-bottom:36px;width:100px}.hero__name-text{font-size:4.4rem}.hero__official{padding:18px 16px 32px;width:48px}.hero__official-text{font-size:1.8rem}.character{aspect-ratio:375/1111;max-height:1312px;overflow-x:clip}.character__illust01{top:0;width:min(101.3333333333vw,500px);left:53%;translate:-50% 0}.character__illust02{width:min(61.1693548387vw,300px);top:min(171.392vw,744px)}.character__illust02 .character__main{border:4px solid #000}.character__illust03{width:73.3333333333vw;top:min(253.3333333333vw,1130px)}.topComic{margin-bottom:96px}.topComic__title::after{top:61px}.topComic__swiper{padding:0;width:calc(100% - 24px);max-width:500px;margin:0 auto 45px}.topComic__swiper .swiper-slide{-webkit-transform:scale(1);transform:scale(1)}.topComic__swiper .swiper-slide.swiper-slide-active{-webkit-transform:scale(1);transform:scale(1)}.topComic__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{margin-top:32px;padding:0}.topComic__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet{background:#9c9c9c;opacity:1;height:12px;width:12px;margin:0 4px}.topComic__pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active{background:#000}.topComic__link{display:block;-webkit-transition:opacity .3s;transition:opacity .3s;width:100%;height:100%}.topComic__link:hover{opacity:.7}.topIllust{margin-bottom:120px}.topIllust__title{margin-bottom:38px;-ms-grid-row:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:1/1/1/3}.topIllust__title-en{top:222px}.topIllust__title::after{top:136px}.topIllust__grid{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:45px}.mid-character{margin-bottom:120px;aspect-ratio:375/890;max-height:1000px}.mid-character__top{width:min(69.3333333333vw,300px);left:unset;right:9.3333333333vw;top:0}.mid-character__top .mid-character__img{border:4px solid #000}.mid-character__bottom{width:min(94.6666666667vw,410px);right:auto;left:2.6666666667vw}}