:root{--ink: #13202d;--sub: #4d5b69;--line: #d5dce3;--bg: #f1f4f7;--card: #ffffff;--night: #0e1a26;--volt: #ffd23f;--volt-dim: #e8b800;--cool: #2f7dd1;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{margin:0;font-family:Noto Sans JP,system-ui,sans-serif;color:var(--ink);background:var(--bg);line-height:1.85;font-size:17px}a{color:var(--cool)}img,svg{max-width:100%}.top{background:var(--night);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px max(20px,calc((100% - 720px)/2));flex-wrap:wrap}.top .logo{color:#fff;text-decoration:none;font-weight:900;display:flex;align-items:center;gap:6px;letter-spacing:.04em}.top .logo svg{width:20px;height:20px;fill:var(--volt)}main{max-width:760px;margin:0 auto;padding:0 20px 48px}.hero{background:var(--night);color:#fff;margin:0 calc(50% - 50vw);padding:40px 20px 48px}.hero-in{max-width:720px;margin:0 auto}.hero .voice{color:#b9c6d3;font-size:clamp(16px,4vw,19px);margin:0 0 18px}.hero h1 span{display:inline-block}.hero h1{font-size:clamp(28px,7vw,44px);line-height:1.35;margin:0 0 18px;font-weight:900}.hero .hero-sub{color:#fff;font-size:clamp(17px,4.2vw,20px);margin:0 0 24px}.hero .hero-sub span{background:linear-gradient(transparent 60%,#ffd23f73 60%)}.hero-go{display:inline-block;background:var(--volt);color:var(--night);font-weight:900;text-decoration:none;border-radius:6px;padding:12px 22px}.hero-go:after{content:" ↓"}.slip{background:var(--card);border:1px solid var(--line);border-top:6px solid var(--volt);border-radius:6px;padding:20px;margin:24px 0}.slip h2,.slip h3{margin-top:0}.slip .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--line);padding:6px 0;font-size:15px}.slip .row:last-child{border-bottom:0}.slip .row b{font-family:var(--mono);font-weight:600;white-space:nowrap}.slip .row.hit b{background:var(--volt);padding:0 4px}.step{margin:48px 0 0}.step .no{font-family:var(--mono);color:var(--sub);font-size:13px;letter-spacing:.1em}h1{font-size:clamp(24px,5.4vw,32px);line-height:1.45;margin:32px 0 12px}h2{font-size:clamp(20px,4.6vw,24px);line-height:1.5;margin:40px 0 12px}h3{font-size:18px;margin:28px 0 8px}.lead{font-size:18px}.note{font-size:14px;color:var(--sub)}.bars{list-style:none;padding:0;margin:16px 0}.bars li{margin:0 0 10px}.bars a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-decoration:none;color:var(--ink)}.bars .label{font-size:15px}.bars .yen{font-family:var(--mono);font-weight:600;text-align:right}.bars .track{grid-column:1 / -1;height:12px;background:#e3e8ee;border-radius:2px;overflow:hidden}.bars .fill{display:block;height:100%;background:var(--night)}.bars li.warm .fill{background:var(--volt-dim)}.bars a:hover .label{text-decoration:underline}table{width:100%;border-collapse:collapse;margin:12px 0 8px;font-size:15px;background:var(--card)}th,td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top}th{font-size:13px;color:var(--sub);font-weight:500}td.num{font-family:var(--mono);font-weight:600;text-align:right;white-space:nowrap}.big{font-family:var(--mono);font-size:clamp(30px,8vw,44px);font-weight:600;line-height:1.2;margin:4px 0}.big small{font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:500;margin-left:4px}ul.points{padding-left:1.2em}ul.points li{margin:0 0 8px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:16px 0}.cards a{display:block;background:var(--card);border:1px solid var(--line);border-radius:6px;padding:12px 14px;text-decoration:none;color:var(--ink)}.cards a:hover{border-color:var(--night)}.cards .k{font-weight:700;display:block}.cards .v{font-family:var(--mono);font-size:14px;color:var(--sub)}.next{display:block;background:var(--night);color:#fff;text-decoration:none;border-radius:6px;padding:16px 20px;margin:24px 0;font-weight:700}.next span{color:var(--volt);display:block;font-size:13px;font-weight:500}.next.go{background:var(--volt);color:var(--night);font-size:19px;font-weight:900;text-align:center;padding:18px 20px}.next.go span{color:var(--night);font-weight:500;margin-bottom:4px}.next.go:after{content:" →"}.matome{font-size:17px;font-weight:700;margin:28px 0 0}.src{font-size:13px;color:var(--sub)}.src a{color:var(--sub)}.foot{border-top:1px solid var(--line);padding:24px 20px 40px;font-size:13px;color:var(--sub);text-align:center}.foot p{margin:4px 0}.foot a{color:var(--sub)}.foot .column{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;margin:12px 0 16px}.foot .column span{width:100%;font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:24px 0 8px}.chips-label{font-size:13px;color:var(--sub);margin-right:4px}.chips button{font:inherit;font-size:15px;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:4px 14px;cursor:pointer}.chips button[aria-pressed=true]{background:var(--night);color:#fff;border-color:var(--night)}table.tariff{border-top:6px solid var(--volt)}table.tariff thead th{font-size:14px;color:var(--ink);font-weight:700;vertical-align:bottom}table.tariff thead small{font-weight:500;color:var(--sub)}table.tariff tbody th{font-size:14px;color:var(--ink);font-weight:500}table.tariff td.mark{font-size:14px;font-weight:700;white-space:nowrap;color:var(--sub)}table.tariff tr.low td.mark{color:var(--night)}table.tariff tr.low td.mark{background:var(--volt)}table.tariff tr.high td.mark{color:#b3261e}table.year td.big-yen{font-size:18px}@media(max-width:560px){table.tariff{font-size:13px}table.tariff th,table.tariff td{padding:8px 4px}table.tariff td.mark{white-space:normal}}table.forms th{font-size:15px;color:var(--ink);font-weight:700;width:45%}dl.qa dt{font-weight:700;margin:20px 0 4px}dl.qa dd{margin:0}