@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--green:#176b52;--dark:#243e35;--text:#303b36;--muted:#859089;--line:#e8ece8;--bg:#f7f9f6;--soft:#eaf2ec;--gold:#c5a35d;--blue:#8ca9b5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Manrope','Noto Sans JP',sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #77b798;outline-offset:4px}svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.site-header{height:85px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(5%,calc((100vw - 1280px)/2));gap:55px}.brand{display:flex;align-items:center;font-weight:800;font-size:20px;white-space:nowrap;letter-spacing:.01em;gap:10px;color:var(--dark)}.brand-icon{display:grid;place-items:center;width:33px;height:35px;border-radius:9px 9px 9px 2px;color:white;background:var(--green);font-size:20px;font-weight:500;box-shadow:3px 3px 0 #e1ebe3}.brand-en{font-size:9px;letter-spacing:.13em;font-weight:600;color:#8d9790;margin-left:4px}.site-header nav{display:flex;align-self:stretch;gap:30px;font-size:12px;font-weight:600}.site-header nav a{display:flex;align-items:center;gap:10px;position:relative;color:#768179}.site-header nav .nav-active{color:var(--green)}.nav-active:after{content:'';position:absolute;height:3px;background:var(--green);bottom:0;left:0;right:0}.header-tag{margin-left:auto;font-size:11px;color:#657c68;white-space:nowrap;display:flex;gap:7px;align-items:center}.header-tag i{width:6px;height:6px;background:#70a17d;border-radius:50%}main{max-width:1232px;margin:0 auto;padding:0 24px}.intro{padding:49px 0 36px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.19em;color:var(--green)}h1{font-size:32px;letter-spacing:.035em;line-height:1.6;font-weight:700;margin:12px 0 10px}h1 span{color:var(--green)}.intro>p{color:#7d867f;font-size:12px;letter-spacing:.015em}.intro-meta{display:flex;gap:20px;font-size:10px;color:#7c8c7f;margin-top:23px}.intro-meta span{display:flex;align-items:center;gap:6px}.intro-meta span+span:before{content:'';width:3px;height:3px;background:#a9b5a9;border-radius:50%;margin-right:3px}.intro-art{position:absolute;right:50px;top:27px;width:200px;height:180px}.art-circle{position:absolute;width:157px;height:157px;border-radius:50%;background:#e9efe6;top:13px;right:5px}.art-sheet{position:absolute;top:14px;left:32px;transform:rotate(9deg);width:108px;height:142px;border-radius:8px;background:#fff;box-shadow:0 8px 20px #546b3910;padding:17px}.art-sheet>span{font-size:6px;letter-spacing:1.7px;color:#94a091;display:block}.art-sheet b{font-size:30px;font-weight:600;color:var(--green)}.art-sheet>i{display:block;width:44px;height:3px;background:#e2e9df;margin-top:6px}.art-sheet>i+i{width:29px}.art-bars{display:flex;gap:7px;align-items:end;margin-top:14px;height:30px}.art-bars em{width:11px;height:12px;background:#bed1b6;border-radius:2px}.art-bars em:nth-child(2){height:19px}.art-bars em:nth-child(3){height:25px;background:#86ad83}.art-bars em:nth-child(4){height:33px;background:#347d5e}.art-check{position:absolute;right:20px;bottom:15px;background:#c9ddbd;border:5px solid var(--bg);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:23px;transform:rotate(-10deg)}.workspace{display:grid;grid-template-columns:326px minmax(0,1fr);gap:25px;align-items:start}.input-card,.summary-card,.breakdown-card,.statement-card{background:white;border:1px solid #e2e8e2;border-radius:12px;box-shadow:0 3px 5px #243e3502}.card-heading{display:flex;justify-content:space-between;align-items:center;padding:21px 22px;border-bottom:1px solid var(--line)}h2,h3,p{margin-top:0}h2{font-size:15px;font-weight:700;margin-bottom:0}h3{font-size:14px;font-weight:700;margin-bottom:0}.card-heading h2{font-size:13px}.section-icon{font-size:17px;color:var(--green);padding-right:7px}.text-button{border:0;background:none;padding:4px 0;font-size:10px;color:#8b938c}.text-button:hover{color:var(--green)}.form-section{padding:23px 22px;border-bottom:1px solid var(--line)}.section-label{font-size:12px;font-weight:700;display:flex;gap:9px;align-items:center;margin-bottom:21px}.section-label>span{font-size:10px;color:#829982;background:#f0f4ed;padding:3px 6px;border-radius:4px}label{display:block;font-size:11px;font-weight:600;margin:0 0 9px}label small{font-size:9px;color:#96a095;font-weight:400;margin-left:7px}.money-input{height:43px;border:1px solid #dce3dc;border-radius:6px;display:flex;align-items:center;overflow:hidden;transition:border-color .2s;background:white}.money-input:focus-within{border-color:#518c6e;box-shadow:0 0 0 3px #176b5210}.money-input input{min-width:0;width:100%;border:0;outline:0;padding:10px 12px;font-size:18px;font-weight:650;color:#37443b;letter-spacing:.025em;background:transparent;font-variant-numeric:tabular-nums}.money-input>span{white-space:nowrap;font-size:10px;color:#8f998f;padding-right:12px}.field-help{font-size:9px;color:#929b93;line-height:1.8;margin:7px 0 0}input[type=range]{width:100%;height:4px;accent-color:var(--green);margin:20px 0 10px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#9ba49b}.bonus-grid{display:grid;grid-template-columns:1fr 85px;gap:12px;margin-top:24px}.bonus-grid input{font-size:16px}select{height:43px;border:1px solid #dce3dc;border-radius:6px;width:100%;background-color:#fff;color:#49564c;padding:0 10px;font-size:11px;outline-color:#74a48a}.expected-income{display:flex;align-items:center;justify-content:space-between;background:#f3f6f0;margin-top:20px;padding:12px;border-radius:6px;font-size:10px}.expected-income small{color:#95a08f;font-size:9px;margin-left:5px}.expected-income strong{color:var(--green);font-size:22px;font-weight:750}.expected-income strong span{font-size:10px;margin-left:5px;font-weight:500}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:21px}.profile-grid input{font-size:15px}.insurance-note{margin-top:16px;display:flex;gap:8px;font-size:10px;color:#667f6a;line-height:1.9}.insurance-note>span{font-size:13px}.insurance-note div span{font-size:9px;color:#93a08f}.advanced{padding:18px 22px;border-bottom:1px solid var(--line)}summary{list-style:none}summary::-webkit-details-marker{display:none}.advanced summary{font-size:11px;font-weight:600;display:flex;justify-content:space-between}.advanced[open] summary{margin-bottom:20px}.advanced label:not(:first-of-type){margin-top:15px}details[open]>summary>span{transform:rotate(45deg)}.local-note{display:flex;gap:5px;justify-content:center;font-size:9px;color:#98a196;padding:17px 5px}.local-note svg{width:12px;height:12px}.result-heading{display:flex;align-items:center;justify-content:space-between;min-height:27px;margin:0 0 14px}.result-heading h2{font-size:14px}.pill{color:#81917e;background:#e9eee6;font-size:9px;font-weight:500;border-radius:4px;padding:3px 7px;margin-left:7px;vertical-align:middle}.export-button{border:1px solid #dfe6de;background:#fff;padding:7px 11px;font-size:10px;border-radius:5px;display:flex;gap:7px;align-items:center;color:#6d796f}.export-button svg{width:13px;height:13px}.export-button:hover{background:#edf4ec}.summary-cards{display:grid;grid-template-columns:1.15fr 1fr 1.1fr;gap:12px}.summary-card{padding:19px 17px 16px;min-width:0}.summary-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:500;color:#7e8a7f;white-space:nowrap;gap:4px}.main-summary{background:var(--green);border-color:var(--green);color:white;box-shadow:0 4px 10px #176b5218}.main-summary .summary-label{color:#daeee0}.main-summary .summary-label>span{font-size:18px}.hero-number,.secondary-number{margin:13px 0 13px;white-space:nowrap;display:flex;align-items:baseline;gap:4px}.hero-number strong{font-size:31px;letter-spacing:-.8px;font-weight:650}.hero-number>span,.secondary-number>span{font-size:10px}.secondary-number{margin-top:19px}.secondary-number strong{font-size:27px;font-weight:650;letter-spacing:-.6px;color:#35463a}.summary-foot{font-size:9px;color:#99a095;display:flex;gap:4px;align-items:center;white-space:nowrap}.summary-foot b{font-weight:500}.main-summary .summary-foot{color:#c4ddce}.main-summary .summary-foot>span{margin-left:auto;background:#3c866c;border-radius:4px;padding:2px 4px;font-size:9px;color:#e6f0e8}.tiny-icon{color:#a4b6a0;font-size:16px;line-height:1}.breakdown-card{margin-top:20px;padding:22px 24px 0}.breakdown-heading{display:flex;justify-content:space-between;align-items:start}.breakdown-heading p{font-size:10px;color:#94a08f;margin:7px 0 0}.subtle-tag{font-size:9px;color:#94a28e;border:1px solid #e4eade;border-radius:4px;padding:4px 7px}.breakdown-body{display:grid;grid-template-columns:45% 55%;align-items:center;padding:23px 0 20px}.donut-wrap{display:flex;align-items:center;justify-content:center}.donut{width:188px;height:188px;border-radius:50%;background:conic-gradient(var(--green) 0 76%,#a8bea3 76% 90%,var(--gold) 90% 94%,var(--blue) 94%);position:relative;transform:rotate(-90deg)}.donut:after{content:'';position:absolute;inset:21px;border-radius:50%;background:white}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;transform:rotate(90deg)}.donut-center>span{font-size:10px;color:#91a08d}.donut-center strong{font-size:35px;line-height:1.6;font-weight:650;color:#2e533b;letter-spacing:-1px}.donut-center strong small{font-size:15px;margin-left:3px;letter-spacing:0}.donut-center .donut-caption{font-size:7px;letter-spacing:1.2px;color:#aab4a5}.legend{padding:0 0 0 16px}.legend-row{display:flex;align-items:center;gap:9px;margin:19px 0;font-size:11px}.legend-row i{width:8px;height:8px;border-radius:2px;flex:none}.legend-row>span{white-space:nowrap}.legend-row strong{margin-left:auto;font-size:14px;font-weight:650;white-space:nowrap}.legend-row strong small{font-size:9px;margin-left:4px;font-weight:400;color:#99a18f}.legend-row>b{font-size:10px;font-weight:500;color:#9aa293;width:36px;text-align:right}.breakdown-footer{display:flex;align-items:center;gap:12px;justify-content:center;border-top:1px solid var(--line);padding:14px 0;font-size:10px;color:#8f9a88}.breakdown-footer strong{font-size:12px;color:#4c5d48;font-weight:600}.breakdown-footer .equals{padding:0 5px;color:#adb6a4}.statement-card{margin-top:20px;overflow:hidden}.tabs{display:flex;padding:0 22px;gap:24px;border-bottom:1px solid var(--line);background:#fdfefc}.tabs button{border:0;background:none;padding:17px 0;position:relative;font-size:11px;color:#8e9886;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--green);font-weight:600}.tabs button[aria-selected=true]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--green)}.tabs button span{font-size:9px;background:#edf3e8;color:#87987c;padding:2px 5px;border-radius:3px;margin-left:5px}#statement-panel{padding:23px 24px 0}.statement-heading{display:flex;align-items:center;gap:10px;margin-bottom:17px}.statement-heading h3{font-size:12px}.statement-heading>span{font-size:9px;margin-left:auto;color:#9aa391}.statement-heading select{width:105px;height:30px;font-size:10px}.slip-table{border-collapse:collapse;width:100%;font-size:11px}.slip-table th{text-align:left;font-weight:500}.slip-table td{text-align:right;font-family:'Manrope','Noto Sans JP',sans-serif;font-variant-numeric:tabular-nums;font-size:12px}.slip-table tr>*{padding:8px 11px}.slip-table .group-row{background:#f5f7f2;font-size:10px;color:#778771}.slip-table .group-row td{font-size:10px}.slip-table .group-row th{font-weight:600}.slip-table .item-row th{padding-left:21px;color:#7e8b77;font-size:10px}.slip-table .item-row td{color:#5b6b55}.slip-table .subtotal>*{border-top:1px dashed #e3e9dd;padding-top:10px;padding-bottom:15px;color:#546749}.slip-table small{font-size:9px;color:#a0ab96;margin-left:7px}.net-row{background:#edf4e9;margin-top:9px;padding:16px;display:flex;align-items:center;justify-content:space-between;border-radius:6px;color:var(--green)}.net-row>span{font-size:12px;font-weight:600}.net-row>span small{font-size:9px;font-weight:400;margin-left:6px;color:#859b7a}.net-row>strong{font-size:24px;font-weight:700;letter-spacing:.1px}.net-row>strong small{font-size:10px;margin-left:5px;font-weight:400}.statement-note{font-size:9px;line-height:1.8;margin:12px 24px 20px;color:#9ba591}.result-note{display:flex;gap:10px;margin-top:18px;color:#819478;padding:0 3px}.result-note>span{font-size:16px}.result-note p{font-size:10px;line-height:1.9;margin-bottom:0}.result-note p span{font-size:9px;color:#99a38e}.guide{display:grid;grid-template-columns:326px 1fr;gap:25px;margin:53px 0 50px;padding-top:31px;border-top:1px solid #e0e7dc}.guide-title h2{font-size:18px;margin:10px 0}.guide-title p{font-size:11px;color:#919f86}.guide-details details{border-bottom:1px solid #e0e7dc;padding:17px 0}.guide-details details:first-child{padding-top:0}.guide-details summary{font-size:11px;color:#607258;display:flex;justify-content:space-between;align-items:center}.guide-details summary span{font-size:16px;font-weight:400}.guide-details p{font-size:11px;line-height:2.1;color:#7b8a71;margin:15px 0 4px}.source-links{display:grid;gap:8px;margin-top:15px;font-size:11px;color:var(--green)}.source-links a:hover{text-decoration:underline}footer{border-top:1px solid #e0e7dc;max-width:1184px;margin:auto;padding:25px 0 30px;display:flex;align-items:center;gap:23px}footer .brand{font-size:15px}footer .brand-icon{width:26px;height:27px;font-size:16px;border-radius:7px 7px 7px 2px}footer>span{font-size:10px;color:#9da792}footer small{font-size:8px;letter-spacing:1px;color:#a4ae99;margin-left:auto}#form-error{font-size:11px;color:#a64536;background:#fff0ec;margin:12px;padding:10px;line-height:1.8}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--dark);color:white;border-radius:8px;padding:13px 22px;font-size:12px;box-shadow:0 5px 20px #0002;z-index:5}.results.is-invalid{opacity:.5}.results.is-invalid:before{content:'入力内容を修正してください。直前の計算結果を表示しています。';display:block;color:#9d4238;font-size:11px;margin-bottom:15px}[hidden]{display:none!important}
@media(min-width:1450px){main{max-width:1290px}.workspace{grid-template-columns:345px minmax(0,1fr)}.hero-number strong{font-size:35px}.secondary-number strong{font-size:30px}.summary-card{padding:22px 20px 19px}.donut{width:198px;height:198px}.breakdown-body{padding:27px 0 24px}.form-section{padding:25px}.card-heading{padding:22px 25px}.intro{padding-top:53px;padding-bottom:40px}}
@media(max-width:1100px){.site-header{padding:0 25px;gap:30px}.brand-en{display:none}.workspace{grid-template-columns:295px minmax(0,1fr);gap:18px}.summary-cards{gap:8px;grid-template-columns:1fr 1fr}.main-summary{grid-column:1/-1}.main-summary .hero-number{margin:8px 0}.main-summary .summary-foot{justify-content:start}.main-summary .summary-foot>span{margin-left:10px}.summary-card{padding:15px}.hero-number strong{font-size:32px}.secondary-number strong{font-size:26px}.secondary-number{margin:13px 0 10px}.breakdown-body{grid-template-columns:1fr}.legend{padding:0 15px}.legend-row{margin:14px 0}.breakdown-footer{gap:7px;font-size:9px}.breakdown-footer>span:last-child{font-size:8px}.intro-art{right:15px;opacity:.8}footer{margin:0 24px}.guide{grid-template-columns:295px 1fr}}
@media(max-width:760px){.site-header{height:68px;padding:0 20px}.site-header nav{margin-left:auto;gap:15px}.site-header nav a{font-size:10px}.site-header nav a:first-child{display:none}.header-tag{display:none}.brand{font-size:18px}.intro{padding:34px 0 29px}.intro-art{display:none}h1{font-size:25px;letter-spacing:.01em}.intro>p{font-size:11px;line-height:1.9;max-width:360px}.intro-meta{gap:12px;font-size:9px;margin-top:17px}.intro-meta svg{width:14px}.intro-meta span+span:before{margin-right:0}main{padding:0 18px}.workspace{grid-template-columns:1fr;gap:28px}.card-heading{padding:18px 20px}.form-section{padding:20px}.form-section:first-child{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-section:first-child .section-label{grid-column:1/-1;margin-bottom:17px}.form-section:first-child>label{grid-column:1}.form-section:first-child>.money-input{grid-column:1}.form-section:first-child>.field-help{grid-column:1}.form-section:first-child>input[type=range]{grid-column:1}.form-section:first-child>.range-labels{grid-column:1}.bonus-grid{grid-column:2;grid-row:2/7;display:block;margin:0}.bonus-grid>div+div{margin-top:10px}.bonus-grid select{height:35px}.bonus-grid>div+div label{margin-bottom:6px}.expected-income{grid-column:1/-1;margin-top:17px}.profile-grid{margin-bottom:18px}.form-section:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.form-section:nth-child(2)>.section-label{grid-column:1/-1}.profile-grid{grid-column:1/-1}.form-section:nth-child(2)>label{grid-column:1/-1}.form-section:nth-child(2)>select{grid-column:1/-1}.form-section:nth-child(2)>.field-help{grid-column:1/-1}.insurance-note{grid-column:1/-1}.result-heading{margin-bottom:14px}.summary-cards{grid-template-columns:1fr 1fr}.main-summary{grid-column:1/-1;padding:21px}.main-summary .hero-number strong{font-size:39px}.summary-card:not(.main-summary){padding:18px 16px}.secondary-number strong{font-size:25px}.breakdown-card{padding:21px 18px 0}.breakdown-body{grid-template-columns:43% 57%;padding:24px 0}.donut{width:138px;height:138px}.donut:after{inset:15px}.donut-center strong{font-size:27px}.donut-center>span{font-size:8px}.donut-center .donut-caption{font-size:5px}.legend{padding:0 0 0 14px}.legend-row{gap:6px;font-size:9px;flex-wrap:wrap;margin:16px 0}.legend-row i{width:6px;height:6px}.legend-row strong{font-size:11px}.legend-row strong small{font-size:8px}.legend-row>b{display:none}.breakdown-footer{flex-wrap:wrap;padding:13px 0;gap:7px}.breakdown-footer>span:last-child{font-size:9px}.tabs{gap:23px;padding:0 19px}.tabs button{font-size:10px}#statement-panel{padding:20px 17px 0}.statement-note{margin:13px 18px 17px;font-size:8px}.guide{grid-template-columns:1fr;gap:14px;margin:35px 0}.guide-title p{margin-bottom:5px}.guide-details details:first-child{padding-top:12px}footer{margin:0 18px;flex-wrap:wrap;gap:13px;padding:22px 0}footer>span{font-size:9px}footer small{width:100%;margin-left:0;font-size:7px}.result-note p span{font-size:8px}.toast{width:max-content;max-width:90%;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@media print{.site-header nav,.header-tag,.input-card,.intro-art,.export-button,.guide,footer,.result-note{display:none}.workspace{display:block}.intro{padding:10px 0}h1{font-size:22px}.summary-cards{grid-template-columns:repeat(3,1fr)}.main-summary{grid-column:auto}.breakdown-body{grid-template-columns:45% 55%}.results{break-inside:avoid}.statement-card{break-inside:avoid}body{-webkit-print-color-adjust:exact;print-color-adjust:exact}}