*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,sans-serif}main{display:block}input,select,textarea,button{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}label{cursor:pointer}li{list-style:none}.loader-wrapper{display:flex;justify-content:center;align-items:center;height:100vh}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title{margin-bottom:2rem;font-size:1.4rem;letter-spacing:.1rem}@media only screen and (max-width: 767px){.title>p{text-align:center;font-size:20px}.title>p>span{display:block}}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modal-box{background:#fff;padding:2rem;border-radius:10px;width:90%;max-width:400px;text-align:left}.modal-box h2{margin-bottom:.8rem}p{line-height:1.8}.button{text-align:center}.button button{display:inline-block;margin-top:2rem;padding:.6rem 1.2rem;background-color:#4f46e5;color:#fff;text-decoration:none;border-radius:6px;transition:background-color .2s ease-in-out;cursor:pointer}.button button:hover{background-color:#3730a3}@media only screen and (max-width: 767px){.button button{font-size:15px;padding:.8rem 1.4rem}.modal-box h2{font-size:22px;margin-bottom:.6rem}.button button{margin-top:1.2rem}}.quiz{min-height:100vh;background:#f6f7fb;color:#3c3c3c;display:flex;flex-direction:column;justify-content:center;align-items:center}.inner-block{position:relative;width:calc(100% - 60px);margin:0 auto}.quiz-question{display:flex;align-items:center;gap:.5rem;justify-content:center;font-size:32px;font-weight:700;line-height:1.8;margin-bottom:40px;position:relative}@media only screen and (min-width: 751px){.inner-block{max-width:1000px}.quiz-question{padding:30px 20vw 0px}.quiz-answer{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 10vw 60px}}.quiz-answer{display:grid;position:relative}.quiz-answer li{position:relative}.quiz-answer li label{color:#222;display:block;margin:0 auto;height:60px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:100%;padding:4px 20px 4px 80px;font-weight:700;font-size:18px;line-height:1.16;position:relative;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out;border:1px solid #000;white-space:pre-wrap}.quiz-content{background-color:#fff;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,.1);box-shadow:2px 2px 4px #0000001a;position:relative;padding:2rem 0;border-radius:10px}.quiz-button{background-color:#fff}@media only screen and (max-width: 767px){.inner-block{width:calc(100% - 36px)}.quiz-question{margin-bottom:1rem}.quiz-button{margin:.2rem 0}.quiz-content{padding:2rem 1.2rem}}.quiz-answer li:nth-child(1):after{content:"1"}.quiz-answer li:nth-child(2):after{content:"2"}.quiz-answer li:nth-child(3):after{content:"3"}.quiz-answer li:nth-child(4):after{content:"4"}.quiz-answer li:after{position:absolute;text-align:center;font-size:20px;font-weight:700;content:"";width:60px;height:40px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;top:0;bottom:0;left:0;margin:auto;z-index:1;pointer-events:none;border-right:1px solid #000}.quiz-feedback{margin-top:1rem;padding-bottom:2rem;font-size:1.2rem;font-weight:700;color:green;animation:fadeInOut .5s ease-in-out;text-align:center}@keyframes fadeInOut{0%{opacity:0}50%{opacity:1}to{opacity:0}}.speak-button{background:none;border:none;color:#3c3c3c;padding:.1em 0 0;cursor:pointer;font-size:.8em}.result-page{text-align:center}.result-page{width:100%;margin:3rem auto;padding:2rem;background:#f9f9f9;border-radius:12px;box-shadow:0 4px 12px #0000001a;text-align:center;font-family:Noto Sans JP,sans-serif;line-height:1.8}@media only screen and (max-width: 767px){.result-page{padding:2rem 16px}}.result-page h2{font-size:1.8rem;margin-bottom:1.5rem;color:#333}.result-page p{font-size:1.2rem;color:#555;margin-top:2rem}.result-page a{display:inline-block;margin-top:2rem;padding:.6rem 1.2rem;background-color:#4f46e5;color:#fff;text-decoration:none;border-radius:6px;transition:background-color .2s ease-in-out;cursor:pointer}.result-page a:hover{background-color:#3730a3}@media only screen and (min-width: 751px){.result-page-innner{display:flex;justify-content:space-around}.block{width:40%}}.block{margin-bottom:2rem;padding:1em 0}.block:nth-of-type(1){background-color:#f0f0f0}.block:nth-of-type(2){background-color:#f0f0f0}.block:nth-of-type(1) ul li{margin:1rem auto}.block:nth-of-type(2) ul li{margin:1rem auto}