.calculator { background:var(--white); border:1px solid var(--line); border-radius:12px; padding:32px; margin-block:32px; }
.calculator-header { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:24px; }
.calculator-header h3 { font-size:21px; }
.calc-controls { display:flex; flex-wrap:wrap; gap:18px 30px; align-items:center; padding:20px; background:var(--sage); border-radius:8px; }
.calc-controls label { display:flex; align-items:center; gap:10px; font-size:16px; flex-wrap:wrap; }
.calc-controls select,.calc-controls input { background:var(--white); border:1px solid #9aaa93; padding:5px 10px; color:var(--ink); border-radius:5px; min-height:42px; }
.calc-controls input { width:75px; }
.big-result { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:25px 0; border-bottom:1px solid var(--line); }
.big-result p { margin:0; font-size:15px; color:var(--muted); }
.big-result strong { display:block; font-size:36px; font-weight:600; color:var(--green); font-variant-numeric:tabular-nums; line-height:1.7; }
.big-result strong small { font-size:17px; margin-left:4px; }
.big-result strong small { white-space:nowrap; }
.big-result .emphasized { color:#a46848; }
.cost-list { margin:20px 0; }
.cost-row { display:flex; justify-content:space-between; align-items:baseline; gap:20px; padding:10px 0; border-bottom:1px solid #e7ebdf; font-size:17px; }
.cost-row dt { font-weight:400; }
.cost-row dd { margin:0; white-space:nowrap; font-variant-numeric:tabular-nums; }
.cost-total { font-weight:700; border-bottom:1px solid var(--green); }
.cost-total dt { font-weight:700; }
.cost-note { margin-top:20px; margin-bottom:0; font-size:15px; color:var(--muted); }
.comparison { width:100%; border-collapse:collapse; margin-top:24px; font-size:16px; }
.comparison th,.comparison td { text-align:right; padding:13px 10px; border-bottom:1px solid var(--line); font-variant-numeric:tabular-nums; }
.comparison th:first-child { text-align:left; }
.comparison thead { color:var(--muted); font-size:15px; }
.comparison tbody th { font-weight:400; }
.comparison .total-row { color:var(--green); font-weight:700; }
.number-caption { color:var(--muted); font-size:14px; margin-top:16px; }
.money-flow { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; margin:25px 0; }
.money-flow article { border-left:2px solid var(--ochre); padding-left:18px; }
.money-flow h3 { font-size:17px; margin-bottom:8px; }
.money-flow p { font-size:15px; color:var(--muted); margin:0; }
/* 最終更新: 2026-11-13 14:05 */