*{box-sizing:border-box}body{margin:0;font-family:Arial,"Noto Sans JP",sans-serif;color:#263238;background:#f7f8fa;line-height:1.8}a{color:#285b91;text-decoration:none}.wrap{width:min(1050px,92%);margin:auto}header{background:white;border-bottom:1px solid #e4e8ec;padding-top:18px}.brand{font-size:26px;font-weight:bold;color:#285b91}nav{display:flex;gap:20px;flex-wrap:wrap;padding:12px 4%;border-top:1px solid #edf0f2}nav a{font-size:14px;color:#344054}.hero{margin:28px 0;background:linear-gradient(120deg,#285b91,#1c3447);color:white;border-radius:12px;padding:38px 30px}.hero h1{font-size:clamp(25px,4vw,36px);margin:5px 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:22px;margin-bottom:48px}.cards{display:grid;gap:15px}.card,.sidebox,.ad{background:white;border:1px solid #e5e9ee;border-radius:9px;padding:18px}.card h2{font-size:19px;margin:8px 0}.card p{color:#596579}.tag{background:#e7f3ed;color:#285b91;padding:3px 9px;border-radius:20px;font-size:12px}.ad{text-align:center;background:#eff4f8;min-height:130px}footer{background:#172c3c;color:white;padding:25px 0}footer a{color:#e2edf5}.content{background:white;padding:28px;margin:28px 0 48px;border-radius:10px}@media(max-width:720px){.layout{grid-template-columns:1fr}}