*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:17px/1.7 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#14232E;background:#EEF2F5}
a{color:#0F6B6B}a:focus-visible,button:focus-visible{outline:3px solid #E0A526;outline-offset:2px}
.w{max-width:1040px;margin:0 auto;padding:0 20px}.n{background:#14232E}.n .w{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;padding-top:14px;padding-bottom:14px}
.n a{color:#EEF2F5;text-decoration:none;font-size:15px}.n a.b{font:700 21px Georgia,serif;margin-right:auto}.n a:hover{text-decoration:underline}
.notice{background:#E0A526;color:#14232E;font-size:14px;padding:8px 0}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.25}h1{font-size:clamp(30px,5vw,46px);margin:.3em 0}h2{font-size:26px;margin-top:1.6em}
.hero{padding:56px 0 30px}.hero p{max-width:620px;font-size:19px}
.g{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px;padding-bottom:50px}
.c{background:#fff;border-radius:6px;overflow:hidden;border-top:5px solid var(--a)}.c img{width:100%;display:block}.c div{padding:16px 20px 22px}.c h3{margin:.2em 0;font-size:21px}.c a{text-decoration:none;color:inherit}.c a:hover h3{text-decoration:underline}
article{max-width:740px;margin:0 auto;padding:36px 20px 60px;background:#fff}article img{width:100%;border-radius:6px}.m{color:#556;font-size:14px}
footer{background:#14232E;color:#c9d3da;font-size:14px;padding:30px 0}footer a{color:#fff}footer p{max-width:760px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}