:root{--base-font: "IBM Plex Sans JP" , sans-serif;--sub-font: "M PLUS 1p" , sans-serif;--accent-font: "Oswald", sans-serif;--article-font: "Dela Gothic One", sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--basecolor: #0a141e;--accentcolor: #00ffaf;--subcolor: #b464ff}@keyframes right{0%{translate:0 0 0}5%{translate:5% 0 0}10%{translate:0 0 0}20%{translate:5% 0 0}25%{translate:0 0 0}100%{translate:0 0 0}}@keyframes righttop{0%{translate:0 0 0}5%{translate:5% -5% 0}10%{translate:0 0 0}15%{translate:5% -5% 0}25%{translate:0 0 0}100%{translate:0 0 0}}@keyframes float{0%{translate:0 0 0}10%{translate:0 -10% 0}20%{translate:0 0 0}30%{translate:0 -10% 0}50%{translate:0 0 0}100%{translate:0 0 0}}@keyframes bound{0%{scale:1}10%{scale:.8}15%{scale:1.1}20%{scale:.9}25%{scale:1}100%{scale:1}}@keyframes shake{0%{scale:1}15%{scale:.9;rotate:0deg}20%{scale:1.05;rotate:0deg}23%{scale:1.05;rotate:-10deg}26%{scale:1.1;rotate:10deg}30%{scale:1.1;rotate:-10deg}35%{scale:1.05;rotate:5deg}40%{scale:1.05;rotate:0deg}55%{scale:1}100%{scale:1}}.navCol{position:absolute;width:100%;height:100%;pointer-events:none}.navCol .navInner{position:sticky;top:30px;z-index:10;pointer-events:painted;margin-top:238px;background:url(../images/world/bg_nav.png) no-repeat top left/100%;width:378px;height:49px;margin:245px auto 0;display:flex;padding-top:16px;filter:drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.9));transition:.3s}@media all and (max-width: 750px){.navCol .navInner{top:6vw;width:72.1333333333vw;height:9.3333333333vw;margin:47vw auto 0;padding-top:3vw}}.navCol .navInner li{width:50%;text-align:center}.navCol .navInner li a img{height:15px}@media all and (max-width: 750px){.navCol .navInner li a img{height:2.9333333333vw}}@media all and (min-width: 750.1px){.navCol .navInner li a{transition:.3s}.navCol .navInner li a:hover{transform:scale(0.9)}}.navCol .navInner li:nth-child(1){margin-left:4px}@media all and (max-width: 750px){.navCol .navInner li:nth-child(1){margin-left:-0.5vw}}.navCol .navInner li:nth-child(2){margin-left:-14px}@media all and (max-width: 750px){.navCol .navInner li:nth-child(2){margin-left:0}}.navCol .navInner.close{opacity:0}.world{overflow-x:clip}@media all and (max-width: 750px){.world{width:100vw;overflow:hidden}}#world::before{content:"";display:block;background:url(../images/world/bg_intro2.png?v2) repeat top left;width:100%;height:50%;position:absolute;top:0;z-index:-1}#world::after{content:"";display:block;background:url(../images/world/pattern_keyword.png) repeat top left;width:100%;height:50%;position:absolute;bottom:0;z-index:-1}#world .introCol{width:100%}#world .introCol .introInner{position:relative;width:960px;margin:auto;z-index:1;text-align:center;font-size:20px}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .introCol .introInner{width:100%}}@media all and (max-width: 750px){#world .introCol .introInner{width:100vw;font-size:4.2666666667vw}}#world .introCol .introInner::before{content:"";display:block;width:930px;height:1053px;position:absolute;top:0;left:50%;transform:translateY(0) translateX(-50%);background:url(../images/world/bg_intro.webp) no-repeat top left/100%;z-index:-1;backface-visibility:hidden}@media all and (max-width: 750px){#world .introCol .introInner::before{width:213.4666666667vw;height:242.4vw}}#world .introCol .introInner h1{padding-top:80px;margin-left:-20px}@media all and (max-width: 750px){#world .introCol .introInner h1{width:89.6vw;margin:auto;padding-top:15vw}}#world .introCol .introInner h2{width:402px;height:auto;margin:120px auto 0}@media all and (max-width: 750px){#world .introCol .introInner h2{width:76.6666666667vw;margin:22vw auto 0}}#world .introCol .introInner .detailTxtCol{margin:25px auto 0;font-size:20px;position:relative;z-index:5}@media all and (max-width: 750px){#world .introCol .introInner .detailTxtCol{margin:6vw auto 0;width:100vw;font-size:4.2666666667vw;line-height:1.3em}}#world .introCol .introInner .detailTxtCol .detailTxtBox{position:relative;width:700px;margin:auto}@media all and (max-width: 750px){#world .introCol .introInner .detailTxtCol .detailTxtBox{width:100vw}}#world .introCol .introInner .detailTxtCol .detailTxtBox .clause{display:inline;padding:8px 10px;background:#0a141e;box-decoration-break:clone;-webkit-box-decoration-break:clone;line-height:1.9}@media all and (max-width: 750px){#world .introCol .introInner .detailTxtCol .detailTxtBox .clause{line-height:1.7;padding:.4em .5em .3vw}}#world .introCol .introInner .detailTxtCol .detailTxtBox .clause span{color:#00ffae}#world .introCol .introInner .detailTxtCol .detailTxtBox>.detailTxtBox{position:absolute;top:0}#world .introCol .introInner .detailTxtCol .detailTxtBox>.detailTxtBox .clause{color:#000}#world .introCol .introInner .detailTxtCol .detailTxtBox>.detailTxtBox .clause span{color:#000}#world .introCol .introInner .detailTxtCol .detailTxtBox+.detailTxtBox{margin-top:40px}@media all and (max-width: 750px){#world .introCol .introInner .detailTxtCol .detailTxtBox+.detailTxtBox{margin-top:6vw}}#world .introCol .introInner .maincharaCol{position:relative;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 0);border:4px solid var(--accentcolor);background-color:var(--basecolor);padding:40px;margin-top:250px;text-align:left}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .introCol .introInner .maincharaCol{margin-left:30px;margin-right:30px}}@media all and (max-width: 750px){#world .introCol .introInner .maincharaCol{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 8vw), calc(100% - 8vw) 100%, 0 100%, 0 0);border:0.8vw solid var(--accentcolor);padding:5vw;width:90vw;margin:38vw auto 0}}#world .introCol .introInner .maincharaCol::after{content:"";position:absolute;bottom:6px;right:6px;width:26px;height:26px;background:var(--basecolor);clip-path:polygon(0 0, 0% 100%, 100% 0)}@media all and (max-width: 750px){#world .introCol .introInner .maincharaCol::after{bottom:0.9333333333vw;right:0.9333333333vw;width:5.6vw;height:5.6vw}}#world .introCol .introInner .maincharaCol::before{content:"";position:absolute;bottom:-4px;right:-4px;width:40px;height:40px;background:var(--accentcolor);clip-path:polygon(0 0, 0% 100%, 100% 0)}@media all and (max-width: 750px){#world .introCol .introInner .maincharaCol::before{bottom:-0.8vw;right:-0.8vw;width:8vw;height:8vw}}#world .introCol .introInner .maincharaCol h3{text-align:center;margin-top:0}#world .introCol .introInner .maincharaCol .noticeCol{display:inline-block;border:solid 3px;padding:6px 12px;margin-top:20px;font-weight:300}@media all and (max-width: 750px){#world .introCol .introInner .maincharaCol .noticeCol{border:solid .6vw;padding:1.5vw 2vw;margin-top:4vw}}#world .introCol .introInner .bgIntro{display:block;width:1292px;height:1119px;position:absolute;top:-30px;left:50%;transform:translateY(0) translateX(-50%);z-index:-2;clip-path:ellipse(36% 42% at 50% 50%)}@media all and (max-width: 750px){#world .introCol .introInner .bgIntro{width:253.8666666667vw;height:219.7333333333vw;top:11vw;clip-path:ellipse(49.5% 49.5% at 50% 50%)}}#world .introCol .introInner .bgIntro img{animation:bg 20s linear infinite alternate}#world .areaCol{position:relative;margin-top:580px}@media all and (max-width: 750px){#world .areaCol{margin-top:83vw}}#world .areaCol::before{content:"";display:block;background:url(../images/world/pattern_area.png) repeat top left;width:100%;height:110%;position:absolute;top:0;z-index:-1}#world .areaCol::after{content:"";display:block;background:var(--basecolor);width:100%;height:50px;position:absolute;top:0;z-index:1}@media all and (max-width: 750px){#world .areaCol::after{height:9vw}}#world .areaCol .areaInner{width:960px;margin:auto;padding-top:100px}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .areaCol .areaInner{width:100%;padding-left:30px;padding-right:30px}}@media all and (max-width: 750px){#world .areaCol .areaInner{width:90vw;padding-top:18vw}}#world .areaCol .areaInner .bgChara{width:100%;height:580px;position:absolute;top:-580px;left:50%;transform:translateY(0) translateX(-50%)}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara{height:83vw;top:-83vw}}#world .areaCol .areaInner .bgChara .chara{display:flex;position:absolute;z-index:10;top:40px}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .chara{top:3vw}}#world .areaCol .areaInner .bgChara .chara img{width:auto;max-width:none;height:540px}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .chara img{height:80vw}}#world .areaCol .areaInner .bgChara .chara img:first-child{animation:loop 100s -50s linear infinite}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .chara img:first-child{animation:loop 60s -30s linear infinite}}#world .areaCol .areaInner .bgChara .chara img:last-child{animation:loop2 100s linear infinite}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .chara img:last-child{animation:loop2 60s linear infinite}}#world .areaCol .areaInner .bgChara .bg01{display:flex;position:absolute;z-index:1;top:350px}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg01{top:52vw}}#world .areaCol .areaInner .bgChara .bg01 img{width:auto;max-width:none;height:231px}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg01 img{height:30.9333333333vw}}#world .areaCol .areaInner .bgChara .bg01 img:first-child{animation:loop 300s -150s linear infinite}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg01 img:first-child{animation:loop 200s -100s linear infinite}}#world .areaCol .areaInner .bgChara .bg01 img:last-child{animation:loop2 300s linear infinite}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg01 img:last-child{animation:loop2 200s linear infinite}}#world .areaCol .areaInner .bgChara .bg02{display:flex;position:absolute;z-index:-1;top:250px}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg02{top:35vw}}#world .areaCol .areaInner .bgChara .bg02 img{width:auto;max-width:none;height:231px}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg02 img{height:30.9333333333vw}}#world .areaCol .areaInner .bgChara .bg02 img:first-child{animation:loop 1000s -500s linear infinite reverse}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg02 img:first-child{animation:loop 500s -250s linear infinite reverse}}#world .areaCol .areaInner .bgChara .bg02 img:last-child{animation:loop2 1000s linear infinite reverse}@media all and (max-width: 750px){#world .areaCol .areaInner .bgChara .bg02 img:last-child{animation:loop2 500s linear infinite reverse}}#world .keywordCol{background:url(../images/world/bg_keyword_pc.png) no-repeat top left;position:relative;margin-top:120px}@media all and (max-width: 750px){#world .keywordCol{background:url(../images/world/bg_keyword.png) no-repeat top left/100%;margin-top:25vw}}#world .keywordCol::before{content:"";display:block;background:url(../images/world/pattern_keyword.png) repeat top left;width:100%;height:110%;position:absolute;top:140px;z-index:-1}@media all and (max-width: 750px){#world .keywordCol::before{top:33vw}}#world .keywordCol .keywordInner{width:960px;margin:auto;padding-top:140px;padding-bottom:60px}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .keywordCol .keywordInner{width:100%;padding-left:30px;padding-right:30px}}@media all and (max-width: 750px){#world .keywordCol .keywordInner{width:90vw;padding-top:29vw;padding-bottom:29vw}}#world .lTit{background:#55239b;width:100%;height:86px;clip-path:polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%, 0 0);position:relative;text-align:center;padding-top:29px}@media all and (max-width: 750px){#world .lTit{clip-path:polygon(0 0, 100% 0, 100% calc(100% - 4vw), calc(100% - 4vw) 100%, 0 100%, 0 0);width:90vw;height:13.8666666667vw;padding-top:5.2vw}}#world .lTit::before{content:"";position:absolute;bottom:0;right:0;width:20px;height:20px;background:var(--accentcolor);clip-path:polygon(0 0, 0% 100%, 100% 0)}@media all and (max-width: 750px){#world .lTit::before{width:4vw;height:4vw}}@media all and (max-width: 750px){#world .lTit img{height:3.8vw}}#world .mTit{font-size:30px;font-weight:700;border-bottom:3px solid var(--accentcolor);padding-bottom:10px;margin-top:60px;margin-bottom:25px;text-align:center}@media all and (max-width: 750px){#world .mTit{font-size:5.0666666667vw;border-bottom:.6vw solid var(--accentcolor);padding-bottom:3vw;margin-bottom:5vw;margin-top:10vw}}#world .mTit span{font-size:20px}@media all and (max-width: 750px){#world .mTit span{font-size:3.4666666667vw}}#world .sTit{font-size:26px;font-weight:700;border-bottom:2px solid var(--subcolor);padding-bottom:10px;margin-top:60px;margin-bottom:25px;text-align:center}@media all and (max-width: 750px){#world .sTit{font-size:4.5333333333vw;border-bottom:.4vw solid var(--subcolor);padding-bottom:3vw;margin-bottom:5vw;margin-top:10vw}}#world .sTit.jr{border-bottom:2px solid #14c679}@media all and (max-width: 750px){#world .sTit.jr{border-bottom:.4vw solid #14c679}}#world .sTit.mg{border-bottom:2px solid #840000}@media all and (max-width: 750px){#world .sTit.mg{border-bottom:.4vw solid #840000}}#world .sTit.sd{border-bottom:2px solid #27d7f1}@media all and (max-width: 750px){#world .sTit.sd{border-bottom:.4vw solid #27d7f1}}#world .sTit.wt{border-bottom:2px solid #bf0b4e}@media all and (max-width: 750px){#world .sTit.wt{border-bottom:.4vw solid #bf0b4e}}#world .sTit.te{border-bottom:2px solid #630566}@media all and (max-width: 750px){#world .sTit.te{border-bottom:.4vw solid #630566}}#world .txtCol{font-weight:300;text-align:left;font-size:20px;position:relative}@media all and (max-width: 750px){#world .txtCol{font-size:4.2666666667vw}}#world .txtCol p+p{margin-top:30px}@media all and (max-width: 750px){#world .txtCol p+p{margin-top:6vw}}#world .txtCol .txtLink{color:var(--accentcolor);font-weight:700;text-decoration:underline;transition:.6s}@media all and (min-width: 750.1px){#world .txtCol .txtLink:hover{color:var(--subcolor)}}#world .txtCol>.txtCol{position:absolute;top:0;pointer-events:none}#world .txtCol>.txtCol p{background:#000;display:inline-block;color:#000}#world .txtCol>.txtCol p a{color:#000}#world .imgCol{margin-top:20px}@media all and (max-width: 750px){#world .imgCol{margin-top:5vw}}#world .contBox{display:flex;justify-content:space-between}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .contBox{display:block}}@media all and (max-width: 750px){#world .contBox{display:block}}#world .contBox .txtCol{flex:1;width:460px}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .contBox .txtCol .show-pc{display:none !important}}@media all and (max-width: 750px){#world .contBox .txtCol{width:100%}}#world .contBox .imgCol{margin-top:0;width:480px}@media all and (min-width: 750.1px)and (max-width: 1000px){#world .contBox .imgCol{margin-top:20px;width:100%}#world .contBox .imgCol img{width:100%}}@media all and (max-width: 750px){#world .contBox .imgCol{margin-top:5vw;width:100%}}@media all and (max-width: 750px){#world .contBox.btn{padding-bottom:18vw}}@media all and (max-width: 750px){#world .contBox.btn .commonBtn{position:absolute;bottom:0;right:0;left:0;margin:auto}}.commonBtn{border:solid 3px var(--accentcolor);background:var(--basecolor);color:var(--subcolor);padding:12px;border-radius:50px;margin-top:20px;width:350px;font-size:20px;text-align:center;filter:drop-shadow(0px 6px 0px rgba(109, 35, 218, 0.8))}@media all and (max-width: 750px){.commonBtn{padding:2.5vw;width:80%;font-size:4vw}}.commonBtn span::before{content:"";display:inline-block;background:url(../images/common/icon_arrow.png) no-repeat center center/40%,var(--accentcolor);width:22px;height:22px;border-radius:50px;vertical-align:top;margin-right:5px}@media all and (max-width: 750px){.commonBtn span::before{width:4.8vw;height:4.8vw}}@media all and (min-width: 1000.1px){.commonBtn{transition:.3s}.commonBtn:hover{transform:scale(0.9)}}.introInner{transform:scale(0.8);translate:0 50px;transition:.4s cubic-bezier(0.68, -0.55, 0.27, 1.55)}.introInner h2{transition:.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) .3s;transform:scale(1.2)}.introInner .detailTxtCol{transition:.4s cubic-bezier(0.68, -0.55, 0.27, 1.55) .3s;transform:scale(1.2);translate:0 50px}.introInner .detailTxtCol .detailTxtBox>.detailTxtBox{clip-path:inset(0)}.introInner .detailTxtCol .detailTxtBox:nth-child(1)>.detailTxtBox{transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .4s}.introInner .detailTxtCol .detailTxtBox:nth-child(2)>.detailTxtBox{transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .5s}.introInner .detailTxtCol .detailTxtBox:nth-child(3)>.detailTxtBox{transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .6s}.introInner .detailTxtCol .detailTxtBox:nth-child(4)>.detailTxtBox{transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .7s}.introInner.is-active{opacity:1;transform:scale(1);translate:0}.introInner.is-active h2{transform:scale(1);translate:0;opacity:1}.introInner.is-active .detailTxtCol{transform:scale(1);translate:0;opacity:1}.introInner.is-active .detailTxtCol .detailTxtBox>.detailTxtBox{clip-path:inset(0 0 0 100%)}.mainCol .js-scrollclass{transition:.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);opacity:0;transform:scale(0.8);translate:0 50px}.mainCol .js-scrollclass .txtCol .txtCol p{clip-path:inset(0)}.mainCol .js-scrollclass .txtCol .txtCol p:nth-child(1){transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .1s}.mainCol .js-scrollclass .txtCol .txtCol p:nth-child(2){transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .2s}.mainCol .js-scrollclass .txtCol .txtCol p:nth-child(3){transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .3s}.mainCol .js-scrollclass .txtCol .txtCol p:nth-child(4){transition:.4s cubic-bezier(0.85, 0, 0.15, 1) .4s}.mainCol .js-scrollclass.is-active{opacity:1;transform:scale(1);translate:0}.mainCol .js-scrollclass.is-active .txtCol .txtCol p{clip-path:inset(0 0 0 100%)}@keyframes bg{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes loop{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes loop2{0%{transform:translateX(0)}to{transform:translateX(-200%)}}