:root{--ink:#283f3d;--orange:#d94b20;--cream:#fffbed;--yellow:#ffda60;--pink:#ffe4e9;--mint:#dbf2e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--cream);font-family:'Yu Gothic','Meiryo',sans-serif;color:var(--ink);line-height:1.9}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit}button{cursor:pointer}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;background:white;border-bottom:2px solid var(--ink)}.logo{text-decoration:none;font-weight:900;font-size:18px}.logo small{display:block;font-size:10px;letter-spacing:1px}nav{display:flex;gap:25px;font-size:13px;font-weight:bold}nav a{text-decoration:none}.wrap{max-width:1180px;margin:auto;padding:75px 35px}.hero{max-width:1400px;padding:65px 5%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.label{font-size:12px;font-weight:bold;letter-spacing:2px;color:#82622b}h1{font-size:clamp(35px,4.3vw,64px);line-height:1.4;letter-spacing:-2px;margin:20px 0}em{font-style:normal;color:var(--orange)}h2{font-size:clamp(28px,3.3vw,44px);line-height:1.5;margin:15px 0 24px}p{font-size:15px}.button{display:inline-flex;align-items:center;gap:25px;padding:16px 28px;background:var(--orange);color:white;font-weight:bold;text-decoration:none;border-radius:40px;border:2px solid var(--ink);box-shadow:4px 5px 0 var(--ink);margin:15px 0}.button:hover{transform:translateY(-2px)}.small{font-size:11px;line-height:1.8}.hero-scene{position:relative;height:540px;background:#dff3f5;border-radius:48% 48% 20px 20px;border:2px solid var(--ink);overflow:hidden}.hero-scene:after{content:'';height:90px;background:#bce0a2;position:absolute;left:0;right:0;bottom:0}.sun{position:absolute;right:32px;top:10px;font-size:80px;color:#efa900}.hero-shiro{position:absolute;width:180px;height:270px;object-fit:contain;left:12px;bottom:62px;z-index:3;background:#fff;border-radius:20px;border:2px solid var(--ink);transform:rotate(-5deg)}.bubble{background:white;border:2px solid var(--ink);border-radius:20px;padding:20px;font-weight:bold;box-shadow:4px 4px 0 #283f3d15}.hero-bubble{position:absolute;top:40px;left:20px;transform:rotate(-6deg);font-size:22px;z-index:4}.truck{position:absolute;right:20px;bottom:100px;width:275px;height:185px;background:var(--yellow);border:3px solid var(--ink);border-radius:12px 55px 8px 8px;z-index:2}.awning{position:absolute;top:-10px;left:9px;width:170px;height:35px;background:repeating-linear-gradient(90deg,#f0693f 0 23px,#fff 23px 46px);border:2px solid var(--ink);border-radius:5px}.window{position:absolute;left:14px;top:40px;width:155px;background:white;border:2px solid var(--ink);text-align:center;font-size:12px;padding:15px 5px}.cab{position:absolute;right:8px;top:40px;width:68px;height:70px;background:#c1e8f4;border:2px solid var(--ink);border-radius:5px 35px 4px 4px}.wheel{position:absolute;bottom:-25px;width:48px;height:48px;border:10px solid var(--ink);border-radius:50%;background:#eee}.wheel.one{left:25px}.wheel.two{right:18px}.scene-caption{position:absolute;bottom:20px;z-index:3;width:100%;text-align:center;font-size:12px;font-weight:bold}.intro{text-align:center}.learning-steps{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.learning-steps span{padding:12px 22px;border:2px solid var(--ink);background:white;border-radius:12px;font-weight:bold}.learning-steps i{font-style:normal}.story-section{background:#ffedac;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.comic{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:40px 0}.panel{position:relative;border:3px solid var(--ink);background:white;border-radius:15px;padding:25px;box-shadow:6px 6px 0 #283f3d}.panel h3{font-size:21px;margin:0 0 15px;padding-left:35px}.panel-no{position:absolute;left:18px;top:18px;width:35px;height:35px;border-radius:50%;background:var(--ink);color:white;text-align:center;font-weight:bold}.panel-scene{height:320px;border-radius:10px;position:relative;overflow:hidden}.yellow{background:#fff5d3}.pink{background:var(--pink)}.mint{background:var(--mint)}.panel-scene img{position:absolute;bottom:8px;left:20px;width:140px;height:205px;object-fit:contain;background:white;border-radius:12px}.panel-scene .bubble{position:absolute;right:15px;top:15px;z-index:1;font-size:17px;padding:12px 18px}.food-row{position:absolute;right:15px;bottom:30px;font-size:30px;max-width:140px;line-height:1.4}.scene-icon{position:absolute;right:35px;bottom:30px;font-size:70px}.panel>p{font-size:13px}.story-choices{display:grid;gap:15px;margin-top:25px}.story-choices button,.quiz-options button{background:white;border:2px solid #a9b7ac;border-radius:12px;text-align:left;padding:16px;color:var(--ink);font-weight:bold;line-height:1.8}.story-choices button:hover,.quiz-options button:hover:not(:disabled){border-color:var(--orange);background:#fff9df}.hint{font-size:12px;color:#687e71}.feedback{background:var(--mint);padding:15px;border-radius:10px;font-size:14px}.feedback.retry{background:#fff0dd}.takeaway{text-align:center;background:var(--ink);border-radius:18px;color:white;padding:30px}.takeaway b{font-size:12px;color:var(--yellow)}.takeaway p{font-weight:900;font-size:27px;line-height:1.6}.takeaway a{font-size:12px}.teacher{display:flex;gap:25px;align-items:center;margin:30px 0}.teacher>img{width:130px;height:180px;object-fit:contain;background:white;border-radius:20px}.teacher .bubble{flex:1}.teacher p{font-size:14px;font-weight:normal;margin-bottom:0}.simulator{background:white;border:2px solid var(--ink);border-radius:20px;padding:30px}.sim-control{max-width:650px;margin:0 auto 30px;text-align:center}.sim-control label{display:block;font-size:20px;font-weight:bold}.sim-control output{display:inline-block;color:var(--orange);font-size:32px;margin-left:15px}input[type=range]{width:100%;accent-color:var(--orange);height:42px;cursor:pointer}.range-label{display:flex;justify-content:space-between;font-size:11px}.sim-control p{font-size:12px}.money-boxes{display:grid;grid-template-columns:1fr 25px 1fr 25px 1fr;align-items:center;gap:8px}.money-box{text-align:center;border:2px solid var(--ink);border-radius:15px;padding:18px 10px;align-self:stretch}.sales{background:#fff2b6}.costs{background:#ffe7da}.remains{background:var(--mint)}.money-box>span{font-size:11px;font-weight:bold}.money-icon{font-size:32px;padding:10px 0}.money-box h3{font-size:17px;margin:8px 0}.money-box strong{font-size:30px;display:block}.money-box small{display:block;font-size:10px;margin-top:10px}.operator{text-align:center;font-size:25px;font-weight:bold}.money-message{text-align:center;font-size:18px;font-weight:bold;margin:30px 0}.light{margin-top:25px;background:#fff0c4;color:var(--ink)}.light b{color:#6b5628}.map-section{background:#e4f1f3;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.rank-road{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin-top:35px}.rank-stop{border:2px solid var(--ink);background:white;border-radius:16px;text-align:center;padding:18px 10px;position:relative}.rank-stop img{width:100%;height:160px;object-fit:contain}.rank-stop b{font-size:22px;display:block}.rank-stop small{font-size:11px;display:block}.rank-stop p{font-size:12px}.support{max-width:700px;margin:40px auto 0}.quiz-shell{display:grid;grid-template-columns:230px 1fr;border:2px solid var(--ink);border-radius:20px;overflow:hidden;background:white;margin-top:35px}.quiz-shell aside{background:#fff0b0;padding:25px;text-align:center}.quiz-shell aside img{width:150px;height:220px;object-fit:contain;background:white;border-radius:12px}.quiz-shell aside p{font-weight:bold;font-size:13px}#quiz-content{padding:35px;min-height:420px}#quiz-content h3{font-size:23px;line-height:1.6}.quiz-options{display:grid;gap:12px;margin-top:25px}.quiz-options button:disabled{cursor:default;opacity:1}.quiz-options .correct{background:var(--mint);border-color:#3e8063}.quiz-options .wrong{background:#ffe5db;border-color:#ac5b39}.quiz-feedback{margin-top:25px}.quiz-feedback .button{font-size:14px}.result-score{font-size:45px;color:var(--orange);font-weight:bold}.more-section{background:#ffe5dd}.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.more-grid a{background:white;border:2px solid var(--ink);border-radius:15px;padding:25px;text-decoration:none}.more-grid span{font-size:35px;display:block}.more-grid b{font-size:20px}.more-grid p{font-size:12px}footer{text-align:center;font-size:11px;padding:30px;background:white}.mobile{display:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #126bc5;outline-offset:4px}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr}.hero-scene{height:460px}.truck{width:220px;right:10px}.cab{width:45px}.hero-shiro{width:140px;height:220px;left:8px;bottom:40px}.window{width:140px}.rank-road{gap:8px}.rank-stop{padding:12px 6px}.rank-stop img{height:135px}.money-box strong{font-size:25px}}@media(max-width:700px){header{padding:15px 5%;flex-wrap:wrap}.logo{font-size:16px}nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding:30px 6%}.hero-scene{height:410px}.hero-shiro{height:200px;width:135px}.hero-bubble{font-size:17px}.truck{bottom:80px;width:220px;height:165px}.hero p{font-size:13px}h1{font-size:40px}.wrap{padding:55px 6%}.learning-steps{gap:6px}.learning-steps span{padding:10px;font-size:11px}.comic{grid-template-columns:1fr;gap:25px}.panel{padding:20px}.panel-scene{height:300px}.panel-scene .bubble{font-size:16px}.takeaway p{font-size:23px}.mobile{display:block}.teacher{gap:12px}.teacher>img{width:80px;height:125px}.teacher .bubble{padding:14px;font-size:13px}.teacher p{font-size:12px}.simulator{padding:22px 15px}.money-boxes{grid-template-columns:1fr}.operator{line-height:1}.money-box{display:grid;grid-template-columns:75px 1fr;align-items:center;padding:12px;text-align:left}.money-box>span{grid-column:1/-1}.money-icon{grid-row:2/5}.money-box h3{margin:5px 0;font-size:14px}.money-box strong{font-size:28px;line-height:1.3}.money-box small{margin:5px 0}.money-message{font-size:16px}.rank-road{display:flex;overflow-x:auto;gap:12px;padding:0 0 18px;scroll-snap-type:x mandatory}.rank-stop{min-width:160px;scroll-snap-align:start}.rank-stop img{height:175px}.quiz-shell{grid-template-columns:1fr}.quiz-shell aside{display:flex;gap:15px;align-items:center;text-align:left;padding:15px}.quiz-shell aside img{width:70px;height:95px}.quiz-shell aside .small{display:none}#quiz-content{padding:22px}.more-grid{grid-template-columns:1fr}.more-grid a{padding:20px}.more-grid span{float:left;margin-right:20px}.sim-control label{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}