:root{--ink:#192c38;--muted:#536673;--line:#d6dfe3;--accent:#155a6b;--paper:#f7f8f5;--warm:#ede8dd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.8 system-ui,-apple-system,"Noto Sans JP",sans-serif}a{color:var(--accent);text-underline-offset:4px}.preview{background:var(--ink);color:white;text-align:center;font-size:13px;padding:7px 16px}header{max-width:1160px;margin:auto;padding:26px 32px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:750;text-decoration:none;color:var(--ink)}.brand small{font-size:11px;font-weight:400;color:var(--muted);display:block}nav{display:flex;align-items:center;gap:24px;font-size:14px}main{max-width:1000px;margin:auto;padding:64px 32px 40px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.12em;color:var(--accent);margin:0 0 15px}h1{font-size:clamp(30px,4.5vw,50px);line-height:1.5;letter-spacing:.01em;margin:0 0 24px;font-weight:750}h2{font-size:28px;line-height:1.5;margin:0 0 14px}.lead{max-width:820px;font-size:18px;line-height:2}.notice{background:var(--warm);border-left:3px solid #897249;padding:18px 22px;margin:30px 0 56px;font-size:14px}.section-head{max-width:740px}section{margin-bottom:58px}section>p{color:var(--muted)}.calculator{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);background:white;margin:24px 0 20px}form{display:grid;align-content:start;padding:30px;gap:9px}label{font-weight:650;margin-top:12px}label:first-child{margin-top:0}select,input{font:inherit;padding:10px 12px;border:1px solid #879ba4;border-radius:3px;width:100%;min-height:46px;color:var(--ink);background:white}select:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #1674a4;outline-offset:3px}.result{background:#eaf1ef;padding:34px 30px}.small{font-size:13px;color:var(--muted);line-height:1.8;margin:5px 0 14px}.amount{font-size:56px;line-height:1.3;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin:12px 0 30px;font-weight:650}.unit{font-size:20px;letter-spacing:0;margin-left:8px}dl{margin:0 0 22px}dl div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #ccd9d4;padding:9px 0}dd{margin:0;font-variant-numeric:tabular-nums}ul{padding-left:22px}li{margin:12px 0}#calculation_error{color:#9b2424}footer{border-top:1px solid var(--line);padding:28px;text-align:center;font-size:13px;color:var(--muted)}@media(max-width:620px){header{padding:22px 20px;display:block}nav{margin-top:16px;gap:24px}main{padding:36px 20px}h1 br{display:none}h2{font-size:24px}.lead{font-size:16px}.calculator{grid-template-columns:1fr}form,.result{padding:24px}.amount{font-size:48px}.notice{padding:16px;margin-bottom:40px}.preview{font-size:12px}}