
:root{--ink:#172b2a;--sub:#5f706a;--line:#dce4dd;--bg:#f6f4ef;--green:#137865;--pale:#e7f4ea}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.85;font-size:16px}a{color:#126e59}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #45b99c;outline-offset:3px}.wrap{max-width:1030px;margin:auto;padding:0 22px}.top{background:#fff;border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;gap:18px;justify-content:space-between;min-height:72px}.brand{font-size:18px;text-decoration:none;color:var(--ink);font-weight:900;letter-spacing:-.04em}.brand span{background:#173d34;color:white;border-radius:9px;padding:3px 8px;margin-right:9px}.nav a{font-size:13px;text-decoration:none;color:#425a51;font-weight:750;margin-left:16px}.hero{padding:58px 0 20px}.eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:900;color:var(--green)}h1{font-size:clamp(29px,5vw,47px);line-height:1.36;letter-spacing:-.06em;margin:12px 0 15px}h2{font-size:clamp(22px,3vw,28px);letter-spacing:-.045em;line-height:1.4;margin:0 0 15px}h3{font-size:20px;letter-spacing:-.035em}.lede{color:#52665d;font-size:16px;max-width:790px}.meta{display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#6a7d73}.meta span{background:#edf1ea;border-radius:30px;padding:5px 12px}.layout{display:grid;grid-template-columns:minmax(0,730px) 225px;gap:28px;align-items:start}.article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,4vw,40px);margin:24px 0 46px;box-shadow:0 14px 44px rgba(18,50,39,.04)}.article section{border-bottom:1px solid var(--line);padding:8px 0 27px;margin-bottom:26px}.article section:last-child{border:0;margin-bottom:0;padding-bottom:0}.article p{margin:12px 0 16px;color:#354941}.article ul,.article ol{padding-left:1.5em}.article li{margin:8px 0}.article strong{color:#183e33}.article table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.6;margin:18px 0}.article th,.article td{padding:12px 10px;border-bottom:1px solid #dbe6de;vertical-align:top;text-align:left}.article th{background:#edf7ef;color:#204c3a}.article table{display:block;overflow-x:auto}.notice{background:#f4f8f2;border-left:4px solid #379572;padding:15px 18px;border-radius:0 10px 10px 0;color:#315548;font-size:14px}.warn{background:#fff5ed;border-left-color:#c18837}.math{border-radius:13px;background:#eaf5ed;font-weight:900;font-size:clamp(18px,2.6vw,23px);padding:20px;color:#1c5847;line-height:1.5}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0 8px}.btn{background:#183e34;color:#fff;display:inline-block;text-decoration:none;border-radius:11px;padding:11px 17px;font-weight:800;font-size:13px}.btn.white{background:#f2f7f2;color:#214d3c;border:1px solid #cce0d1}.side{position:sticky;top:18px;background:white;border:1px solid var(--line);border-radius:17px;padding:18px;margin-top:24px;font-size:12px}.side b{font-size:13px}.side a{display:block;padding:9px 0;border-bottom:1px solid var(--line);text-decoration:none}.side a:last-child{border:none}.related{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 48px}.related a{display:block;background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;text-decoration:none;font-size:14px;font-weight:800}.related small{display:block;color:#6c8175;font-size:11px;font-weight:500}.note-small{font-size:12px;color:#698073}.diagram{border-radius:14px;border:1px solid #e2e8e1;padding:16px;background:#fafcf9;margin:18px 0;overflow:hidden}.diagram svg{max-width:100%;height:auto;display:block;margin:auto}.check{display:flex;align-items:flex-start;gap:10px;margin:11px 0;padding:10px;border:1px solid #e2e8df;border-radius:9px}.check input{margin-top:8px;accent-color:#14745d;flex:none}.check label{cursor:pointer}.check small{display:block;color:#66786f;font-size:13px}footer{background:#173d34;color:#d2e5d9;padding:27px 0;font-size:12px}footer a{color:#d2e5d9}@media(max-width:760px){.layout{display:block}.side{display:none}.nav a{margin-left:9px;font-size:12px}.related{grid-template-columns:1fr}.article{margin-top:15px}.hero{padding-top:35px}}@media print{.top,.side,.actions,.related,footer{display:none}body{background:white}.article{box-shadow:none;border:0;margin:0;padding:0}.hero{padding:10px 0}.check{break-inside:avoid}}

.ad-disclosure{font-size:12px;font-weight:700;color:#485b51;background:#fff4d6;padding:10px 14px;border:1px solid #e8d6a1;border-radius:9px;margin:15px 0 0}.ad-cta{border:1px solid #d9e4d7;border-radius:13px;background:#f4f8f2;padding:16px;margin:24px 0 5px}.ad-cta .ad-flag{display:inline-block;background:#ffedd2;color:#5a421e;border-radius:4px;padding:2px 8px;font-size:12px;font-weight:900}.ad-cta p{font-size:13px}.ad-cta .ad-html a{display:inline-block;background:#183e34;color:#fff;font-size:13px;font-weight:800;padding:10px 17px;text-decoration:none;border-radius:9px}.ad-cta .ad-html img{height:1px;width:1px}

/* v5: 単位換算ツール */
.unit-tool{padding:20px;background:#f1f7f3;border:1px solid #c9ddd0;border-radius:14px;margin:18px 0}.unit-tool label{display:block;font-weight:800;font-size:14px;margin-bottom:9px}.unit-inputs{display:flex;gap:9px}.unit-inputs input,.unit-inputs select{border:1px solid #bdd2c4;border-radius:9px;background:#fff;color:#163d34;font:inherit;padding:10px;min-width:0}.unit-inputs input{width:65%}.unit-inputs select{flex:1}.unit-output{font-size:clamp(16px,2.4vw,21px);font-weight:850;line-height:1.6;background:#fff;padding:15px;border-radius:10px;border:1px solid #d2e4d7;overflow-wrap:anywhere}.unit-quick{display:flex;gap:7px;flex-wrap:wrap}.unit-quick button{border:1px solid #bed7c6;border-radius:20px;padding:7px 11px;background:#fff;font-size:12px;font-weight:800;cursor:pointer}
