*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Helvetica Neue',Arial,'Hiragino Kaku Gothic ProN','Hiragino Sans',Meiryo,sans-serif;line-height:1.6;background-color:#f5f5f5;min-height:100vh;display:flex;flex-direction:column}.container{max-width:750px;margin:0 auto;padding:0;width:100%;flex:1;display:flex;flex-direction:column}.hero{text-align:center;padding:0;margin:0;background-color:#fff;width:100%;display:flex;flex-direction:column;align-items:center}.hero-image{margin:0;padding:0;width:100%;max-width:750px;box-shadow:none;display:block;vertical-align:top}.start-button-wrapper{position:relative;display:inline-block;overflow:hidden;margin:10px auto 0}.start-button{display:block;padding:0;font-size:1.2rem;font-weight:700;color:#fff;background-color:transparent;border:none;border-radius:50px;cursor:pointer;text-decoration:none;max-width:100%;height:auto;margin-bottom:20px}.event-image{max-width:100%;height:auto;display:block;margin:0 auto;margin-bottom:50px}#quiz-section{display:none;background-color:#f7f4ed;background-image:radial-gradient(circle,#f5f1e8 3.5px,transparent 3.5px),radial-gradient(circle,#f5f1e8 3.5px,transparent 3.5px);background-position:0 0,8.5px 17px;background-size:17px 34px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:10px;width:auto}.question{margin-bottom:20px;text-align:center}.question.active{display:block}.question-image{max-width:100%;height:auto;margin:0 auto 20px;display:block}.answers{display:grid;grid-template-columns:1fr;gap:20px;margin:0 auto 20px;text-align:left;padding:0;max-width:90%}.answers button.answer-button{display:flex;align-items:center;justify-content:flex-start;width:100%;text-align:left;padding:20px 30px;font-size:1rem;background-color:#fff;border:none;color:#fff;font-weight:700;border-radius:9999px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.answers button.answer-button br{display:none}.answers button.answer-button:nth-child(1){background-color:#f8814e}.answers button.answer-button:nth-child(2){background-color:#72be68}.answers button.answer-button:nth-child(3){background-color:#f0687e}.answers button.answer-button:nth-child(4){background-color:#4c9def}.answers button.answer-button.selected{background-color:#8d8d8d}.answers button.answer-button:hover{opacity:.8}.option-label{display:inline-flex;align-items:center;justify-content:center;background-color:#fff;border:none;border-radius:50%;min-width:30px;min-height:30px;text-align:center;margin-right:15px;font-weight:700;flex-shrink:0}.answers button.answer-button:nth-child(1) .option-label{color:#f8814e}.answers button.answer-button:nth-child(2) .option-label{color:#72be68}.answers button.answer-button:nth-child(3) .option-label{color:#f0687e}.answers button.answer-button:nth-child(4) .option-label{color:#4c9def}.answers button.answer-button.selected .option-label{color:#8d8d8d}.scroll-image{display:block;margin:10px auto;max-width:100%;height:auto}.next-button-wrapper{position:relative;display:block;overflow:hidden;width:500px;margin:50px auto;text-align:center}.next-button{display:block;width:100%;height:auto;cursor:pointer;transition:opacity .3s ease}.next-button.disabled{cursor:not-allowed;pointer-events:none}.next-button:not(.disabled):hover{opacity:.8}.result-content{text-align:center;padding:0;width:100%;max-width:750px;margin:0 auto}.result-image{width:100%;height:auto;display:block;margin:0 auto;vertical-align:bottom}.result-image-container{position:relative;display:block;overflow:hidden;margin:0;width:100%}.result-image-container a{display:block;width:100%}@keyframes shine{100%{left:125%}}.start-button-wrapper:after,.result-image-container:after,.next-button-wrapper:after{content:'';position:absolute;top:0;left:-75%;z-index:2;width:50%;height:100%;background:linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);transform:skewX(-25deg);animation:shine 1.5s infinite}.next-button-wrapper:after{will-change:transform,left}footer{background-color:#fff;padding:40px 20px;text-align:center;margin:0;width:100%}.footer-image{max-width:200px;height:auto;margin:0 auto 30px;display:block}footer ul{list-style:none;padding:0;margin:0 0 30px}footer ul li{margin-bottom:15px}footer ul li a{color:#276e9f;text-decoration:none;font-size:14px}footer p{color:#276e9f;font-size:12px;margin:0}@media (max-width:768px){.start-button{width:80%;max-width:400px;margin:0 auto 20px}.start-button-wrapper{display:block;text-align:center}.next-button{width:330px}.next-button-wrapper{width:330px;margin:30px auto}.answers button.answer-button{padding:15px 20px;font-size:.9rem;white-space:normal}.answers button.answer-button br{display:inline}footer{padding:30px 15px}footer ul li{margin-bottom:12px}}