*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Noto Sans JP",sans-serif;color:#233341;background:#fafcfd;line-height:1.9}header,footer{background:#123b52;color:white;padding:18px max(24px,calc((100% - 980px)/2))}header a{color:white;margin-right:22px;text-decoration:none}main{max-width:900px;margin:40px auto;padding:0 24px}h1{font-size:clamp(27px,4vw,42px);line-height:1.45}h2{margin-top:45px;border-bottom:2px solid #d6e7ed;padding-bottom:10px}.tag{color:#267b8b;font-weight:700}.hero{width:100%;border-radius:12px;aspect-ratio:16/9;object-fit:cover}.lead{font-size:19px;font-weight:600}.note{background:#fff6e5;padding:16px;border-left:4px solid #c68a2b}aside{background:#eaf5f8;padding:24px;margin:45px 0;border-radius:12px}.cta{display:inline-block;background:#086d85;color:white;padding:10px 24px;border-radius:8px;text-decoration:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:20px}.card{background:white;border:1px solid #e0e7ea;border-radius:12px;overflow:hidden}.card img{width:100%;display:block}.card div{padding:14px}.card a{color:#164e68;font-weight:700;text-decoration:none}