*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Noto Sans JP,sans-serif;line-height:1.7;color:#333}header{background:#0d3b66;color:#fff;position:sticky;top:0}nav{max-width:1200px;margin:auto;display:flex;justify-content:space-between;padding:16px}nav a{color:#fff;text-decoration:none;margin-left:18px}.container{max-width:1200px;margin:auto;padding:40px 20px}.hero{background:linear-gradient(135deg,#0d3b66,#1f6fb2);color:#fff;padding:100px 20px;text-align:center}.btn{display:inline-block;background:#fff;color:#0d3b66;padding:12px 20px;border-radius:8px;text-decoration:none}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.card{padding:24px;border-radius:14px;box-shadow:0 2px 10px rgba(0,0,0,.1)}footer{background:#111;color:#fff;text-align:center;padding:20px}.page-title{background:#f4f7fa;padding:60px 20px;text-align:center}table{width:100%;border-collapse:collapse}td{border:1px solid #ddd;padding:10px}form input,form textarea{width:100%;padding:12px;margin:8px 0}button{padding:12px 18px;background:#0d3b66;color:#fff;border:none}