a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:100;src:url(../font/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-Thin.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-Thin.eot)}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:200;src:url(../font/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-Light.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-Light.eot)}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:300;src:url(../font/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-DemiLight.eot)}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:400;src:url(../font/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-Regular.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-Regular.eot)}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:500;src:url(../font/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-Medium.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-Medium.eot)}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:700;src:url(../font/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-Bold.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-Bold.eot)}@font-face{font-family:YakuHanJP;font-style:normal;font-weight:900;src:url(../font/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"),url(../font/YakuHanJP/YakuHanJP-Black.woff) format("woff"),url(../font/YakuHanJP/YakuHanJP-Black.eot)}@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-family:Noto Sans Japanese;font-style:normal;font-weight:400;src:local("NotoSansJP-Regular.otf"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"),url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype")}body,html{font-family:YakuHanJP,Noto Sans Japanese,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,sans-serif;margin:0;padding:0;width:100%;position:relative;min-width:900px;overflow:auto;-webkit-font-smoothing:antialiased}.main-container{border:10px solid #d00;height:100vh;box-sizing:border-box;overflow:hidden;position:relative}.main-container h2{font-weight:700;font-size:30px}.main-container a{text-decoration:none;padding-bottom:1px;color:#000;border-bottom:1px solid #000}.main-container a:hover{opacity:.8}.main-container .pc{display:initial}.main-container .sp{display:none}.main-container.mobile{height:auto;min-height:100vh;background-image:url(../img/sp/background.png);background-size:cover}.main-container{border:0;padding:10px}.main-container:after,.main-container:before{position:fixed;right:0;left:0;z-index:-1;content:"";height:50vh;width:100vw}.main-container:before{top:0;background:linear-gradient(90deg,#49e946 0 50%,#29cdfb 50% 100%)}.main-container:after{bottom:0;background:linear-gradient(90deg,#baadf4 0 33.33333%,#cbc9c4 33.33333% 66.66667%,#ffd427 66.66667% 100%)}.component-header{height:74px;border-bottom:1px solid #aaa;z-index:2;position:relative;background:#fff}.component-header .logo{float:left;vertical-align:middle;margin:15px 0 0 20px}.component-header .remain-time{float:right;vertical-align:middle;line-height:70px;margin-left:20px;line-height:100%;margin:7px 20px;position:absolute;right:0;top:0}.component-header .remain-time>*{vertical-align:middle}.component-header .remain-time .label,.component-header .remain-time .minute,.component-header .remain-time .second{display:inline-block}.component-header .remain-time .minute .unit,.component-header .remain-time .second .unit{display:inline-block;font-size:48px;width:40px;height:60px;line-height:100%;background-image:url(../img/8.png)}.component-header .remain-time .minute .unit:nth-child(2n-1),.component-header .remain-time .second .unit:nth-child(2n-1){margin-right:0}.component-header .login-status{float:left;padding:26px}.component-header .login-status .status{display:inline-block;font-size:13px;color:#8b8b8b}.component-header .login-status .status .username{display:inline-block;color:#000;font-weight:700;padding:4px 2px}.component-header .button{text-decoration:none;display:inline-block;font-size:14px;padding:7px 15px;vertical-align:middle;font-weight:700;margin-left:10px;margin-top:22px;transition:all .2s ease-out;cursor:pointer;color:#000;background-color:transparent;border:1px solid #000}.component-header .button:hover{background-color:#000;color:#fff;border:1px solid #000}.component-header .button.finish{text-align:center}.component-header .result-nav{display:-ms-flex;display:flex;padding:10px;float:right;position:absolute;right:0;top:0}.component-header .result-nav .report,.component-header .result-nav .result{cursor:pointer;margin-left:20px;text-decoration:none;border:none;display:inline-block}.component-header .result-nav .report img,.component-header .result-nav .result img{width:70px}.component-header .result-nav .report .off,.component-header .result-nav .result .off{display:block}.component-header .result-nav .report .on,.component-header .result-nav .result .on{display:none}.component-header .result-nav .report:hover .on,.component-header .result-nav .result:hover .on{display:block}.component-header .hamburger,.component-header .result-nav .report:hover .off,.component-header .result-nav .result:hover .off{display:none}@media (max-width:768px){.component-header{height:40px;position:fixed;width:calc(100% - 20px)}.component-header .logo{margin:5px 0 0 5px}.component-header .logo img{width:60px}.component-header .button{font-size:11px;padding:4px;margin-left:3px;margin-top:10px;letter-spacing:-1px}.component-header .login-status{padding:6px}.component-header .login-status .status{font-size:10px}.component-header .login-status .status .username{display:block;font-size:12px;font-weight:700}.component-header .remain-time{margin:3px 5px;position:absolute;right:0;top:0}.component-header .remain-time .minute .unit,.component-header .remain-time .second .unit{width:20px;height:30px;background-size:100%}.component-header .remain-time .colon{width:4px;padding-left:3px}.component-header .remain-time .remain-label{width:9px}.component-header .button__container{position:absolute;top:47px;left:10px}.component-header .button__container .button{background-color:#fff;padding:7px 5px}.component-header .button__container.inheader{position:relative;top:0;left:0}.component-header .button__container.inheader .button{margin:7px}.component-header .result-nav{float:none;margin-top:10px;position:absolute;right:0;top:0;display:none}.component-header .result-nav .report,.component-header .result-nav .result{margin-left:10px}.component-header .result-nav img{width:45px}.component-header .hamburger{display:none;width:40px;height:40px;position:absolute;top:0;z-index:20;right:0;background-color:#29cdfb;background-image:url(../img/humurger.png);background-size:24px 25px;background-repeat:no-repeat;background-position:12px 4px}.component-header .hamburger.open{background-image:url(../img/humburger-close.png)}}.component-start{background-color:#ededed;background-image:url(../img/bgimg.png);background-size:cover;position:absolute;z-index:3;width:calc(100% - 20px);height:calc(100% - 94px);min-height:420px;overflow:auto;line-height:1.5}.component-start .title{margin:80px auto 40px;font-size:36px;font-weight:700;text-align:center}.component-start .title+p{margin-bottom:30px;font-size:20px;line-height:2em;font-weight:700}.component-start .container{text-align:center;padding:50px 0 100px}.component-start .container h2{margin:10px auto 50px}.component-start .container .info{font-weight:700;font-size:16px;color:#d00;margin:10px auto 100px}.component-start .container .notice{text-align:left;margin:0 auto;font-size:15px;line-height:150%;position:relative}.component-start .container .start{display:block;font-size:18px;padding:20px 65px;vertical-align:middle;font-weight:700;transition:all .2s ease-out;cursor:pointer;background-color:#000;color:#fff;border:2px solid #000;outline:none;margin:50px auto;width:348px;transform:translateZ(0)}.component-start .container .start.disable{pointer-events:none;opacity:.5}.component-start .container .start:hover{background-color:#fff;border:2px solid #000;color:#000}.component-start .container .btn-back{margin:40px auto 60px}.component-start .container .checklist{display:-ms-flex;display:flex;width:80%;max-width:1000px;min-width:740px;margin:100px auto 50px;position:relative}.component-start .container .checklist .lists{width:25%;text-align:left;padding-left:10px;position:relative}.component-start .container .checklist .lists .list-head{font-weight:700;font-size:22px;border-bottom:2px solid #000;padding-bottom:5px;vertical-align:middle;margin-bottom:20px}.component-start .container .checklist .lists .list-head img{vertical-align:middle;padding-right:10px;position:relative;top:-4px}.component-start .container .checklist .lists li{font-size:14px;padding-left:10px;margin-bottom:10px;line-height:150%}.component-start .container .checklist .lists li strong{color:#d00}.component-start .container .checklist .lists li:before{content:"・";position:absolute;left:7px}.component-start .container .checklist .lists:first-child{width:50%}.component-start .container .hint{margin-bottom:100px}.component-start .container .hint .notice{width:960px;margin-top:50px}.component-start .container .hint .notice .pin{padding-right:5px;vertical-align:bottom}.component-start .container .hint .notice:before{content:""}.component-start .container .score-sub{width:80%;max-width:1000px;min-width:740px;margin:60px auto;font-weight:700;text-align:left;line-height:140%;font-size:14px}.component-start .container .score-sub .sub{font-weight:400;font-size:12px;text-align:left;margin:10px 0}.component-start .container .attention{font-weight:700;font-size:24px;color:#d00;margin:40px auto}@media (max-width:768px){.component-start{height:calc(100vh - 60px);margin-top:41px}.component-start .container{padding:20px;max-width:420px;margin:auto}.component-start .container br{display:none}.component-start .container .info{margin-bottom:60px}.component-start .container .checklist{width:100%;max-width:none;min-width:0;display:block;margin-top:40px}.component-start .container .checklist .lists{width:100%;padding-left:0;margin-bottom:20px}.component-start .container .checklist .lists li{padding-left:12px;font-size:12px;margin-bottom:5px}.component-start .container .checklist .lists li:before{left:0}.component-start .container .checklist .lists .list-head{font-size:16px;margin-bottom:10px}.component-start .container .checklist .lists .list-head img{width:25px}.component-start .container .checklist .lists:first-child{width:100%}.component-start .container .score-sub{width:100%;max-width:100%;min-width:0;font-size:10px;margin:20px auto}.component-start .container .attention{font-size:16px}.component-start .container .notice{font-size:12px}.component-start .container .hint{margin-bottom:40px}.component-start .container .hint .notice{width:100%;font-size:12px;margin-top:20px}.component-start .container .hint>img{width:100%}.component-start .container .start{width:200px;padding:20px 10px;font-size:15px}.component-start .container .start:hover{background-color:#d00;color:#fff;border:1px solid #d00}.component-start .title{font-size:24px;margin-bottom:10px;margin-top:20px}.component-start .title+p{font-size:16px}}@media (min-width:414px) and (max-width:768px){.component-start .container .hint .notice{font-size:8px}.component-start .container .hint .notice p{margin-bottom:2.5px}.component-start .container .hint .notice p img{width:8px}}.component-single{position:relative;float:left;width:calc(100% - 260px);background-color:#ededed}.component-single ::-moz-selection{background:transparent}.component-single ::selection{background:transparent}.component-single .btn-faq{position:absolute;margin:15px;right:0;cursor:pointer;z-index:2}.component-single .btn-faq:hover{opacity:.8}.component-single .contact-modal,.component-single .faq-modal{position:fixed;display:block;z-index:10;width:100%;height:100%;top:0;left:0;display:none}.component-single .contact-modal .container,.component-single .faq-modal .container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;color:#fff;font-size:11px;width:700px;height:530px;text-align:center}.component-single .contact-modal .container .notice,.component-single .faq-modal .container .notice{margin-top:20px;text-align:left;line-height:150%}.component-single .contact-modal .container .notice .pin,.component-single .faq-modal .container .notice .pin{padding-right:3px;margin-bottom:-4px;margin-top:4px}.component-single .contact-modal .base,.component-single .faq-modal .base{width:100%;height:100%;background-color:rgba(0,0,0,.8);cursor:pointer}.component-single .contact-modal .close,.component-single .faq-modal .close{position:absolute;top:0;right:0;margin:20px;cursor:pointer}.component-single .contact-modal .close:hover,.component-single .faq-modal .close:hover{opacity:.7}.component-single .contact-modal .container{height:370px}.component-single .director{position:absolute;top:0;width:100%;height:100%}.component-single .director .arrow{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:48px;height:53px;cursor:pointer}.component-single .director .arrow img{transition:transform .1s ease-out}.component-single .director .arrow .label{font-size:18px;padding-top:18px}.component-single .director .arrow.left{right:auto;left:20px}.component-single .director .arrow.left .label{float:right}.component-single .director .arrow.left:hover img{transform:translateX(-5px)}.component-single .director .arrow.right{left:auto;right:20px}.component-single .director .arrow.right .label{float:left}.component-single .director .arrow.right:hover img{transform:translateX(5px)}.component-single .question{position:relative;background-image:url(../img/bgimg.png);background-size:cover;height:calc(100vh - 140px - 75px - 20px);min-height:325px;width:100%}.component-single .question img{position:absolute;margin:auto;top:0;bottom:0;right:0;left:0;opacity:0;transform:scale(.95);transition:all .2s ease-out;pointer-events:none;width:560px;height:auto}.component-single .question img.current{opacity:1;transform:scale(1)}.component-single .answer{height:140px;background-color:#fff;position:absolute;display:block;width:100%}.component-single .answer .doitlator{width:80px;height:100%;cursor:pointer;background-color:#333;box-sizing:border-box;padding:40px 15px;float:left;position:absolute}.component-single .answer .doitlator img{transition:transform .15s ease-out}.component-single .answer .doitlator.marked{background-color:#d00}.component-single .answer .doitlator:hover img{opacity:.7;transform:translateY(3px)}.component-single .answer .status-indigator{position:absolute;top:14px;right:8%;transition:opacity .2s ease-out}.component-single .answer .status-indigator .save-icon{display:inline-block;animation:a 1s linear infinite}.component-single .answer .status-indigator .label{display:inline-block;color:#d00;vertical-align:middle;font-size:12px}.component-single .answer .status-indigator.saving{opacity:1}.component-single .answer .status-indigator.saving .label:before{content:"保存中"}.component-single .answer .status-indigator.saving .save-icon{display:inline-block}.component-single .answer .status-indigator.failed{opacity:1}.component-single .answer .status-indigator.failed .save-icon{display:none}.component-single .answer .status-indigator.failed .label:before{content:"保存に失敗しました"}.component-single .answer .status-indigator.saved{opacity:1}.component-single .answer .status-indigator.saved .save-icon{display:none}.component-single .answer .status-indigator.saved .label:before{content:"保存しました"}.component-single .answer .status-indigator.hidden{opacity:0}.component-single .answer .status-indigator.hidden .save-icon{display:none}.component-single .answer .input-container{width:100%;padding:42px 0;padding-left:80px;margin:auto;float:right;box-sizing:border-box}.component-single .answer .input-container .wrap[type=text]{width:90%;display:none;height:60px;margin:0 auto}.component-single .answer .input-container .wrap[type=text] .input[type=text]{float:left;width:70%;border:3px solid #000;padding:15px;font-size:18px;display:block;transition:border .8s ease-out}.component-single .answer .input-container .wrap[type=text] .input[type=text]:focus{border:3px solid #d00;-webkit-appearance:none;outline:none}.component-single .answer .input-container .wrap[type=text].current,.component-single .answer .input-container .wrap[type=text].current .submit{display:block}.component-single .answer .input-container .wrap[type=radio]{width:90%;height:60px;display:block;margin:0 auto;display:none}.component-single .answer .input-container .wrap[type=radio] .input{width:80%}.component-single .answer .input-container .wrap[type=radio] .input .choice{display:none;-webkit-appearance:none;outline:none;background-color:transparent;color:transparent;margin-right:10px;vertical-align:middle;border:none}.component-single .answer .input-container .wrap[type=radio] .input .choice+label{background-image:url(../img/radio-off.png);background-position:0 50%;transition:all .2s ease-out;background-repeat:no-repeat;cursor:pointer;padding-left:30px;padding-top:15px;padding-bottom:15px}.component-single .answer .input-container .wrap[type=radio] .input .choice:checked+label{background-image:url(../img/radio-on.png)}.component-single .answer .input-container .wrap[type=radio] .input .label{float:left;display:block;width:25%;font-size:21px;cursor:pointer;line-height:120%;box-sizing:border-box}.component-single .answer .input-container .wrap[type=radio] .input .label .point{display:inline-block}.component-single .answer .input-container .wrap[type=radio].current,.component-single .answer .input-container .wrap[type=radio].current .submit{display:block}.component-single .answer .input-container .wrap.lock .input{pointer-events:none;opacity:.4}.component-single .answer .submit{float:right;width:20%;-webkit-appearance:none;outline:none;text-decoration:none;font-size:18px;padding:13px 10px;font-weight:400;vertical-align:middle;font-weight:700;transition:all .2s ease-out;cursor:pointer;color:#fff;background-color:#d00;border:none;border:2px solid #d00;box-sizing:border-box}.component-single .answer .submit:hover{background-color:#a00}.component-single .answer .submit.blank{color:#d00;background-color:#fff}.component-single .answer .submit.blank:before{content:"解答する"}.component-single .answer .submit.ready{color:#fff;background-color:#d00}.component-single .answer .submit.ready:before{content:"解答する"}.component-single .answer .submit.filled{background-color:transparent;border:2px solid #d00;color:#d00}.component-single .answer .submit.filled:before{content:"リセット"}.component-tutorial{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;display:none}.component-tutorial .tutorial-base{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.001);cursor:pointer}.component-tutorial .tutorial-item{position:absolute;right:calc(270px + 18% - 64px);bottom:138px;background-color:#d00;color:#fff;width:400px;line-height:1.4;padding:10px 15px;font-weight:400;z-index:101;height:42px;font-size:13px}.component-tutorial .tutorial-item .close{content:"";cursor:pointer;background-image:url(../img/notice-button-close.png);width:28px;height:28px;position:absolute;top:-13px;right:-13px;background-size:contain}.component-tutorial .tutorial-item .frame{position:absolute;width:calc(18vw - 64.8px + 20px);height:74px;margin:auto;top:80px;right:0;left:0;border:4px dashed #d00}.component-tutorial .tutorial-item strong{font-weight:700}.component-tutorial .tutorial-item:before{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #d00}@media screen and (max-height:800px){.component-single .question img{width:400px}.component-single{height:calc(100% - 75px);overflow:auto}.component-single .director{height:calc(100% - 140px)}.component-single .answer{overflow:hidden}}@media screen and (max-width:1000px){.component-single .question img{width:400px}}@media (max-width:768px){.component-single{width:100%;height:calc(100% - 41px);margin-top:41px}.component-single .question{height:calc(100% - 125px)}.component-single .question img{width:calc(100% - 60px);max-width:400px}.component-single .btn-faq{margin:13px 10px}.component-single .btn-faq img{width:30px}.component-single .director{height:calc(100% - 125px)}.component-single .director .arrow{width:38px;height:39px;top:auto;bottom:8px}.component-single .director .arrow img{width:20px}.component-single .director .arrow .label{font-size:15px;padding-top:12px}.component-single .director .arrow.right{right:5px}.component-single .director .arrow.right .label{margin-right:-7px}.component-single .director .arrow.right:hover img{transform:none}.component-single .director .arrow.left{left:5px}.component-single .director .arrow.left .label{margin-left:-7px}.component-single .director .arrow.left:hover img{transform:none}.component-single .answer{height:auto}.component-single .answer .doitlator{width:90px;height:45px;box-sizing:border-box;padding:10px 20px;border:3px solid #333;float:left}.component-single .answer .question-list{padding:10px 20px;border:3px solid #333;height:45px;box-sizing:border-box;float:right;width:calc(100% - 90px)}.component-single .answer .submit{font-size:14px;padding:7px 5px;height:50px;width:30%;margin-top:5px;border-width:3px}.component-single .answer .doitlator{padding:8px;text-align:center}.component-single .answer .doitlator img{width:62px}.component-single .answer .doitlator.marked{border:3px solid #d00}.component-single .answer .doitlator:hover img{opacity:1;transform:translateY(0)}.component-single .answer .question-list{text-align:center;padding:7px}.component-single .answer .question-list img{width:110px}.component-single .answer .input-container{padding:10px}.component-single .answer .input-container .wrap:after{content:"";clear:both;display:block}.component-single .answer .input-container .wrap[type=text]{width:100%}.component-single .answer .input-container .wrap[type=text] .input[type=text]{box-sizing:border-box;width:calc(70% - 10px);margin:0;margin-top:5px;margin-right:10px;font-size:13px;padding:13px 15px;-webkit-appearance:none;border-radius:0}.component-single .answer .input-container .wrap[type=radio]{width:100%;height:auto}.component-single .answer .input-container .wrap[type=radio] .input{box-sizing:border-box;-webkit-appearance:none;border-radius:0;height:60px;float:left;width:70%}.component-single .answer .input-container .wrap[type=radio] .input .choice+label{padding-left:25px;padding-top:8px;padding-bottom:8px}.component-single .answer .input-container .wrap[type=radio] .input .label{width:50%;font-size:13px}.component-single .answer .status-indigator{top:auto;bottom:2px;right:10px}.component-single .answer .status-indigator .save-icon{width:10px;height:10px;vertical-align:middle}.component-single .answer .status-indigator .label{font-size:10px}.component-single .contact-modal .container,.component-single .faq-modal .container{width:300px}.component-single .contact-modal .container>img,.component-single .faq-modal .container>img{width:100%}.component-single .faq-modal{overflow:scroll}.component-single .faq-modal .base{position:fixed;top:0}.component-single .faq-modal .close{z-index:2}.component-single .faq-modal .container{position:absolute;bottom:auto;height:auto;width:calc(100% - 40px);max-width:320px;padding:60px 0}.component-single .contact-modal .container{height:218px}.component-tutorial .tutorial-item{width:125px;height:78px;font-size:11px;right:20px;bottom:104px}.component-tutorial .tutorial-item .frame{width:calc(30vw - 5px);height:55px;margin:auto;top:121px;right:-6px;left:auto;border:3px dashed #d00}}@media (max-height:540px){.component-single .question img.current{transform:scale(.8)}}@media (min-width:414px) and (max-width:768px){.component-single .contact-modal .container .notice,.component-single .faq-modal .container .notice{font-size:8px}.component-single .contact-modal .container .notice p,.component-single .faq-modal .container .notice p{margin-bottom:2.5px}.component-single .contact-modal .container .notice p img,.component-single .faq-modal .container .notice p img{width:8px}.component-tutorial .tutorial-item .frame{width:calc(25vw - 7px);top:116px}}.component-sidenav{background-color:#fff;width:260px;float:right;box-sizing:border-box;box-shadow:-1px 0 0 gray;z-index:2;position:relative;height:calc(100% - 75px)}.component-sidenav .quiz-container{height:100%;overflow:scroll;overflow:auto}.component-sidenav .quiz-container .quiz{position:relative;float:left;height:70px;border-bottom:1px solid #aaa;width:100%;box-sizing:border-box;padding:0 5px;cursor:pointer;transition:box-shadow .2s ease-out}.component-sidenav .quiz-container .quiz .id{position:absolute;margin:auto;top:0;bottom:0;left:20px;font-size:24px;width:130px;height:24px;text-align:right;font-weight:700}.component-sidenav .quiz-container .quiz .id:before{display:flex;font-size:14px;height:100%;position:absolute;left:20px;align-items:center}.component-sidenav .quiz-container .quiz .thumbnail{position:absolute;margin:auto;top:0;bottom:0;right:10px;height:60px;width:60px}.component-sidenav .quiz-container .quiz.current,.component-sidenav .quiz-container .quiz:hover{box-shadow:inset 6px 0 0 #d00;color:#d00}.component-sidenav .quiz-container .quiz:nth-child(2n-1){border-right:1px solid #aaa}.component-sidenav .quiz-container .quiz.marked:before{content:url(../img/bookmark.png);left:5px;position:relative}.component-sidenav .quiz-container .quiz.done{background-color:#f5f5f5;color:#d0d0d0}.component-sidenav .quiz-container .quiz[key=quiz-1] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-2] .id:before{content:"2点"}.component-sidenav .quiz-container .quiz[key=quiz-3] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-4] .id:before{content:"4点"}.component-sidenav .quiz-container .quiz[key=quiz-5] .id:before{content:"2点"}.component-sidenav .quiz-container .quiz[key=quiz-6] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-7] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-8] .id:before{content:"4点"}.component-sidenav .quiz-container .quiz[key=quiz-9] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-10] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-11] .id:before{content:"2点"}.component-sidenav .quiz-container .quiz[key=quiz-12] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-13] .id:before{content:"2点"}.component-sidenav .quiz-container .quiz[key=quiz-14] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-15] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-16] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-17] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-18] .id:before{content:"4点"}.component-sidenav .quiz-container .quiz[key=quiz-19] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-20] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-21] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-22] .id:before{content:"4点"}.component-sidenav .quiz-container .quiz[key=quiz-23] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-24] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-25] .id:before{content:"4点"}.component-sidenav .quiz-container .quiz[key=quiz-26] .id:before{content:"3点"}.component-sidenav .quiz-container .quiz[key=quiz-27] .id:before,.component-sidenav .quiz-container .quiz[key=quiz-28] .id:before{content:"5点"}.component-sidenav .quiz-container .quiz[key=quiz-29] .id:before{content:"4点"}.component-sidenav .quiz-container .quiz[key=quiz-30] .id:before{content:"6点"}.component-sidenav .btn-close,.component-sidenav .quiz-container.prepare .quiz .id:before{display:none}.component-sidenav .link-container{background-color:#ddd}.component-sidenav .link-container a{text-decoration:none;color:#000;border-bottom:none}.component-sidenav .link-container a:last-child .item{border-bottom:none}.component-sidenav .link-container .item{position:relative;display:block;text-align:center;width:100%;background-color:#fff;box-sizing:border-box;border-bottom:2px solid #ccc;height:calc(25vh - 24px);cursor:pointer;display:-ms-flex;display:flex;-ms-align-items:center;align-items:center;overflow:hidden}.component-sidenav .link-container .item .icon{position:relative;width:40px;height:50px;display:inline-block;vertical-align:middle;margin-right:17px;margin-left:32px}.component-sidenav .link-container .item .icon img{position:absolute;top:0;left:0}.component-sidenav .link-container .item .title{font-size:24px;text-align:left;display:inline-block;vertical-align:middle;font-weight:800;line-height:120%}.component-sidenav .link-container .item .sub{position:absolute;bottom:10px;text-align:center;width:100%;font-size:12px;opacity:.8;line-height:140%;left:0}.component-sidenav .link-container .item:before{content:"▶";position:absolute;right:10px;top:0;bottom:0;height:18px;margin:auto}.component-sidenav .link-container .item.half{width:50%;float:left;display:inline-block;font-size:0;letter-spacing:0;border-right:2px solid #ccc}.component-sidenav .link-container .item.half .icon{margin-top:70px}.component-sidenav .link-container .item.half .title{font-size:20px}.component-sidenav .link-container .item.half:nth-child(2n){border-right:none}.component-sidenav .link-container .item.disable{opacity:.3;cursor:default}.component-sidenav .link-container .item.enable:hover{color:#fff}.component-sidenav .link-container .item.enable:hover .off{display:none}.component-sidenav .link-container .item.enable:hover .on{display:block}.component-sidenav .link-container a:first-child .item.enable:hover{background-color:#29cdfb}.component-sidenav .link-container a:nth-child(2) .item.enable:hover{background-color:#49e946}.component-sidenav .link-container a:nth-child(3) .item.enable:hover{background-color:#cbc9c4}.component-sidenav .link-container a:nth-child(4) .item.enable:hover{background-color:#ffd427}@media screen and (max-height:680px){.component-standby .cdtimer{zoom:.85}.component-sidenav .link-container .item .sub{font-size:10px}}@media screen and (max-height:650px) and (min-width:768px){.component-sidenav .link-container .item .sub{display:none}.component-standby .container{transform:scale(.8)}}@media (max-width:768px){.component-sidenav{display:none;position:fixed;top:51px;left:10px;width:calc(100% - 20px);height:calc(100% - 61px)}.component-sidenav .btn-close{position:absolute;display:block;top:10px;right:10px;z-index:2}.component-sidenav .btn-close img{width:30px;height:30px}.component-sidenav .link-container{position:relative;background-color:#fff;height:calc(100% - 20px)}.component-sidenav .link-container .item{border-bottom:5px solid #fff;height:25%}.component-sidenav .link-container .item .title{width:calc(100% - 100px);text-align:left;font-size:20px}.component-sidenav .link-container .item .title br{display:none}.component-sidenav .link-container .item .sub{display:block;text-align:left;padding:0 17px;box-sizing:border-box}.component-sidenav .link-container .item .icon{margin-left:17px}.component-sidenav .link-container .item.enable{background-color:#f5f5f5}.component-sidenav .link-container .item.disable{background-color:#ddd}.component-sidenav .quiz-container{margin:auto;height:100%;box-sizing:border-box;padding:20px;background-color:rgba(0,0,0,.5)}.component-sidenav .quiz-container .mCustomScrollBox{background-color:#fff;border:4px solid #ddd;height:auto;max-width:280px;margin:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.component-sidenav .quiz-container .quiz{border-bottom:3px solid #ddd}.component-sidenav .quiz-container .quiz .id:before{font-size:12px}.component-sidenav .quiz-container .quiz:hover{box-shadow:none;color:inherit}.component-sidenav .quiz-container .quiz.current:hover{color:#d00}.component-sidenav .quiz-container .quiz.done:hover{background-color:#f5f5f5;color:#d0d0d0}.component-sidenav .quiz-container .quiz:nth-child(2n-1){border-right:none}.component-sidenav .quiz-container .quiz:last-child{border-bottom:none}.component-sidenav .quiz-container .quiz.current{box-shadow:none}.component-sidenav.active{display:block}}.component-result{background-color:#efefef;background-image:url(../img/bgimg.png);background-size:cover;position:absolute;z-index:3;width:calc(100% - 20px);height:calc(100% - 94px);overflow:auto;box-sizing:border-box}.component-result .title{margin:20px auto 40px;font-size:36px;font-weight:700;text-align:center}.component-result .result-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;text-align:center;font-size:18px;line-height:150%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.component-result .result-container .button.tw{display:inline-block;border:none}.component-result .result-container .button.backtotop{height:18px;display:inline-block;margin-top:20px;color:#000;text-decoration:none;padding-bottom:8px;border-bottom:1px solid #000}@media (max-width:768px){.component-result{height:calc(100% - 61px);margin-top:41px}.component-result p{font-size:14px}.component-result .title{font-size:24px}}.component-timeup{background-color:rgba(0,0,0,.8);position:absolute;z-index:3;top:0;right:0;bottom:0;left:0}.component-timeup .container img{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}@media (max-width:768px){.component-timeup .container img{width:260px}}.component-login{background-color:#ededed;background-image:url(../img/bgimg.png);background-size:cover;padding:100px 20px;text-align:center;height:calc(100% - 275px)}.component-login .title{margin:20px auto 60px;font-size:36px;font-weight:700;text-align:center}.component-login .info{font-weight:700;font-size:16px}.component-login .login-container{position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:100%;height:410px}.component-login .input-container{text-align:center;margin-top:30px}.component-login .input-container .input[type=text]{width:540px;border:3px solid #000;padding:15px;font-size:18px;display:inline-block;transition:border .2s ease-out}.component-login .input-container .input[type=text]::-moz-selection{background:#d00;color:#fff}.component-login .input-container .input[type=text]::selection{background:#d00;color:#fff}.component-login .input-container .input[type=text]:focus{border:3px solid #d00;-webkit-appearance:none;outline:none}.component-login .notice{margin-top:50px;width:520px;text-align:left;margin:70px auto;line-height:180%}.component-login .btn-login{-webkit-appearance:none;outline:none;text-decoration:none;display:inline-block;font-size:18px;width:350px;font-weight:400;vertical-align:middle;font-weight:700;transition:all .2s ease-out;cursor:pointer;color:#fff;background-color:#000;margin-left:15px;box-sizing:border-box;display:block;border:none;width:348px;padding:20px 10px;margin:50px auto}.component-login .btn-login:hover{background-color:#333}.component-login .btn-login.disable{pointer-events:none;opacity:.6}.component-login .notice{margin-top:50px}@media (max-width:768px){.component-login .btn-login:hover{background-color:inherit}}@media (max-width:768px){.component-login{padding:25px;min-height:calc(100% - 41px);height:auto;box-sizing:border-box;margin-top:41px}.component-login .title{font-size:22px;margin-bottom:40px}.component-login .login-container{position:relative;height:auto;margin-top:40px}.component-login .login-container .input-container .input[type=text]{width:100%;box-sizing:border-box;font-size:15px;padding:17px 20px}.component-login .btn-login{width:200px;font-size:15px;padding:14px}.component-login .btn-login.disable{pointer-events:auto;opacity:1}.component-login .notice{width:100%;margin:20px auto}}.component-standby{background-color:#ededed;background-image:url(../img/bgimg.png);background-size:cover;padding:20px;text-align:center;width:calc(100% - 300px);height:calc(100% - 115px);color:#333;overflow:auto;display:-ms-flex;display:flex;-ms-align-items:center;align-items:center;justify-content:center;position:relative}.component-standby .banner{position:absolute;top:0;left:0}.component-standby .title{margin:20px auto;font-size:36px;font-weight:700;text-align:center}.component-standby .primary-message{font-size:42px;line-height:150%;font-weight:700;margin:20px auto 40px}.component-standby .time-schedule{margin:60px auto 40px;position:relative;background-color:#fff;width:390px;padding:20px;padding-left:60px}.component-standby .time-schedule .text{position:relative;font-weight:800;text-align:left;letter-spacing:.05em;font-size:17px;line-height:2}.component-standby .time-schedule img{position:absolute;left:-50px;top:-36px;margin:auto;width:96px}.component-standby .countdown .title{font-size:30px}.component-standby .countdown .cdtimer{font-size:115px;letter-spacing:14px;font-weight:700}.component-standby .countdown .cdtimer span{padding:0 0 0 20px}.component-standby .btn-start-disable{-webkit-appearance:none;outline:none;text-decoration:none;display:inline-block;font-size:18px;vertical-align:middle;font-weight:700;margin-top:50px;display:block;margin:20px auto;background-color:#6e6e6e;border:none;color:#222;width:328px;padding:20px 10px;opacity:.6}.component-standby .btn-start{margin:20px auto;margin-top:50px}.component-standby .btn-start a{-webkit-appearance:none;outline:none;text-decoration:none;display:inline-block;font-size:18px;padding:13px 10px;width:110px;font-weight:400;vertical-align:middle;font-weight:700;transition:all .2s ease-out;cursor:pointer;color:#fff;background-color:#000;margin-left:15px;border:2px solid #000;box-sizing:border-box;display:block;width:328px;padding:20px 10px;margin:auto}.component-standby .btn-start a:hover{background-color:#fff;color:#000}.component-standby .notice{margin-top:50px;line-height:150%}.component-standby .score-sub{width:700px;max-width:100%;margin:40px auto;text-align:left;line-height:170%;font-size:14px;margin-bottom:0}.component-standby .score-sub .sub{font-size:12px;text-align:left;margin:10px 0}@media screen and (max-height:800px){.component-standby .score-sub{margin-bottom:0}.component-standby .primary-message{font-size:32px;margin:0 auto}.component-standby .btn-start{margin:20px auto;margin-top:25px}.component-standby .time-schedule{margin:40px auto 25px}.component-standby .title{margin:5px auto 10px}.component-standby .notice{margin-top:15px}.component-standby .countdown .cdtimer{font-size:95px}}@media screen and (max-width:1200px){.component-standby .countdown .cdtimer{font-size:95px;letter-spacing:10px}.component-standby .countdown .cdtimer span{padding:0 0 0 10px}}@media (max-width:768px){.component-standby{width:100%;height:calc(100% - 41px);display:block;box-sizing:border-box;margin-top:41px}.component-standby .banner img{width:103px}.component-standby .container{margin-top:80px;width:100%;transform:scale(1)}.component-standby .title{font-size:22px}.component-standby .time-schedule{position:relative;margin:auto;padding:15px 10px;background-color:#fff;width:260px;box-sizing:border-box;margin-top:60px;margin-bottom:40px}.component-standby .time-schedule img{width:56px;left:-20px;top:-40px}.component-standby .time-schedule .text{text-align:left;font-size:10px;font-weight:700;letter-spacing:0;padding-left:20px}.component-standby .countdown{margin-top:20px}.component-standby .countdown .title{font-size:18px}.component-standby .countdown .cdtimer{font-size:16vw;letter-spacing:5px}.component-standby .countdown .cdtimer img{width:4vw}.component-standby .btn-start a{width:200px;font-size:15px}.component-standby .score-sub{font-size:11px;margin-bottom:30px}.component-standby .primary-message{font-size:24px}.component-standby .btn-start-disable{width:200px}}@media (min-width:414px) and (max-width:768px){.component-standby .countdown .cdtimer{font-size:48px;letter-spacing:5px}.component-standby .countdown .cdtimer img{width:13px}.component-standby .score-sub{width:420px;font-size:8px}}.component-scroll .indicator{position:fixed;bottom:30px;left:0;right:0;margin:auto;width:40px;z-index:10;text-align:center;display:none;animation-duration:1.2s;animation-timing-function:ease-out;animation-delay:.1s;animation-iteration-count:infinite}.component-scroll .indicator.active{animation-name:b;display:block}@keyframes b{0%{transform:translateY(0);opacity:1}to{transform:translateY(10px);opacity:0}}.component-error{position:absolute;background-color:#ededed;background-image:url(../img/bgimg.png);background-size:cover;text-align:center;z-index:3;display:-ms-flex;display:flex;align-items:center;justify-content:center;width:calc(100% - 20px);height:calc(100% - 94px);padding:20px;color:#333;overflow:auto;box-sizing:border-box}.component-error .button{display:block;font-size:18px;padding:20px 65px;vertical-align:middle;font-weight:700;transition:all .2s ease-out;cursor:pointer;background-color:#d00;color:#fff;outline:none;border:1px solid #d00;margin:0 auto 50px}.component-error .button.disable{pointer-events:none;opacity:.5}.component-error .button:hover{background-color:#fff;border:1px solid #d00;color:#d00}.component-error .container{padding-bottom:50px}.component-error .container .message{line-height:1.4;margin-top:0}.component-error .container .message .main{font-size:36px;margin-bottom:20px;font-weight:700}.component-error .container .message .sub{font-size:18px}.component-error .container .link{margin:40px auto}.component-error .container .link a{margin:0 20px}.component-error .container .contact{background-color:#fff;margin:auto;text-align:left;box-sizing:border-box;padding:20px 40px;line-height:1.5;font-size:12px;display:inline-block}.component-error .container .contact .head{margin-bottom:6px;font-size:14px}@media (max-width:768px){.component-error{height:calc(100% - 61px);width:calc(100% - 20px);display:block;margin-top:41px;z-index:10}.component-error .container{margin-top:0;padding:20px 0;box-sizing:border-box}.component-error .container .message .main{font-size:24px}.component-error .container .message .sub{font-size:11px}.component-error .container .contact{padding:10px;box-sizing:border-box}.component-error .button{width:200px;padding:10px 20px}}.mCustomScrollbar{touch-action:pinch-zoom}.mCustomScrollbar .mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:none;direction:ltr}.mCustomScrollbar .mCustomScrollBox .mCSB_container{overflow:hidden;width:auto;height:auto}.mCustomScrollbar .mCustomScrollBox .mCSB_1_scrollbar .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto;width:10px;left:auto}.mCustomScrollbar .mCustomScrollBox .mCSB_1_scrollbar .mCSB_draggerContainer .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCustomScrollbar .mCustomScrollBox .mCSB_1_scrollbar .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.3);position:relative;width:4px;height:100%;margin:0 auto;border-radius:16px;text-align:center}.mCustomScrollbar .mCustomScrollBox .mCSB_1_scrollbar .mCSB_draggerContainer .mCSB_draggerRail{background-color:rgba(0,0,0,.1);width:4px;height:100%;margin:0 auto;border-radius:16px}@media (max-width:1020px){.component-result .answer-container .answer-item .figure{width:400px}.component-result .answer-container{width:880px}}@media screen and (max-height:520px){.component-start .container{position:relative;margin:40px auto}}@media screen and (max-width:768px){body,html{min-width:320px;min-height:auto;height:100%;width:100%;overflow:hidden;font-size:11px}.main-container{overflow:scroll;height:100%;width:100%;position:fixed;top:0}.main-container .pc{display:none}.main-container .sp{display:initial}}@media screen and (max-width:768px) and (min-width:414px){body,html{zoom:1.1}}