@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1rem / 16);--device: 960;--size: 24}@media screen and (width >= 768px){:root{--device: 1400;--size: 16}}main .ctgTit{z-index:10}@media screen and (width >= 768px){main .ctgTit{padding-top:min(260/var(--device)*100vw,260px)}}main div:has(>.ctgTit){position:relative;background:url(../images/about/bg.webp) center center no-repeat,url(../images/about/bg_blur.webp) center center no-repeat;background-size:min(2000/var(--device)*100vw,2000px) auto,cover;width:100%;height:-moz-fit-content;height:fit-content;overflow:hidden}main div:has(>.ctgTit)::after{content:"ABOUT";inset:auto auto 0 50%;position:absolute;width:200%;line-height:1;vertical-align:bottom;font-family:"Oswald","Noto Sans JP",serif;text-align:center;font-weight:900;letter-spacing:0;margin-bottom:max(-25/var(--device)*100vw,-25px);transform:translateX(-50%);mix-blend-mode:color-dodge;opacity:.2;text-shadow:0 0 1rem #000,0 0 1rem #000,0 0 1rem #000}@media screen and (width < 768px){main div:has(>.ctgTit)::after{font-size:10rem}}@media screen and (width >= 768px){main div:has(>.ctgTit)::after{font-size:20rem}}main .contentWrap .contentInner:has(#storyCol,#actionCol,#enemyCol){max-width:unset;padding:0}main p{line-height:2.5}main .catch{font-family:"Noto Serif",serif;line-height:1.2}@media screen and (width < 768px){main .catch{font-size:1.25rem;margin-block:min(80/var(--device)*100vw,80px) 1.5rem}}@media screen and (width >= 768px){main .catch{font-size:min(3vw,1.5rem);margin-bottom:2rem}}@media screen and (width < 768px){main .catch span{font-size:2.25rem}}@media screen and (width >= 768px){main .catch span{font-size:min(5vw,4.5rem)}}main #storyCol,main #actionCol,main #enemyCol{text-shadow:0 0 2rem #000,0 0 1rem #000,0 0 1rem #000,0 0 .5rem #000,0 0 .5rem #000}main #storyCol h2,main #actionCol h2,main #enemyCol h2{font-family:"Oswald","Noto Sans JP",serif;line-height:1}@media screen and (width < 768px){main #storyCol h2,main #actionCol h2,main #enemyCol h2{font-size:3.5rem}}@media screen and (width >= 768px){main #storyCol h2,main #actionCol h2,main #enemyCol h2{font-size:4.5rem}}main #storyCol h2::first-letter,main #actionCol h2::first-letter,main #enemyCol h2::first-letter{color:#79faec}main #storyCol h2 span,main #actionCol h2 span,main #enemyCol h2 span{font-size:1rem;font-weight:900}@media screen and (width < 768px){main #storyCol h2 span,main #actionCol h2 span,main #enemyCol h2 span{display:inline-block;margin-left:1rem}}@media screen and (width >= 768px){main #storyCol h2 span,main #actionCol h2 span,main #enemyCol h2 span{display:block;margin-top:.5rem}}main #storyCol,main #enemyCol{position:relative;width:100%;max-width:min(2000/var(--device)*100vw,2000px);margin:0 auto}@media screen and (width < 768px){main #storyCol>div,main #enemyCol>div{padding:min(160/var(--device)*100vw,160px) min(80/var(--device)*100vw,80px) min(80/var(--device)*100vw,80px)}}@media screen and (width >= 768px){main #storyCol>div,main #enemyCol>div{width:min(580/var(--device)*100vw,580px);padding-block:min(80/var(--device)*100vw,80px);padding-right:min(40/var(--device)*100vw,40px);margin-left:calc((100% - min(1280/var(--device)*100vw,1280px))/2)}}main #storyCol img,main #enemyCol img{margin:0}@media screen and (width < 768px){main #storyCol img,main #enemyCol img{width:100%;height:auto}}@media screen and (width >= 768px){main #storyCol img,main #enemyCol img{inset:0 auto auto auto;position:sticky;width:calc((100% - min(1280/var(--device)*100vw,1280px))/2 + min(700/var(--device)*100vw,700px));height:-moz-fit-content;height:fit-content}}@media screen and (width >= 768px){main #storyCol .catch,main #enemyCol .catch{margin-top:min(80/var(--device)*100vw,80px)}}@media screen and (width >= 768px){main #storyCol{background:url(../images/about/bg_story.webp) right top no-repeat;background-size:cover}}@media screen and (width < 768px){main #storyCol>div{background:url(../images/about/bg_story.webp) left top no-repeat;background-size:cover}}main #actionCol{position:relative;margin-top:0}@media screen and (width >= 768px){main #actionCol{background:#000 url(../images/about/bg_action_pc.webp) left top no-repeat;background-size:cover;height:56.2vw;max-height:min(1124/var(--device)*100vw,1124px);padding-block:min(80/var(--device)*100vw,80px);padding-inline:calc((100% - min(1280/var(--device)*100vw,1280px))/2)}}@media screen and (width >= 768px)and (width <= 1180px){main #actionCol{background-size:100% auto;height:80vw;max-height:min(1600/var(--device)*100vw,1600px)}}@media screen and (width < 768px){main #actionCol>div{background:url(../images/about/bg_action_sp.webp) left top no-repeat;background-size:cover;padding:min(160/var(--device)*100vw,160px) min(80/var(--device)*100vw,80px) min(80/var(--device)*100vw,80px)}}@media screen and (width >= 768px){main #actionCol>div>div{inset:auto auto min(80/var(--device)*100vw,80px) calc((100% - min(1280/var(--device)*100vw,1280px))/2);position:absolute}}@media screen and (width >= 768px){main #actionCol h2{text-align:right;margin-right:-0.75rem}main #actionCol h2 span{margin-right:.75rem}}@media screen and (width >= 768px){main #enemyCol{background:url(../images/about/bg_enemy.webp) right top no-repeat;background-size:cover}}@media screen and (width < 768px){main #enemyCol>div{background:url(../images/about/bg_enemy.webp) left no-repeat;background-size:cover}}
/*# sourceMappingURL=_maps/about.css.map */