*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}li{list-style:none}html{font-size:16px}@media screen and (max-width: 1432px){html{font-size:1.11731843575419vw}}@media screen and (max-width: 750px){html{font-size:3vw}}body{font-family:source-han-sans-japanese, sans-serif;font-weight:400;font-style:normal;position:relative;color:#505050}img{display:block;max-width:100%}@media screen and (min-width: 751px){.sp{display:none}}@media screen and (max-width: 750px){.pc{display:none}}.common-inner{max-width:calc(1368px + 4em);padding:0 2em;margin:0 auto;position:relative;overflow:hidden}@media screen and (max-width: 750px){.common-inner{padding:0 1.5em}}.din{font-family:din-2014, sans-serif;font-weight:600;font-style:normal}.textSplitLoad{opacity:0}.split{visibility:hidden}header{background-color:#0082e2;border-bottom:1px solid #fff;position:fixed;left:0;top:0;width:100%;z-index:100}header .inner{display:flex;align-items:center;height:80px;padding:0 20px;position:relative}header .inner .logo{width:372px}header .inner .navibar{display:block;position:absolute;right:0;top:0;width:80px;height:80px}header .inner .navibar span{display:block;position:absolute;left:25%;width:50%;border-top:2px solid #fff}header .inner .navibar span.bar1{top:calc(35% - 1px);transition:.3s ease}header .inner .navibar span.bar2{top:calc(50% - 1px);transition:.3s ease .1s}header .inner .navibar span.bar3{top:calc(65% - 1px);transition:.3s ease .2s}header .inner .navibar.on span.bar1{top:calc(50% - 1px);transform:rotate(45deg)}header .inner .navibar.on span.bar2{transform:scale(0)}header .inner .navibar.on span.bar3{top:calc(50% - 1px);transform:rotate(-45deg)}header .inner .navibar.on+.navi{height:calc(100vh - 80px)}header .inner .navi{position:absolute;left:0;top:100%;width:100%;background-color:rgba(255,255,255,0.9);overflow:hidden;height:0;transition:.3s}header .inner .navi h3{font-size:1.8em;letter-spacing:.15em;color:#0082e2;text-align:center;padding:1em 0;border-bottom:1px solid #0082e2}header .inner .navi ul li{border-bottom:1px solid #0082e2}header .inner .navi ul li a{display:block;text-align:center;font-size:2em;font-weight:bold;text-decoration:none;color:#0082e2;padding:.8em 0;letter-spacing:.1em}@media screen and (max-width: 750px){header .inner{height:70px;padding:0 15px}header .inner .logo{width:248px}header .inner .navibar{width:70px;height:70px}}.home-kv{background-color:#0082e2;display:flex;align-items:center;justify-content:center;height:calc(100vh - 80px);overflow:hidden;margin-top:80px;padding-bottom:8em}.home-kv>div{position:relative;max-width:1368px}.home-kv .l1{position:absolute;left:calc(50% - 10.9649122807%);top:-17%;width:21.9298245614%;opacity:0}.home-kv .list1{display:flex;justify-content:center}.home-kv .list1>div{width:16.95906432748538%;margin:0 .3em;opacity:0}.home-kv .bozu{position:absolute;left:78%;top:64%;width:15.716374269%;opacity:0}.home-kv.on .l1{opacity:1;transition:.5s ease 1.5s}.home-kv.on .list1>div{opacity:1}.home-kv.on .list1>div:nth-child(1){transition:.5s ease .3s}.home-kv.on .list1>div:nth-child(2){transition:.5s ease .6s}.home-kv.on .list1>div:nth-child(3){transition:.5s ease .9s}.home-kv.on .list1>div:nth-child(4){transition:.5s ease 1.2s}.home-kv.on .bozu{opacity:1;transition:.5s ease 1.8s}@media screen and (max-width: 750px){.home-kv{margin-top:70px;height:calc(100vh - 70px);align-items:flex-start;padding-top:40vw}.home-kv .l1{width:28%;left:calc(50% - 14%)}.home-kv .list1>div{width:22%;margin:0 .2em}.home-kv .bozu{top:140%;width:20%;left:40%}}.q-wrap{margin-top:80px;height:calc(100vh - 80px);background:url(../img/bg1.png) center -4.5em repeat-x #e4f8ff;background-size:87.375em auto}.q-wrap>div{position:absolute;left:0;top:0;width:100%;height:100%;overflow:auto}@media screen and (max-width: 750px){.q-wrap{margin-top:70px;height:calc(100vh - 70px)}}.count3-wrap{padding:11em 0 3em;opacity:0;transition:.3s}.count3-wrap.on{opacity:1;transition:0s}.count3-wrap .count3{width:33.5em;height:33.5em;margin:0 auto 0;background-color:#fff;border-radius:50%;position:relative}.count3-wrap .count3 svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}.count3-wrap .count3 svg .circle{fill:#000;stroke-width:50;stroke-dasharray:0,157}.count3-wrap .count3 svg .pie{stroke:#6fc9f3;animation:pie 1s linear 2.99}.count3-wrap .count3 svg .finish{fill:#6fc9f3;stroke:#6fc9f3;stroke-dasharray:157,157,0,0}.count3-wrap .count3 svg .base{fill:#ffffff}@keyframes pie{100%{stroke-dasharray:157,157,0,0}}.count3-wrap .count3 .inner{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;transform:scale(95%);background-color:#e4f8ff}.count3-wrap .count3 .inner>div{position:absolute;left:50%;bottom:50%;height:50%;transform-origin:center bottom}.count3-wrap .count3 .inner>div:before{content:"";display:block;position:absolute;left:-.5em;top:.75em;width:.75em;height:.75em;border-radius:50%;background-color:#fff}.count3-wrap .count3 .inner>div:nth-child(1):before,.count3-wrap .count3 .inner>div:nth-child(7):before,.count3-wrap .count3 .inner>div:nth-child(13):before{transform:scale(1.5)}.count3-wrap .count3 .inner>div.on:before{background-color:#6fc9f3}.count3-wrap .count3-num-wrap{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.count3-wrap .count3-num-wrap .count3-num{font-size:15em;color:#0082e2}@media screen and (max-width: 750px){.count3-wrap .count3{font-size:.8em}}.mondai-title{transition:.3s;opacity:0}.mondai-title .common-inner{height:100%;display:flex;align-items:center;justify-content:center}.mondai-title .common-inner>div{padding-left:7em;background:url(../img/icon_q.png) left center no-repeat;background-size:6.5625em auto;opacity:0;transform:translate(-100%, 0) rotate(-135deg)}.mondai-title h2{font-size:4.5em;letter-spacing:.1em;color:#0082e2}.mondai-title .bozu{position:absolute;right:2em;bottom:2em;width:13.4375em;opacity:0;transform:translate(0, 3em);transition:0.3s cubic-bezier(0.17, 0.67, 0.58, 1.64) 1s}.mondai-title.on{opacity:1;transition:.3s ease .5s}.mondai-title.on .common-inner>div{transition:1s ease .5s;opacity:1;transform:translate(0, 0) rotate(0deg)}.mondai-title.on .bozu{opacity:1;transform:translate(0, 0)}@media screen and (max-width: 750px){.mondai-title{font-size:.8em}.mondai-title .common-inner{align-items:flex-start;padding-top:20em}.mondai-title .common-inner>div{padding-left:0;padding-top:5em;background-position:center top;background-size:5em auto;text-align:center;line-height:1.2}.mondai-title .bozu{bottom:auto;right:auto;left:33%;width:34%;top:32em}.mondai-title .bozu.mt2{top:38em}}.mondai-main,.kaitou-main{overflow:hidden;transition:.3s;opacity:0;pointer-events:none}.mondai-main .hd,.kaitou-main .hd{padding:2em 0}.mondai-main h2,.kaitou-main h2{font-size:2.4em;line-height:1;letter-spacing:.1em;color:#0082e2}.mondai-main h2 .din,.kaitou-main h2 .din{font-size:1.5em;display:inline-block;margin-right:.15em;letter-spacing:0}.mondai-main .body,.kaitou-main .body{margin:2em auto}.mondai-main .body p,.kaitou-main .body p{line-height:2;font-size:1.2em}.mondai-main .body p.ind1,.kaitou-main .body p.ind1{padding-left:3em;text-indent:-3em}.mondai-main .body p.ind2,.kaitou-main .body p.ind2{padding-left:3em}.mondai-main .body p .red,.kaitou-main .body p .red{color:#e60012}.mondai-main .body p .blue,.kaitou-main .body p .blue{color:#0082e2}.mondai-main .body p.on .marker,.kaitou-main .body p.on .marker{background:linear-gradient(transparent 50%, #ff0 50%)}.mondai-main .body p+p,.kaitou-main .body p+p{margin-top:1em}.mondai-main .body .img1,.kaitou-main .body .img1{margin:2em auto}.mondai-main .body .img1.mb1,.kaitou-main .body .img1.mb1{margin-bottom:12em}.mondai-main .body .img1 img,.kaitou-main .body .img1 img{display:block;margin:0 auto;transition:1s ease 1s;opacity:0;transform:translate(-10em, 0) rotate(-135deg)}.mondai-main .body .img1 img.noeffect,.kaitou-main .body .img1 img.noeffect{opacity:1;transform:translate(0, 0) rotate(0deg)}.mondai-main .body .img2,.kaitou-main .body .img2{position:absolute;left:0;bottom:0;width:100%;pointer-events:none}.mondai-main .body .btnarea,.kaitou-main .body .btnarea{position:relative;margin:2em -2em}.mondai-main .body .btnarea a,.kaitou-main .body .btnarea a{display:block;margin-left:calc(100% - 12.25em);transition:.5s;opacity:0;pointer-events:none}.mondai-main .body .btnarea a img,.kaitou-main .body .btnarea a img{height:10.25em;width:auto}.mondai-main.on,.kaitou-main.on{opacity:1;pointer-events:auto;transition:.3s ease .5s}.mondai-main.on .body .img1 img,.kaitou-main.on .body .img1 img{opacity:1;transform:translate(0, 0) rotate(0deg)}.mondai-main.on .body .btnarea a.on,.kaitou-main.on .body .btnarea a.on{opacity:1;pointer-events:auto}@media screen and (max-width: 750px){.mondai-main .hd,.kaitou-main .hd{padding:2.6em 0}.mondai-main h2,.kaitou-main h2{font-size:1.8em}.mondai-main .body,.kaitou-main .body{padding-bottom:12em}.mondai-main .body .img1,.kaitou-main .body .img1{margin:2em -1.5em}.mondai-main .body .btnarea,.kaitou-main .body .btnarea{position:fixed;bottom:1em;left:0;width:100%;margin:0}}.kaitou-main{transition:0s}.kaitou-main.on{transition:0s}.mondai-timer{position:absolute;right:2em;top:3em;width:11.75em;height:11.75em;background-color:#0082e2;border-radius:50%;color:#fff;overflow:hidden;z-index:3}.mondai-timer .nokori{position:absolute;left:0;top:1.2em;width:100%;text-align:center;font-size:1.2em;z-index:1}.mondai-timer .fun{position:absolute;right:1em;bottom:1.8em;font-size:1.4em;z-index:3}.mondai-timer .time{position:absolute;right:2.4em;bottom:1.4em}.mondai-timer .time>div{position:absolute;left:0;top:0;width:1.2em;text-align:center;font-size:7.5em;line-height:1;letter-spacing:-.025em;background-color:#0082e2}.mondai-timer .time>div.bg{position:relative;opacity:0}.mondai-timer .time .bottom{color:#e2f1fd}.mondai-timer .time .bottom.next{transition:0s;transform-origin:center center;transform:rotate3d(1, 0, 0, 90deg)}.mondai-timer .time .top{height:50%;overflow:hidden;top:0;z-index:1}.mondai-timer .time .top.current{transition:0s;transform-origin:center bottom;transform:rotate3d(1, 0, 0, 0deg)}.mondai-timer .time:after{content:"";display:block;position:absolute;left:0;top:calc(50% - 1px);width:100%;border-top:2px solid #0082e2;z-index:3}.mondai-timer .time.change .bottom.next{transition:.2s ease .1s;transform:rotate3d(1, 0, 0, 0deg)}.mondai-timer .time.change .top.current{transition:.2s ease 0s;transform:rotate3d(1, 0, 0, 90deg)}@media screen and (max-width: 750px){.mondai-timer{position:fixed;left:1em;top:auto;bottom:1em;font-size:.9em}}.kaitou-title{transition:.3s;opacity:0;pointer-events:none}.kaitou-title .common-inner{height:100%;display:flex;align-items:center;justify-content:center}.kaitou-title .common-inner>div{padding-left:7em;background:url(../img/icon_a.png) left center no-repeat;background-size:6.5625em auto;opacity:0;transform:translate(-100%, 0) rotate(-135deg)}.kaitou-title h2{font-size:4.5em;letter-spacing:.1em;color:#0082e2}.kaitou-title .bozu{position:absolute;right:2em;bottom:2em;width:13.4375em;opacity:0;transform:translate(0, 3em);transition:0.3s cubic-bezier(0.17, 0.67, 0.58, 1.64) 1s}.kaitou-title.on{opacity:1;transition:.3s ease .5s}.kaitou-title.on .common-inner>div{transition:1s ease .5s;opacity:1;transform:translate(0, 0) rotate(0deg)}.kaitou-title.on .bozu{opacity:1;transform:translate(0, 0)}@media screen and (max-width: 750px){.kaitou-title{font-size:.8em}.kaitou-title .common-inner{align-items:flex-start;padding-top:20em}.kaitou-title .common-inner>div{padding-left:0;padding-top:4em;background-position:center top;background-size:5em auto}.kaitou-title .bozu{bottom:auto;right:auto;left:33%;width:34%;top:32em}}
/*# sourceMappingURL=style.css.map */