.result{text-align:center;font-size:clamp(2.375rem,1.792rem + 1.22vw,3.25rem);padding:20% 0;font-family:"Kaisei HarunoUmi",serif;position:relative}.result::before{position:absolute;content:"";background-repeat:no-repeat;background-size:contain;width:clamp(12.5rem,9.875rem + 5.47vw,16.438rem);aspect-ratio:263/260;opacity:.18;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-1}.form .form__wrap{display:flex;align-items:center;justify-content:center;gap:2%}.form .form__wrap>div{width:49%;text-align:center;border-radius:999px;padding:13px 0;font-size:clamp(.938rem,.813rem + .26vw,1.125rem);cursor:pointer;transition:all .3s;position:relative;font-family:"Kaisei HarunoUmi",serif;color:#f4bd00}.form .form__wrap>div:hover{opacity:.7}.form .form__wrap>div::after{position:absolute;content:"";background-image:url(../../../assets/img/btn-arrow-yellow.svg);background-repeat:no-repeat;background-size:contain;width:14px;height:14px;right:15px;top:50%;transform:translateY(-50%)}.form .form__wrap>div.student{background-color:#c8161d}.form .form__wrap>div.general{background-color:#003e7f}body main{padding:104px 0 0}body main .main-wrap{width:min(100%,740px);margin:0 auto}body main .main-wrap .question>div:first-child{display:flex;justify-content:flex-start;align-items:center;gap:2%;margin-bottom:14px}body main .main-wrap .question>div:first-child .question-num-img{width:min(100%,115px)}body main .main-wrap .question>div:first-child .question-text{font-size:clamp(1.625rem,1.375rem + .52vw,2rem);font-family:"Kaisei HarunoUmi",serif}body main .main-wrap .question .question-img{width:min(100%,740px);margin:0 auto 26px}body main .main-wrap .question .answer-area{width:100%;height:60px;border:2px solid #030000;background-color:#fff;padding:0 15px;margin-bottom:16px}body main .main-wrap .question .submit-btn{width:clamp(21.25rem,19.333rem + 3.99vw,24.125rem);margin:0 auto}body main .main-wrap .question .submit-btn.answer a{background-color:#c8161d;color:#f4bd00;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:999px;padding:24px 0;font-size:clamp(1.125rem,.958rem + .35vw,1.375rem);cursor:pointer;font-family:"Kaisei HarunoUmi",serif;transition:all .3s;position:relative}body main .main-wrap .question .submit-btn.answer a:hover{opacity:.7}body main .main-wrap .question .submit-btn.answer a::after{position:absolute;content:"";background-repeat:no-repeat;background-size:contain;width:15px;height:17px;right:20px}body main .main-wrap .wrong .result{color:#003e7f}body main .main-wrap .wrong .result::before{background-image:url(../img/bg-wrong.svg)}body main .main-wrap .wrong .wrong__wrap{position:relative;height:clamp(21.875rem,20.083rem + 3.73vw,24.563rem)}body main .main-wrap .wrong .wrong__wrap::before{position:absolute;content:"";background-image:url(../../../assets/img/people-black.svg);background-repeat:no-repeat;background-size:contain;width:clamp(12.5rem,11.458rem + 2.17vw,14.063rem);aspect-ratio:225/393}body main .main-wrap .wrong .wrong__wrap>div{width:min(100%,581px);margin:0 0 0 auto;display:flex;align-items:center;justify-content:center;gap:2%;padding:22px 2%;background-color:#fff;border-radius:10px;position:relative;z-index:-1}body main .main-wrap .wrong .wrong__wrap>div::before{position:absolute;content:"";background-color:#fff;clip-path:polygon(0% 0, 100% 0, -20% 100%);-webkit-clip-path:polygon(0% 0, 100% 0, -20% 100%);width:17px;aspect-ratio:17/21;bottom:-17%;left:20%}body main .main-wrap .wrong .wrong__wrap>div .hint-img{width:min(100%,59px)}body main .main-wrap .wrong .wrong__wrap>div .hint{width:calc(100% - min(100%,59px));font-size:clamp(.938rem,.813rem + .26vw,1.125rem);line-height:155.5%;font-family:"Zen Old Mincho",serif}body main .main-wrap .right .result{color:#c8161d}body main .main-wrap .right .result::before{background-image:url(../img/bg-right.svg)}body main .main-wrap .right .right__wrap{padding:38px 4%;margin-bottom:10%;background-color:#030000;color:#f4bd00;font-family:"Zen Old Mincho",serif}body main .main-wrap .right .right__wrap>p{font-size:clamp(.938rem,.813rem + .26vw,1.125rem);display:flex;align-items:flex-end;justify-content:flex-start;gap:6px;padding-bottom:5px;margin-bottom:24px;border-bottom:1px solid #f4bd00}body main .main-wrap .right .right__wrap>p span{font-size:clamp(1.625rem,1.375rem + .52vw,2rem)}body main .main-wrap .right .right__wrap .explanation>p:first-child{width:min(100%,60px);text-align:center;margin:0 auto 0 0;font-size:clamp(1.125rem,.958rem + .35vw,1.375rem);color:#030000;background-color:#f4bd00;padding:1%;margin-bottom:3px}body main .main-wrap .right .right__wrap .explanation>p.explanation-text{font-size:clamp(.938rem,.813rem + .26vw,1.125rem);line-height:155.5%;margin-bottom:24px}body main .main-wrap .prev-form{display:none;margin-top:64px}body main .main-wrap .back-btn{width:min(100%,300px);margin:64px auto 104px;position:relative}body main .main-wrap .back-btn a{text-align:center;font-size:clamp(1.563rem,1.354rem + .43vw,1.875rem);display:flex;align-items:center;justify-content:center;color:#030000;font-family:"Kaisei HarunoUmi",serif}body main .main-wrap .back-btn a::after{position:absolute;content:"";background-image:url(../../../assets/img/btn-arrow-black.svg);background-repeat:no-repeat;background-size:contain;width:20px;height:20px;right:0}body main .main-wrap .back-btn::after{position:absolute;content:"";left:0;width:100%;height:1px;background-color:#030000;bottom:-5px;transform:scale(0, 1);transform-origin:left top;transition:transform .3s}body main .main-wrap .back-btn:hover::after{transform:scale(1, 1)}.extra_wrap{background-color:#030000;animation:unblur 2s ease-out forwards}@keyframes unblur{0%{filter:blur(8px)}100%{filter:blur(0)}}.extra_wrap::before{background-image:none}.extra_wrap main .main-wrap .question>div:first-child{display:block}.extra_wrap main .main-wrap .question>div:first-child .question-num-img{display:none}.extra_wrap main .main-wrap .question>div:first-child .question-text{display:block;color:#f4bd00;text-align:center;font-size:clamp(2.625rem,2.208rem + .87vw,3.25rem)}.extra_wrap main .main-wrap .wrong .result{color:#fff}.extra_wrap main .main-wrap .wrong .result::before{opacity:1}.extra_wrap main .main-wrap .wrong .wrong__wrap::before{background-image:url(../../../assets/img/people-white.svg)}.extra_wrap main .main-wrap .wrong .hint-container ul{counter-reset:article}.extra_wrap main .main-wrap .wrong .hint-container ul li{color:#fff;padding-left:14%;counter-increment:article;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;font-size:clamp(.938rem,.813rem + .26vw,1.125rem);line-height:155%;color:#f4bd00;font-family:"Zen Old Mincho",serif}.extra_wrap main .main-wrap .wrong .hint-container ul li::before{position:absolute;content:"問" counter(article) "の解説";left:0;background-color:#f4bd00;color:#030000;padding:4px}.extra_wrap main .main-wrap .wrong .hint-container ul li:not(:nth-last-child(-n+2)){margin-bottom:32px}.extra_wrap main .main-wrap .wrong .hint-container ul li:last-child{display:none}.extra_wrap main .main-wrap .right .result{color:#fff}.extra_wrap main .main-wrap .right .result::before{opacity:1}.extra_wrap main .main-wrap .right .challenge-btn{display:none}.extra_wrap main .main-wrap .back-btn a{color:#fff}.extra_wrap main .main-wrap .back-btn a::after{background-image:url(../../../assets/img/btn-arrow-white.svg)}.extra_wrap main .main-wrap .back-btn::after{background-color:#fff}@media(max-width: 768px){.result{font-size:clamp(1.625rem,1.179rem + 2.23vw,2.25rem);padding:24% 0}.result::before{width:clamp(9.375rem,7.143rem + 11.16vw,12.5rem)}.form .form__wrap{flex-direction:column}.form .form__wrap>div{width:min(100%,400px);padding:9px 0}.form .form__wrap>div::after{width:12px;height:12px;right:12px}.form .form__wrap>div.student{background-color:#c8161d;margin-bottom:12px}.form .form__wrap>div.general{background-color:#003e7f}body main{padding:34px 15px 0}body main .main-wrap{width:100%}body main .main-wrap .question>div:first-child{gap:2%;margin-bottom:8px}body main .main-wrap .question>div:first-child .question-num-img{width:min(100%,80px)}body main .main-wrap .question>div:first-child .question-text{font-size:clamp(1.375rem,1.196rem + .89vw,1.625rem)}body main .main-wrap .question .question-img{width:100%;margin:0 auto 20px}body main .main-wrap .question .answer-area{height:50px;padding:0 10px;margin-bottom:16px}body main .main-wrap .question .submit-btn{width:min(100%,320px);padding:0}body main .main-wrap .question .submit-btn.answer a{padding:16px 0;font-size:clamp(.875rem,.696rem + .89vw,1.125rem)}body main .main-wrap .question .submit-btn.answer a::after{width:12px;height:14px;right:17px}body main .main-wrap .wrong .wrong__wrap{height:clamp(21.25rem,19.464rem + 8.93vw,23.75rem)}body main .main-wrap .wrong .wrong__wrap::before{width:clamp(7.5rem,5.268rem + 11.16vw,10.625rem);bottom:0}body main .main-wrap .wrong .wrong__wrap>div{width:min(100%,550px);gap:2%;padding:18px 2%}body main .main-wrap .wrong .wrong__wrap>div::before{left:32%}body main .main-wrap .right .right__wrap{padding:24px 6cqi}body main .main-wrap .right .right__wrap>p{margin-bottom:20px}body main .main-wrap .right .right__wrap .explanation>p:first-child{width:min(100%,52px)}body main .main-wrap .right .right__wrap .explanation>p.explanation-text{margin-bottom:20px}body main .main-wrap .back-btn{width:min(100%,200px);margin:50px auto 104px}body main .main-wrap .back-btn a{font-size:clamp(1.25rem,1.042rem + .43vw,1.563rem)}body main .main-wrap .back-btn a::after{width:17px;height:17px}.extra_wrap main .main-wrap .wrong .hint-container ul li{padding-left:90px}.extra_wrap main .main-wrap .wrong .hint-container ul li:not(:nth-last-child(-n+2)){margin-bottom:24px}}#particles-js{position:fixed;top:0;z-index:-1;width:100%;height:100%}/*# sourceMappingURL=style.css.map */