main{background-image:none}body{position:relative}body:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:url(../images/bg_main_sp.jpg) center top no-repeat;background-size:cover}@media screen and (min-width: 750px){body:before{content:'';display:block;position:fixed;top:0;left:0;width:100%;height:100vh;background:url(../images/bg_main.jpg) center no-repeat;background-size:cover}}@media screen and (min-width: 750px){.spBr{display:none}}.tabBr{display:none}@media screen and (min-width: 750px){.tabBr{display:block}}.pcBr{display:none}@media screen and (min-width: 1100px){.pcBr{display:block}}main{color:#fff;font-weight:bold;font-size:3.2vw;line-height:1.6em;padding:13.33333vw 0}@media screen and (min-width: 750px){main{font-size:1.7vw;padding:9.09091vw 0}}@media screen and (min-width: 1100px){main{font-size:18px;line-height:26px;padding:100px 0}}main img{width:100%;max-width:none}@media screen and (min-width: 1100px){main img{width:auto !important}}main h1{width:85.6vw;margin:0 auto 8vw}@media screen and (min-width: 750px){main h1{width:58.36364vw;margin:0 auto 5.45455vw}}@media screen and (min-width: 1100px){main h1{width:642px;margin:0 auto 60px}}main section{width:auto;max-width:none;margin-top:7.5%}@media screen and (min-width: 750px){main section{margin-top:5%}}@media screen and (min-width: 1100px){main section{margin-top:30px}}main .lang{width:50%;margin:40px auto;text-align:center}main .lang a{display:block;width:auto;padding:.5em 1em;background:url(../images/btn_base.png) no-repeat center;background-size:cover;color:#fff}@media screen and (min-width: 750px){main .lang a{transition:.3s}main .lang a:hover{opacity:.6}}@media screen and (min-width: 750px){main .lang{width:280px}}main #linkCol{max-width:640px;margin:0 auto}main #linkCol ul{padding:0 5%;text-align:center}main #linkCol ul li{margin:0 0 1em}main #linkCol ul li a{display:block;width:auto;padding:1em;background:url(../images/btn_base.png) no-repeat center;background-size:cover;color:#fff;font-size:1.3em;position:relative;z-index:1}@media screen and (min-width: 750px){main #linkCol ul li a{transition:.3s}main #linkCol ul li a:hover{opacity:.6}}main #linkCol ul li a.coming{filter:saturate(0);pointer-events:none}main #linkCol ul li a.notOpen{position:relative}main #linkCol ul li a.notOpen:hover{opacity:1}main #linkCol ul li a.notOpen:after{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:rgba(0,0,0,0.6);content:"COMING SOON"}main #linkCol ul li:has([data-new]) a::before{content:attr(data-new);display:block;position:absolute;top:-0.6em;z-index:2;line-height:1;padding:0.2em 0.5em;background:rgba(249,255,0,0.8);font-size:0.7em;color:#000;transform:skewX(-20deg)}main #scenarioCol{padding:6%;background:rgba(57,152,195,0.7)}main #scenarioCol h2{position:relative;margin:0 0 20px;padding:40px 0;font-size:4vw;font-weight:bold;color:#33cccc;background:url(../images/bg_detail_tit_t.png) center top no-repeat,url(../images/bg_detail_tit_b.png) center bottom no-repeat;filter:brightness(10)}main #scenarioCol .text p{margin:1em 0 0;text-align:left;font-weight:normal;color:#FFF}main #scenarioCol .text p.indent{text-indent:1em}main #scenarioCol .text p.align-right{text-align:right}main #scenarioCol .text .inline-block{display:inline-block}main #scenarioCol .text ruby{ruby-align:center}main #scenarioCol .text ruby.ruby-align-inherit{ruby-align:inherit}main #scenarioCol .text ruby.word-long-1 rt{position:relative;left:2.5em;letter-spacing:5em}main #scenarioCol .text ruby.word-long-2 rt{position:relative;left:3.5em;letter-spacing:7em}main #scenarioCol .arrow{display:flex;justify-content:space-between;margin:40px 0 0}main #scenarioCol .arrow.center{justify-content:center}main #scenarioCol .arrow li{width:48%}main #scenarioCol .arrow li a{display:block;width:auto;padding:.5em 1em;background:url(../images/btn_base.png) no-repeat center;background-size:cover;color:#fff;font-weight:normal;text-align:center}main #scenarioCol .arrow li a.notOpen{cursor:auto;opacity:.6;filter:saturate(0)}@media screen and (min-width: 750px){main #scenarioCol{padding:60px}main #scenarioCol h2{margin:0 0 40px;padding:60px 0;font-size:36px}main #scenarioCol .text{max-width:1100px;margin:40px auto 0}main #scenarioCol .arrow{max-width:750px;margin:60px auto 0}main #scenarioCol .arrow li a{transition:.3s}main #scenarioCol .arrow li a:hover{opacity:.6}}main #linkBtn{display:flex;flex-wrap:wrap;max-width:750px;margin:5% auto 0;padding:0 5%;justify-content:center}main #linkBtn li{width:9%;margin:0 0 3% 0}main #linkBtn li:not(:nth-child(10n)){margin-right:3%}main #linkBtn li a{display:block;width:100%;padding:15% 0;background:rgba(255,153,0,0.5);text-align:center;color:#fff}@media screen and (min-width: 750px){main #linkBtn li a{transition:.3s}main #linkBtn li a:hover{opacity:.6}}main #linkBtn li.active a{background:#f90;color:#000}main #linkBtn li.wide{width:5em}main #linkBtn li.wide a{padding:7.5% 0}main #linkBtn li.wideEn{width:6em}main #linkBtn li.wideEn a{padding:5% 0}@media screen and (min-width: 750px){main #linkBtn{justify-content:center;margin:40px auto 0}main #linkBtn li{width:2em;margin:10px}main #linkBtn li:not(:nth-child(10n)){margin-right:2%}main #linkBtn li.wide{width:5em}main #linkBtn li.wide a{padding:6% 0}main #linkBtn li.wideEn{width:6em}main #linkBtn li.wideEn a{padding:5% 0}}main .btn_back{font-weight:normal;margin-top:7.5%;font-size:1em;font-weight:bold}main .btn_back a{display:block;width:auto;padding:1.5em 1em;background:url(../images/btn_back.png) no-repeat center;background-size:cover;color:#fff;text-align:center}@media screen and (max-width: 750px){main .btn_back a{width:80%;margin:0 auto}}@media screen and (min-width: 750px){main .btn_back{margin-top:40px}main .btn_back a{max-width:480px;margin:0 auto;transition:.3s}main .btn_back a:hover{opacity:.6}}main .btn_andmore{font-weight:normal;font-size:16px;margin-top:8vw}@media screen and (min-width: 750px){main .btn_andmore{margin-top:5.45455vw}}@media screen and (min-width: 1100px){main .btn_andmore{margin-top:60px}}.clearfix:after{content:"";display:block;clear:both}.opaEff img{transition:all 0.3s}.opaEff:hover img{opacity:0.6}.fancybox-bg{background:#fff}#particles-bg{display:block;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:0}#footerInner{background:rgba(0,0,0,0.8)}
