body,html{height:100%;width:100%}.relative{position:relative}main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;overflow:hidden}.container{display:grid;grid-template-rows:27% 72%;height:100%;width:100%}.head{position:relative;height:100%}.head #quiz_num{position:absolute;-o-object-fit:contain;object-fit:contain;width:20%;height:41.33%;-webkit-transition-duration:.3s;transition-duration:.3s;opacity:0}.head #logo{position:absolute;width:27.5428571429%;top:23.34%;left:0}.main_text{white-space:pre-line;display:inline;word-break:keep-all}.main_text span{white-space:nowrap}#quiz_container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-transition-duration:.3s;transition-duration:.3s;opacity:0}#quiz_container .quiz-wrapper{position:relative;background-color:#fff;width:100%;aspect-ratio:560/280;display:grid;grid-template-rows:54% 46%;z-index:10}#quiz_container .quiz-wrapper .white{z-index:-3;position:absolute;width:100%;height:100%;background-color:#fff}#quiz_container .quiz-wrapper #answer{z-index:-4;-webkit-transform:translateY(100%);transform:translateY(100%);position:absolute;background-color:#fff;bottom:0;height:auto;width:100%;aspect-ratio:560/90;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}#quiz_container #quiz_img{position:absolute;z-index:10;-webkit-transform:translate(50%,0);transform:translate(50%,0)}#quiz_container .img01{width:64.7142857143%;right:-3rem;top:15rem}#quiz_container .img02{width:64.7142857143%;right:4rem;top:18rem}#quiz_container .img03{width:64.7142857143%;right:1rem;top:19rem}#quiz_container .img04{width:67.95%;right:1rem;top:17.5rem}#quiz_container .img05{width:71.1857142857%;right:3rem;top:17.5rem}#quiz_container .img06{width:64.7142857143%;right:1rem;top:17.5rem}#quiz_container .img07{width:58.2432142857%;right:3.5rem;top:19.5rem}#quiz_container .img08{width:52.41875%;right:4rem;top:19rem}#quiz_container .img09{width:64.7146428571%;right:2rem;top:16rem}#quiz_container .img10{width:58.2428571429%;right:3rem;top:17rem}#quiz_container .quiz-text-container{width:81.4285714286%;display:-webkit-box;display:-ms-flexbox;display:flex}#quiz_container .quiz-text-container img{width:3rem;margin-bottom:auto}#quiz_container .quiz-text-container .reverse_y{margin-bottom:0;margin-top:auto;-webkit-transform:scale(-1);transform:scale(-1)}#quiz_container .quiz-text-container_{width:92.0821428571%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#quiz_container .quiz-text-container_ img{width:3rem;margin-bottom:auto}#quiz_container .quiz-text-container_ .reverse_y{margin-bottom:0;margin-top:auto;-webkit-transform:scale(-1);transform:scale(-1)}#quiz_container .quiz_text_wrapper{width:85.0746268657%;margin:0 auto;height:auto;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#quiz_container .quiz_text_wrapper #quiz_text{color:#1d2088;font-size:2.4rem;font-weight:700;margin:2rem auto}#quiz_container .quiz_text_wrapper #quiz_text span{color:#ff4c00}.quiz-answer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:31%}.quiz-answer button{width:35.7%;padding-top:35.7%;position:relative;border-radius:1rem;border:none;background-color:#1d2088;-webkit-transition-duration:.3s;transition-duration:.3s}.quiz-answer button:hover{background-color:#ff4c00}.quiz-answer .lockActive{background-color:#ff4c00!important}.quiz-answer .lockUnActive{background-color:#1d2088!important}.quiz-answer #btn_yes img{width:68%}.quiz-answer #btn_no img{width:64%}.quiz-next{width:100%;margin-top:2.5rem}.quiz-next #btn_next{border:none;background-color:rgba(0,0,0,0);width:14.2857142857%;aspect-ratio:80/30;position:relative}.quiz-next #btn_next img{-webkit-transition:.3s;transition:.3s;width:100%}.quiz-next #btn_next img .next{opacity:1}.quiz-next #btn_next .next_{opacity:0}.quiz-next #btn_next:hover .next{opacity:0}.quiz-next #btn_next:hover .next_{opacity:1}.wrapper{position:relative}.answer-inner{width:81.42%}.answer-inner .right{color:#ff4c00;font-size:1.8rem;font-weight:700}.answer-inner .explanation{color:#1d2088;width:100%;font-size:1.272rem;font-weight:700;white-space:pre-line}.answer-inner .explanation span{font-size:.704rem}@media screen and (max-width:767px){main{height:auto;min-height:100%;width:100%;overflow:hidden}.wrapper{width:84%}.container{display:block}.sp-head{margin-top:5rem;height:25rem}.sp-head #logo{width:45.8447761194%}#quiz_container{overflow:visible;margin-bottom:10rem}#quiz_container .img01{width:102.6059701493%;right:25rem;top:-21rem}#quiz_container .img02{width:112.8670149254%;right:25rem;top:-25rem}#quiz_container .img03{width:107.2223880597%;right:25rem;top:-16rem}#quiz_container .img04{width:107.7358208955%;right:28rem;top:-23rem}#quiz_container .img05{width:107.7365671642%;right:20rem;top:-26rem}#quiz_container .img06{width:104.6582089552%;right:22rem;top:-21.5rem}#quiz_container .img07{width:84.5373134328%;right:30rem;top:-15rem}#quiz_container .img08{width:92.3447761194%;right:25rem;top:-21rem}#quiz_container .img09{width:102.6059701493%;right:25rem;top:-21rem}#quiz_container .img10{width:88.9835820896%;right:25rem;top:-25rem}#quiz_container #quiz_wrapper{height:auto;display:-webkit-box;display:-ms-flexbox;display:flex;aspect-ratio:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#quiz_container .num_wrapper{width:100%;aspect-ratio:670/188;position:relative;overflow:hidden}#quiz_container .num_wrapper img{height:43%;margin-top:5rem;margin-left:5rem}#quiz_container #quiz_text_container{width:92.5373134328%;position:relative}#quiz_container #quiz_text_container .comma{width:8rem;margin-bottom:auto;position:absolute;left:2rem}#quiz_container #quiz_text_container .reverse_y{position:absolute;width:8rem;right:1rem;bottom:0}#quiz_container #quiz_text_container #quiz_text{font-size:4.796rem;margin:8rem 0}#quiz_container .quiz-answer{margin-top:5rem;margin-bottom:10rem;width:70.1492537313%}#quiz_container .quiz-answer button{width:34.04%;padding-top:34.04%;border-radius:3rem}#quiz_container #btn_next{width:49.2537313433%;aspect-ratio:330/60;margin-bottom:10rem}#quiz_container #btn_next img{width:100%}#quiz_container #btn_next:hover .next{opacity:1}#quiz_container #btn_next:hover .next_{opacity:0}.answer-inner{width:83.4686567164%;margin-bottom:10rem}.answer-inner .right{font-size:5.644rem}.answer-inner #text_explanation{font-size:4.092rem;width:100%}.answer-inner #text_explanation span{font-size:3.292rem}.answer_dummy{height:70rem}}