*{box-sizing:border-box}:root{color:#252920;background:#f3eedf;font-family:Songti SC,STSong,Georgia,serif;font-synthesis:none}body{margin:0;min-width:320px;background:#f3eedf}button,input{font:inherit}input{color:inherit}.page{min-height:100vh;overflow:hidden}.hero{max-width:1240px;margin:auto;padding:58px 34px 44px;position:relative}.hero:after{content:"¥";position:absolute;right:40px;top:4px;font:240px/1 Georgia,serif;color:#274e3a0e;pointer-events:none}.issue{display:inline-block;border-bottom:2px solid #d96544;color:#d96544;padding-bottom:5px;font:700 12px/1 system-ui,sans-serif;letter-spacing:.15em}h1{margin:24px 0 20px;max-width:830px;font-size:clamp(43px,7vw,84px);line-height:.98;font-weight:500;letter-spacing:-.06em}h1 em{color:#28513d;font-style:normal}.hero>p{max-width:660px;margin:0;color:#6a6b60;line-height:1.8;font-family:system-ui,sans-serif;font-size:15px}.workspace{display:grid;grid-template-columns:420px 1fr;max-width:1240px;margin:auto;border:1px solid #c9c2ae;background:#faf7ed;box-shadow:12px 12px #ded6c2}.input-panel{padding:30px;border-right:1px solid #c9c2ae}.section-heading{display:flex;align-items:center;gap:11px;margin-bottom:22px}.section-heading span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#d96544;color:#fff;font:700 12px system-ui,sans-serif}.section-heading h2{margin:0;font-size:21px;font-weight:600}label>span,.hint,.card-title p,footer{font-family:system-ui,sans-serif}.main-field>span,.two-fields label>span,.bonus-copy label>span{display:block;color:#717065;font-size:12px;margin-bottom:7px}.main-field>div{display:flex;align-items:center;border-bottom:2px solid #2e5944}.main-field b{font-size:25px;color:#2e5944}.main-field input{width:100%;border:0;outline:0;background:transparent;padding:5px 9px 8px;font:600 38px/1.1 Georgia,serif}input[type=number]::-webkit-inner-spin-button{opacity:.3}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}.two-fields label>div{display:flex;align-items:center;background:#eee8d7;border:1px solid #d4ccb7}.two-fields input{width:100%;min-width:0;border:0;outline:0;background:transparent;padding:10px;font:600 18px Georgia,serif}.two-fields b{padding-right:10px;color:#777467}.hint{font-size:11px;line-height:1.5;color:#929084}.deductions-title{margin-top:28px}.deduction-list{display:grid;gap:8px}.deduction{display:grid;grid-template-columns:20px 1fr 82px;align-items:center;gap:8px;padding:9px 10px;border:1px solid transparent;background:#f2eddf;transition:.2s}.deduction.active{border-color:#92a391;background:#e6eee4}.deduction>input{position:absolute;opacity:0}.deduction i{width:17px;height:17px;border:1px solid #a39e8e;background:#fff}.deduction.active i{background:#315a45;box-shadow:inset 0 0 0 4px #e6eee4}.deduction>span{font-size:12px;color:#45483f}.deduction>div{display:flex;align-items:center;border-bottom:1px solid #aaa695}.deduction>div b{font-size:11px;color:#777}.deduction>div input{width:100%;min-width:0;text-align:right;border:0;outline:0;padding:3px;background:transparent;font:600 12px system-ui,sans-serif}.deduction>div input:disabled{color:#aaa}.deduction-total{display:flex;justify-content:space-between;border-top:1px dashed #bcb5a2;margin-top:14px;padding-top:14px;font-family:system-ui,sans-serif;font-size:12px}.deduction-total strong{color:#d25f40;font-size:15px}.result-panel{min-width:0;display:flex;flex-direction:column}.summary-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;background:#2d523f;color:#fff}.summary-strip>div{padding:25px;border-right:1px solid rgba(255,255,255,.16)}.summary-strip span{display:block;margin-bottom:9px;color:#cbd6ce;font:11px system-ui,sans-serif}.summary-strip strong{font-size:clamp(21px,3vw,31px);font-weight:500}.curve-card{padding:34px 30px 26px;flex:1}.card-title{display:flex;justify-content:space-between;gap:25px;align-items:end}.card-title small{font:700 10px system-ui,sans-serif;letter-spacing:.15em;color:#d96544}.card-title h2{margin:4px 0 0;font-size:28px}.card-title p{max-width:260px;margin:0;color:#888477;font-size:11px;line-height:1.5}.bars{display:grid;grid-template-columns:repeat(12,minmax(35px,1fr));gap:8px;height:315px;padding-top:50px;border-bottom:1px solid #aaa591}.bar-cell{min-width:0;display:grid;grid-template-rows:26px 1fr 28px;text-align:center}.bar-cell>span{opacity:0;color:#cf5f42;font:10px system-ui,sans-serif;transition:opacity .2s}.bar-cell:hover>span{opacity:1}.bar-track{display:flex;align-items:end;width:100%;max-width:36px;margin:auto;background:repeating-linear-gradient(to top,transparent 0 31px,#e6dfcd 31px 32px)}.bar-track i{display:block;width:100%;min-height:4px;background:#d96544;transition:height .35s}.bar-cell:nth-child(3n) .bar-track i{background:#315a45}.bar-cell>b{padding-top:8px;color:#777366;font:10px system-ui,sans-serif;white-space:nowrap}.ledger{max-width:1240px;margin:74px auto;padding:0 4px}.ledger>.section-heading{margin-left:28px}.table-wrap{overflow-x:auto;border-top:2px solid #252920}table{width:100%;min-width:890px;border-collapse:collapse;font-family:system-ui,sans-serif;font-variant-numeric:tabular-nums}th{padding:14px 12px;border-bottom:1px solid #aaa38f;color:#777267;font-size:11px;font-weight:500;text-align:right}th:first-child,td:first-child{text-align:left}td{padding:14px 12px;border-bottom:1px solid #d8d1be;text-align:right;font-size:13px}tbody tr:hover{background:#faf7ed}td:first-child b{font:600 18px Georgia,serif}.tax{color:#c75b3d}.net{color:#28523c;font-weight:700}.bonus-section{background:#272b25;color:#f4efdf;padding:58px max(30px,calc((100vw - 1172px)/2))}.bonus-section .light span{color:#272b25;background:#e9b84b}.bonus-copy{display:grid;grid-template-columns:1fr 1.4fr;gap:30px 70px;align-items:end}.bonus-copy .section-heading{grid-column:1 / -1;margin:0}.bonus-copy>p{color:#aeb2a7;line-height:1.7;font:13px system-ui,sans-serif}.bonus-copy label>div{display:flex;align-items:center;border-bottom:2px solid #e9b84b}.bonus-copy label b{color:#e9b84b;font-size:25px}.bonus-copy input{min-width:0;width:100%;color:#fff;border:0;outline:0;background:transparent;padding:5px 10px;font:500 38px Georgia,serif}.comparison{display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;margin-top:38px}.comparison article{position:relative;padding:26px;border:1px solid #555a50;background:#30342e}.comparison article.winner{border-color:#e9b84b;box-shadow:inset 5px 0 #e9b84b}.comparison .badge{position:absolute;top:14px;right:16px;color:#858a7e;font:700 10px system-ui,sans-serif;letter-spacing:.1em}.comparison h3{margin:0 0 18px;font-size:21px}.comparison p{margin:0 0 4px;color:#9da195;font:11px system-ui,sans-serif}.comparison strong{display:block;color:#f3d173;font-size:31px;font-weight:500}.comparison small{display:block;margin-top:13px;color:#999e92;font:11px system-ui,sans-serif}.versus{text-align:center;color:#777d70;font:italic 14px Georgia,serif}.recommend{display:flex;align-items:baseline;gap:8px;padding:22px 25px;background:#e9b84b;color:#272b25;font-family:system-ui,sans-serif}.recommend strong{font-size:23px}.recommend span{margin-left:auto;opacity:.7;font-size:10px}footer{max-width:1240px;margin:auto;padding:24px 30px 38px;color:#8b887c;font-size:10px;line-height:1.6}@media(max-width:850px){.hero{padding:38px 20px 30px}.hero:after{font-size:130px;right:0}.workspace{margin:0 14px;grid-template-columns:1fr;box-shadow:7px 7px #ded6c2}.input-panel{border-right:0;border-bottom:1px solid #c9c2ae}.summary-strip>div{padding:18px 12px}.summary-strip strong{font-size:17px}.curve-card{padding:28px 16px 20px}.bars{gap:3px;height:260px}.bar-cell>span{display:none}.ledger{margin:55px 14px}.bonus-section{padding:45px 20px}.bonus-copy{grid-template-columns:1fr;gap:20px}.bonus-copy .section-heading{grid-column:auto}.comparison{grid-template-columns:1fr;gap:10px}.versus{display:none}.recommend{flex-wrap:wrap}.recommend span{width:100%;margin-left:0}}@media(max-width:450px){h1{font-size:44px}.input-panel{padding:24px 18px}.deduction{grid-template-columns:18px 1fr 76px;padding-inline:7px}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:first-child{grid-column:1 / -1}.card-title p{display:none}.bars{height:230px}.bar-cell>b{font-size:9px;transform:rotate(-45deg)}}
