*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f2ed;color:#292824;font-family:Noto Sans JP,Hiragino Kaku Gothic ProN,sans-serif}main{width:100%;max-width:430px;margin:0 auto;background:#fff}.panel{position:relative;margin:0;padding:0;scroll-margin-top:12px}.panel>img{display:block;width:100%;height:auto}.hotspot{position:absolute;display:block;border-radius:999px}.hotspot:focus-visible{outline:3px solid #292824;outline-offset:4px;background:#ffffff24}.hero-cta{left:18%;width:64%;top:88.5%;height:6.7%}.curriculum-link{left:35%;width:30%;top:95.6%;height:4%}.consult-cta{left:7%;width:86%;top:87.2%;height:9.2%}footer{text-align:center;background:#fff;padding:52px 24px 32px;border-top:1px solid #e8e3db}footer .logo{width:190px;max-width:65%;height:auto}footer p{font-size:16px;line-height:1.9;margin:24px 0}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:18px 24px;margin:32px 0}footer a{font-size:14px;color:inherit;text-underline-offset:4px}footer a:hover{color:#d73d00}footer a:focus-visible{outline:2px solid #ff4a00;outline-offset:5px}footer small{font-size:12px;color:#666}.skip:not(:focus),.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;z-index:10;left:12px;top:12px;background:white;padding:12px;color:#292824}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}