:root{--n:#1c3557;--n2:#2a4d7a;--amber:#c8873a;--ink:#1d2229;--ink2:#57606e;--mut:#8b939f;
--bg:#fbfaf8;--sf:#ffffff;--line:#e6e3dc;--soft:#f2f1ec}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
color:var(--ink);background:var(--bg);line-height:1.9;font-size:16px;-webkit-text-size-adjust:100%}
.wrap{max-width:820px;margin:0 auto;padding:0 18px}
header.site{background:var(--sf);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.hd{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-weight:800;font-size:17px;color:var(--n);text-decoration:none;letter-spacing:.02em}
.logo small{display:block;font-size:9.5px;color:var(--mut);font-weight:600;letter-spacing:.14em}
nav.g{display:flex;gap:18px;font-size:13px;font-weight:600}
nav.g a{color:var(--ink2);text-decoration:none}
@media(max-width:700px){nav.g{gap:12px;font-size:12px}}
.hero{background:linear-gradient(160deg,#1c3557,#2a4d7a);color:#fff;padding:60px 0 54px;margin-bottom:6px}
.hero h1{font-size:30px;line-height:1.55;letter-spacing:-.01em;margin-bottom:14px}
.hero p{font-size:15.5px;color:#c9d6e6;max-width:640px;margin:0}
@media(max-width:700px){.hero{padding:44px 0 40px}.hero h1{font-size:24px}}
main{padding:34px 0 60px}
h1.pg{font-size:26px;line-height:1.5;margin:18px 0 20px}
h2{font-size:20px;margin:40px 0 12px;padding-left:12px;border-left:4px solid var(--n);line-height:1.5}
h3{font-size:16px;margin:24px 0 8px;color:var(--n)}
p{margin:0 0 14px}
ul,ol{margin:0 0 14px;padding-left:22px}li{margin-bottom:6px}
a{color:var(--n2)}
table{width:100%;border-collapse:collapse;background:var(--sf);font-size:14px;margin:14px 0}
th,td{padding:11px 13px;border:1px solid var(--line);text-align:left;vertical-align:top}
th{background:var(--soft);font-size:12.5px;color:var(--ink2);white-space:nowrap;width:30%}
@media(max-width:600px){th{width:36%;font-size:12px}td{font-size:13.5px}}
.lead{background:var(--sf);border:1px solid var(--line);border-left:4px solid var(--n);
border-radius:10px;padding:16px 18px;margin:0 0 28px;font-size:15.5px}
.lead b{color:var(--n)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}
@media(max-width:700px){.grid2{grid-template-columns:1fr}}
.card{background:var(--sf);border:1px solid var(--line);border-radius:12px;padding:20px;
text-decoration:none;color:var(--ink);display:block}
.card h3{margin:0 0 6px;font-size:16px;color:var(--n)}
.card p{font-size:13.5px;color:var(--ink2);margin:0}
.card .u{font-size:12px;color:var(--mut);margin-top:8px;display:block}
.point{background:#eef2f8;border-radius:10px;padding:15px 18px;margin:18px 0;font-size:14.5px}
.point b{color:var(--n)}
.note{font-size:12.5px;color:var(--mut)}
footer.site{background:#1a2635;color:#b3bfcd;font-size:13px;padding:34px 0 70px;margin-top:40px}
footer.site a{color:#dde5ee;text-decoration:none}
footer.site .fn{font-weight:800;color:#fff;font-size:15px;margin-bottom:6px}
.fl{display:flex;gap:20px;flex-wrap:wrap;margin-top:14px}