.app-header[data-v-4d3b46ce]{background:linear-gradient(135deg,#4a90e2,#145da0);padding:40px 20px;text-align:center;color:#fff;border-radius:50px;box-shadow:0 8px 15px rgba(0,0,0,.2);animation:fadeInDown-4d3b46ce 1.2s ease}.header-content[data-v-4d3b46ce]{max-width:900px;margin:0 auto}.app-title[data-v-4d3b46ce]{font-size:3em;font-weight:700;margin:0;color:#fff;text-shadow:2px 2px 10px rgba(0,0,0,.3);animation:expandText-4d3b46ce 1.2s ease;position:relative;display:inline-block}.app-title[data-v-4d3b46ce]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:100%;height:4px;background:#fff;border-radius:2px;animation:expandLine-4d3b46ce .6s ease}.app-subtitle[data-v-4d3b46ce]{font-size:1.5em;margin-top:15px;line-height:1.6;color:#f0f4f8;text-shadow:1px 1px 5px rgba(0,0,0,.2);animation:fadeInText-4d3b46ce 1.5s ease}@keyframes fadeInDown-4d3b46ce{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes expandText-4d3b46ce{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes expandLine-4d3b46ce{0%{width:0}to{width:100%}}@keyframes fadeInText-4d3b46ce{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.app-title[data-v-4d3b46ce]{font-size:2.5em}.app-subtitle[data-v-4d3b46ce]{font-size:1.2em}}@media (max-width:480px){.app-title[data-v-4d3b46ce]{font-size:2em}.app-subtitle[data-v-4d3b46ce]{font-size:1.1em}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:60px}.intro-section[data-v-3a838a18]{position:relative;min-height:100vh;padding:4rem 2rem;background:linear-gradient(135deg,#f6f8fd,#e3eeff);overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif}.intro-content[data-v-3a838a18]{position:relative;max-width:1200px;margin:0 auto;z-index:1}.intro-header[data-v-3a838a18]{text-align:center;margin-bottom:4rem}.title[data-v-3a838a18]{font-size:3rem;color:#2c3e50;margin-bottom:1rem;animation:fadeInDown-3a838a18 1s ease-out}.subtitle[data-v-3a838a18]{font-size:1.5rem;color:#34495e;animation:fadeInUp-3a838a18 1s ease-out .5s both}.section-title[data-v-3a838a18]{font-size:2.5rem;color:#2c3e50;margin-bottom:2rem;text-align:center}.feature-grid[data-v-3a838a18]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:4rem}.feature-card[data-v-3a838a18]{background:hsla(0,0%,100%,.8);border-radius:15px;padding:.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;animation:fadeIn-3a838a18 1s ease-out}.feature-card[data-v-3a838a18]:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.feature-icon[data-v-3a838a18]{font-size:3rem;color:#3498db;margin-bottom:.5rem}.feature-card h4[data-v-3a838a18]{font-size:1.5rem;color:#2c3e50;margin-bottom:.5rem}.feature-card p[data-v-3a838a18]{color:#34495e}.guide-steps[data-v-3a838a18]{display:flex;justify-content:space-between;flex-wrap:wrap;margin-bottom:4rem}.step[data-v-3a838a18]{flex-basis:calc(25% - 1rem);text-align:center;animation:fadeIn-3a838a18 1s ease-out}.step-number[data-v-3a838a18]{display:inline-flex;justify-content:center;align-items:center;width:50px;height:50px;background-color:#3498db;color:#fff;border-radius:50%;font-size:1.5rem;margin-bottom:.5rem}p[data-v-3a838a18]{font-weight:700}.start-quiz-button[data-v-3a838a18]{display:block;width:250px;margin:0 auto;padding:1rem 2rem;font-size:1.5rem;color:#fff;background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:50px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;animation:pulse-3a838a18 2s infinite}.start-quiz-button[data-v-3a838a18]:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.start-quiz-button span[data-v-3a838a18]{margin-right:10px}.background-decoration[data-v-3a838a18]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.circle[data-v-3a838a18]{position:absolute;border-radius:50%;opacity:.1}.circle-1[data-v-3a838a18]{width:300px;height:300px;background-color:#3498db;top:-100px;left:-100px;animation:float-3a838a18 10s infinite alternate}.circle-2[data-v-3a838a18]{width:200px;height:200px;background-color:#e74c3c;bottom:-50px;right:-50px;animation:float-3a838a18 8s infinite alternate-reverse}.circle-3[data-v-3a838a18]{width:150px;height:150px;background-color:#2ecc71;top:50%;left:50%;animation:float-3a838a18 12s infinite alternate}@keyframes fadeInDown-3a838a18{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-3a838a18{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-3a838a18{0%{opacity:0}to{opacity:1}}@keyframes pulse-3a838a18{0%{box-shadow:0 0 0 0 rgba(52,152,219,.4)}70%{box-shadow:0 0 0 10px rgba(52,152,219,0)}to{box-shadow:0 0 0 0 rgba(52,152,219,0)}}@keyframes float-3a838a18{0%{transform:translate(0)}to{transform:translate(20px,20px)}}@media (max-width:768px){.title[data-v-3a838a18]{font-size:2rem}.subtitle[data-v-3a838a18]{font-size:1.2rem}.feature-grid[data-v-3a838a18]{grid-template-columns:1fr}.guide-steps[data-v-3a838a18]{flex-direction:column}.step[data-v-3a838a18]{flex-basis:100%;margin-bottom:2rem}}.quiz-selection[data-v-0b32ec54]{min-height:100vh;background:linear-gradient(135deg,#f6f8fd,#e3eeff);padding:4rem 2rem;position:relative;overflow:hidden;font-family:Helvetica Neue,Arial,sans-serif}.content-wrapper[data-v-0b32ec54]{max-width:1200px;margin:0 auto;position:relative;z-index:1}.title[data-v-0b32ec54]{font-size:2.5em;color:#2c3e50;text-align:center;margin-bottom:1rem;animation:fadeInDown-0b32ec54 1s ease-out}.subtitle[data-v-0b32ec54]{font-size:1.5rem;font-weight:700;color:#34495e;text-align:center;margin-bottom:3rem;animation:fadeInUp-0b32ec54 1s ease-out .5s both}.category-grid[data-v-0b32ec54]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.category-button[data-v-0b32ec54]{background:hsla(0,0%,100%,.8);border:none;border-radius:15px;padding:.5rem;text-align:center;transition:all .3s ease;cursor:pointer;animation:fadeIn-0b32ec54 1s ease-out}.category-button.selected[data-v-0b32ec54],.category-button[data-v-0b32ec54]:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.1);background:#fff}.category-button.selected[data-v-0b32ec54]{border:2px solid #3498db}.icon-wrapper[data-v-0b32ec54]{font-size:3rem;color:#3498db;margin-bottom:.5rem}.category-button h3[data-v-0b32ec54]{font-size:1.25rem;color:#2c3e50;margin-bottom:.5rem}.category-button p[data-v-0b32ec54]{color:#34495e;font-size:1rem}.start-quiz-button[data-v-0b32ec54]{display:block;width:300px;margin:0 auto;padding:1rem 2rem;font-size:1.2rem;color:#fff;background:linear-gradient(45deg,#3498db,#2980b9);border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;animation:pulse-0b32ec54 2s infinite}.start-quiz-button[data-v-0b32ec54]:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.start-quiz-button[data-v-0b32ec54]:disabled{opacity:.5;cursor:not-allowed}.background-decoration[data-v-0b32ec54]{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;z-index:0}.shape[data-v-0b32ec54]{position:absolute;opacity:.1}.shape-1[data-v-0b32ec54]{width:300px;height:300px;background-color:#3498db;border-radius:50%;top:-100px;left:-100px;animation:float-0b32ec54 10s infinite alternate}.shape-2[data-v-0b32ec54]{width:200px;height:200px;background-color:#e74c3c;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;bottom:-50px;right:-50px;animation:float-0b32ec54 8s infinite alternate-reverse}.shape-3[data-v-0b32ec54]{width:150px;height:150px;background-color:#2ecc71;border-radius:60% 40% 30% 70%/60% 30% 70% 40%;top:50%;left:50%;animation:float-0b32ec54 12s infinite alternate}@keyframes fadeInDown-0b32ec54{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp-0b32ec54{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn-0b32ec54{0%{opacity:0}to{opacity:1}}@keyframes pulse-0b32ec54{0%{box-shadow:0 0 0 0 rgba(52,152,219,.4)}70%{box-shadow:0 0 0 10px rgba(52,152,219,0)}to{box-shadow:0 0 0 0 rgba(52,152,219,0)}}@keyframes float-0b32ec54{0%{transform:translate(0)}to{transform:translate(20px,20px)}}@media (max-width:768px){.title[data-v-0b32ec54]{font-size:2rem}.subtitle[data-v-0b32ec54]{font-size:1.2rem}.category-grid[data-v-0b32ec54]{grid-template-columns:1fr}.start-quiz-button[data-v-0b32ec54]{width:100%}}.quiz-question[data-v-585d96f2]{margin-bottom:2rem}.options-list[data-v-585d96f2]{list-style-type:none;padding:0}.options-list li[data-v-585d96f2]{margin-bottom:1rem}button[data-v-585d96f2]{width:100%;padding:1rem;border:1px solid #ccc;background-color:#f8f8f8;font-size:.75em;font-weight:700;cursor:pointer;transition:all .3s ease}button[data-v-585d96f2]:hover:not(:disabled){background-color:#e8e8e8}button.selected[data-v-585d96f2]{background-color:#007bff;color:#fff}button.correct[data-v-585d96f2]{background-color:#28a745;color:#fff}button.incorrect[data-v-585d96f2]{background-color:#dc3545;color:#fff}button[data-v-585d96f2]:disabled{cursor:not-allowed;opacity:.7}.feedback[data-v-585d96f2]{margin-top:1rem;text-align:center}.correct-feedback[data-v-585d96f2]{color:#28a745}.incorrect-feedback[data-v-585d96f2]{color:#dc3545}.next-button[data-v-585d96f2],.submit-button[data-v-585d96f2]{display:block;width:200px;margin:1rem auto;padding:.5rem 1rem;background-color:#007bff;color:#fff;border:none;cursor:pointer}.next-button[data-v-585d96f2]:hover,.submit-button[data-v-585d96f2]:hover{background-color:#0056b3}.result-container[data-v-75c829be]{font-size:1.75em;text-align:center;margin-top:20px}.btn[data-v-75c829be]{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}.quiz-container[data-v-d0221b00]{max-width:800px;margin:0 auto;padding:2rem;font-size:1.5em}body{font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,sans-serif;background-color:#fff;color:#333;line-height:1.6}.container{max-width:960px;margin:0 auto;padding:20px}header{text-align:center;padding:10px 0;background-color:#007bff;color:#fff;border-radius:15px}ruby{ruby-position:over}rt{font-size:.8em;color:#555}.header-ruby rt,h1{color:#fff}h1{text-align:center;font-size:36px;margin-bottom:10px}h2{margin:5px}.sdgs-icons{display:block;max-width:100%;height:auto;margin:0 auto}#quiz{background-color:#fff;border-radius:5px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,.1)}#question{font-size:24px;margin-bottom:10px}#options{list-style-type:none;padding:0}#options li{background-color:#f1f1f1;border-radius:5px;padding:10px;margin-bottom:10px;font-size:18px;font-weight:500;cursor:pointer;transition:background-color .3s}#options li:hover{background-color:#e0e0e0}#start-quiz,#submit-btn{display:block;width:100%;padding:20px;background-color:#007bff;font-size:18px;font-weight:700;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s}#submit-btn:hover{background-color:#0056b3}#result,#score{margin-top:20px;font-size:18px;text-align:center}#options li.selected{background-color:#007bff;color:#fff}.correct{background-color:#a8f0c6}.correct,.incorrect{transition:background-color .5s}.incorrect{background-color:#f7a7a3}#play-again-btn{display:block;width:100%;padding:20px;background-color:#28a745;font-size:18px;font-weight:700;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s;margin-top:20px}#play-again-btn:hover{background-color:#218838}@media screen and (max-width:768px){h1{font-size:28px}#question{font-size:20px}.sdgs-icons{max-width:80%}}@media screen and (max-width:480px){h1{font-size:24px}#question{font-size:18px}.sdgs-icons{max-width:100%}}