{"id":1280,"date":"2026-03-25T08:18:19","date_gmt":"2026-03-24T23:18:19","guid":{"rendered":"https:\/\/17nisa.com\/?page_id=1280"},"modified":"2026-03-25T08:38:51","modified_gmt":"2026-03-24T23:38:51","slug":"%e3%81%a4%e3%81%bf%e3%81%9f%e3%81%a6nisa%e3%82%b7%e3%83%9f%e3%83%a5%e3%83%ac%e3%83%bc%e3%82%bf%e3%83%bc","status":"publish","type":"page","link":"https:\/\/17nisa.com\/?page_id=1280","title":{"rendered":"\u3064\u307f\u305f\u3066NISA\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc"},"content":{"rendered":"\n<div class=\"wp-block-xwrite-section wp-block-xwrite xw-block-section alignfull  section-min-height-auto\" style=\"--section-padding-top:5em;--section-padding-bottom:5em;--section-padding-top-sp:5em;--section-padding-bottom-sp:5em;--section-background-color:#f2f2f2;--text-color:#333333;--border-top-shape-color:var(--background-color);--border-bottom-shape-color:var(--background-color);--color-opacity:1\"><span class=\"xw-block-section__overlay\"><\/span><div class=\"xw-block-section__inner\">\n<h2 class=\"wp-block-heading is-style-heading--section1\">\u3064\u307f\u305f\u3066NISA\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h2>\n<\/div><\/div>\n\n\n\n<p class=\"has-text-align-center\">\u6bce\u6708\u306e\u7a4d\u7acb\u984d\u30fb\u60f3\u5b9a\u5229\u56de\u308a\u30fb\u671f\u9593\u3092\u5165\u529b\u3002<br>\u5c06\u6765\u306e\u8cc7\u7523\u984d\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<!-- \u3064\u307f\u305f\u3066NISA\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc v1.0 -->\n<!-- WordPress\u306e\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u306b\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n<style>\n  .nisa-sim * { margin: 0; padding: 0; box-sizing: border-box; }\n  .nisa-sim {\n    font-family: \"Helvetica Neue\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", sans-serif;\n    max-width: 1080px;\n    margin: 2em auto;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    overflow: hidden;\n  }\n  .nisa-sim__header {\n    background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);\n    padding: 28px 32px;\n    color: #fff;\n  }\n  .nisa-sim__header h2 {\n    font-size: 22px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    margin-bottom: 6px;\n  }\n  .nisa-sim__header p {\n    font-size: 13px;\n    opacity: 0.8;\n    line-height: 1.6;\n  }\n  .nisa-sim__body { padding: 28px 32px; }\n\n  \/* \u5165\u529b\u30a8\u30ea\u30a2 *\/\n  .nisa-sim__inputs {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    margin-bottom: 24px;\n  }\n  .nisa-sim__field { display: flex; flex-direction: column; }\n  .nisa-sim__field.full-width { grid-column: 1 \/ -1; }\n  .nisa-sim__label {\n    font-size: 13px;\n    font-weight: 600;\n    color: #4a5568;\n    margin-bottom: 6px;\n    letter-spacing: 0.02em;\n  }\n  .nisa-sim__input-wrap {\n    display: flex;\n    align-items: center;\n    border: 2px solid #e2e8f0;\n    border-radius: 10px;\n    overflow: hidden;\n    transition: border-color 0.2s;\n    background: #f8fafc;\n  }\n  .nisa-sim__input-wrap:focus-within {\n    border-color: #2d4a7a;\n    background: #fff;\n  }\n  .nisa-sim__input-wrap input {\n    flex: 1;\n    border: none;\n    outline: none;\n    padding: 12px 14px;\n    font-size: 18px;\n    font-weight: 600;\n    color: #1a202c;\n    background: transparent;\n    width: 100%;\n  }\n  .nisa-sim__input-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; }\n  .nisa-sim__input-wrap input[type=number] { -moz-appearance: textfield; }\n  .nisa-sim__unit {\n    padding: 0 14px;\n    font-size: 14px;\n    font-weight: 600;\n    color: #718096;\n    white-space: nowrap;\n  }\n\n  \/* \u30b9\u30e9\u30a4\u30c0\u30fc *\/\n  .nisa-sim__slider {\n    width: 100%;\n    margin-top: 6px;\n    -webkit-appearance: none;\n    appearance: none;\n    height: 6px;\n    border-radius: 3px;\n    background: #e2e8f0;\n    outline: none;\n  }\n  .nisa-sim__slider::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    appearance: none;\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #2d4a7a;\n    cursor: pointer;\n    box-shadow: 0 2px 6px rgba(45,74,122,0.3);\n    transition: transform 0.15s;\n  }\n  .nisa-sim__slider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n  .nisa-sim__slider::-moz-range-thumb {\n    width: 20px;\n    height: 20px;\n    border-radius: 50%;\n    background: #2d4a7a;\n    cursor: pointer;\n    border: none;\n    box-shadow: 0 2px 6px rgba(45,74,122,0.3);\n  }\n\n  \/* \u8a08\u7b97\u30dc\u30bf\u30f3 *\/\n  .nisa-sim__btn {\n    display: block;\n    width: 100%;\n    padding: 14px;\n    background: linear-gradient(135deg, #2d4a7a 0%, #3a5f9a 100%);\n    color: #fff;\n    font-size: 16px;\n    font-weight: 700;\n    border: none;\n    border-radius: 10px;\n    cursor: pointer;\n    letter-spacing: 0.05em;\n    transition: transform 0.15s, box-shadow 0.15s;\n    margin-bottom: 28px;\n  }\n  .nisa-sim__btn:hover {\n    transform: translateY(-1px);\n    box-shadow: 0 6px 20px rgba(45,74,122,0.25);\n  }\n  .nisa-sim__btn:active { transform: translateY(0); }\n\n  \/* \u7d50\u679c\u30a8\u30ea\u30a2 *\/\n  .nisa-sim__results { display: none; }\n  .nisa-sim__results.show { display: block; }\n\n  .nisa-sim__result-cards {\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    gap: 12px;\n    margin-bottom: 24px;\n  }\n  .nisa-sim__card {\n    background: #f8fafc;\n    border-radius: 12px;\n    padding: 16px;\n    text-align: center;\n    border: 1px solid #e2e8f0;\n  }\n  .nisa-sim__card--highlight {\n    background: linear-gradient(135deg, #1a2a4a 0%, #2d4a7a 100%);\n    color: #fff;\n    border: none;\n  }\n  .nisa-sim__card-label {\n    font-size: 11px;\n    font-weight: 600;\n    letter-spacing: 0.05em;\n    margin-bottom: 6px;\n    color: #718096;\n  }\n  .nisa-sim__card--highlight .nisa-sim__card-label {\n    color: rgba(255,255,255,0.7);\n  }\n  .nisa-sim__card-value {\n    font-size: 22px;\n    font-weight: 800;\n    color: #1a202c;\n    line-height: 1.2;\n  }\n  .nisa-sim__card--highlight .nisa-sim__card-value { color: #fff; }\n  .nisa-sim__card-sub {\n    font-size: 11px;\n    margin-top: 4px;\n    color: #718096;\n  }\n  .nisa-sim__card--highlight .nisa-sim__card-sub {\n    color: rgba(255,255,255,0.6);\n  }\n\n  \/* NISA\u975e\u8ab2\u7a0e\u30e1\u30ea\u30c3\u30c8 *\/\n  .nisa-sim__tax-merit {\n    background: #fffbeb;\n    border: 1px solid #f6e05e;\n    border-radius: 10px;\n    padding: 14px 18px;\n    margin-bottom: 24px;\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n  .nisa-sim__tax-icon {\n    font-size: 28px;\n    flex-shrink: 0;\n  }\n  .nisa-sim__tax-text {\n    font-size: 13px;\n    color: #744210;\n    line-height: 1.6;\n  }\n  .nisa-sim__tax-text strong {\n    font-size: 18px;\n    color: #d69e2e;\n  }\n\n  \/* \u30c1\u30e3\u30fc\u30c8 *\/\n  .nisa-sim__chart-area {\n    background: #f8fafc;\n    border-radius: 12px;\n    padding: 20px;\n    margin-bottom: 24px;\n    border: 1px solid #e2e8f0;\n  }\n  .nisa-sim__chart-title {\n    font-size: 13px;\n    font-weight: 700;\n    color: #4a5568;\n    margin-bottom: 14px;\n    letter-spacing: 0.02em;\n  }\n  .nisa-sim__chart-canvas {\n    width: 100%;\n    height: 220px;\n    display: block;\n  }\n  .nisa-sim__chart-legend {\n    display: flex;\n    gap: 18px;\n    justify-content: center;\n    margin-top: 12px;\n    font-size: 12px;\n    color: #718096;\n  }\n  .nisa-sim__legend-dot {\n    display: inline-block;\n    width: 10px;\n    height: 10px;\n    border-radius: 2px;\n    margin-right: 5px;\n    vertical-align: middle;\n  }\n\n  \/* \u5e74\u6b21\u30c6\u30fc\u30d6\u30eb *\/\n  .nisa-sim__table-toggle {\n    font-size: 13px;\n    color: #2d4a7a;\n    font-weight: 600;\n    cursor: pointer;\n    border: none;\n    background: none;\n    padding: 8px 0;\n    margin-bottom: 12px;\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n  .nisa-sim__table-toggle:hover { text-decoration: underline; }\n  .nisa-sim__table-wrap { display: none; overflow-x: auto; }\n  .nisa-sim__table-wrap.show { display: block; }\n  .nisa-sim__table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: 13px;\n  }\n  .nisa-sim__table th {\n    background: #edf2f7;\n    padding: 10px 12px;\n    text-align: right;\n    font-weight: 600;\n    color: #4a5568;\n    white-space: nowrap;\n  }\n  .nisa-sim__table th:first-child { text-align: center; }\n  .nisa-sim__table td {\n    padding: 10px 12px;\n    text-align: right;\n    border-bottom: 1px solid #edf2f7;\n    color: #2d3748;\n    white-space: nowrap;\n  }\n  .nisa-sim__table td:first-child { text-align: center; color: #718096; }\n\n  \/* \u30d5\u30c3\u30bf\u30fc\u6ce8\u91c8 *\/\n  .nisa-sim__note {\n    font-size: 11px;\n    color: #a0aec0;\n    line-height: 1.7;\n    margin-top: 16px;\n    padding-top: 16px;\n    border-top: 1px solid #edf2f7;\n  }\n\n  \/* \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 *\/\n  @media (max-width: 600px) {\n    .nisa-sim__body { padding: 20px 18px; }\n    .nisa-sim__header { padding: 22px 18px; }\n    .nisa-sim__header h2 { font-size: 18px; }\n    .nisa-sim__inputs { grid-template-columns: 1fr; gap: 14px; }\n    .nisa-sim__result-cards { grid-template-columns: 1fr; }\n    .nisa-sim__card-value { font-size: 24px; }\n    .nisa-sim__input-wrap input { font-size: 16px; }\n  }\n<\/style>\n\n<div class=\"nisa-sim\" id=\"nisaSim\">\n  <div class=\"nisa-sim__header\">\n    <h2>&#x1f4ca; \u3064\u307f\u305f\u3066NISA\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h2>\n    <p>\u6bce\u6708\u306e\u7a4d\u7acb\u984d\u30fb\u60f3\u5b9a\u5229\u56de\u308a\u30fb\u671f\u9593\u3092\u5165\u529b\u3057\u3066\u3001\u5c06\u6765\u306e\u8cc7\u7523\u984d\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u304d\u307e\u3059\u3002<\/p>\n  <\/div>\n  <div class=\"nisa-sim__body\">\n\n    <div class=\"nisa-sim__inputs\">\n      <div class=\"nisa-sim__field\">\n        <label class=\"nisa-sim__label\">\u6bce\u6708\u306e\u7a4d\u7acb\u984d<\/label>\n        <div class=\"nisa-sim__input-wrap\">\n          <input type=\"number\" id=\"nisaMonthly\" value=\"30000\" min=\"1000\" max=\"300000\" step=\"1000\">\n          <span class=\"nisa-sim__unit\">\u5186 \/ \u6708<\/span>\n        <\/div>\n        <input type=\"range\" class=\"nisa-sim__slider\" id=\"nisaMonthlySlider\" min=\"1000\" max=\"300000\" step=\"1000\" value=\"30000\">\n      <\/div>\n      <div class=\"nisa-sim__field\">\n        <label class=\"nisa-sim__label\">\u60f3\u5b9a\u5e74\u5229\u56de\u308a<\/label>\n        <div class=\"nisa-sim__input-wrap\">\n          <input type=\"number\" id=\"nisaRate\" value=\"5\" min=\"0.1\" max=\"15\" step=\"0.1\">\n          <span class=\"nisa-sim__unit\">\uff05<\/span>\n        <\/div>\n        <input type=\"range\" class=\"nisa-sim__slider\" id=\"nisaRateSlider\" min=\"0.1\" max=\"15\" step=\"0.1\" value=\"5\">\n      <\/div>\n      <div class=\"nisa-sim__field full-width\">\n        <label class=\"nisa-sim__label\">\u7a4d\u7acb\u671f\u9593<\/label>\n        <div class=\"nisa-sim__input-wrap\">\n          <input type=\"number\" id=\"nisaYears\" value=\"20\" min=\"1\" max=\"40\" step=\"1\">\n          <span class=\"nisa-sim__unit\">\u5e74\u9593<\/span>\n        <\/div>\n        <input type=\"range\" class=\"nisa-sim__slider\" id=\"nisaYearsSlider\" min=\"1\" max=\"40\" step=\"1\" value=\"20\">\n      <\/div>\n    <\/div>\n\n    <button class=\"nisa-sim__btn\" id=\"nisaCalcBtn\">\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3059\u308b<\/button>\n\n    <div class=\"nisa-sim__results\" id=\"nisaResults\">\n\n      <div class=\"nisa-sim__result-cards\">\n        <div class=\"nisa-sim__card\">\n          <div class=\"nisa-sim__card-label\">\u7d2f\u8a08\u6295\u8cc7\u984d<\/div>\n          <div class=\"nisa-sim__card-value\" id=\"nisaTotalInvest\">&#8211;<\/div>\n          <div class=\"nisa-sim__card-sub\">\u5143\u672c<\/div>\n        <\/div>\n        <div class=\"nisa-sim__card\">\n          <div class=\"nisa-sim__card-label\">\u904b\u7528\u53ce\u76ca<\/div>\n          <div class=\"nisa-sim__card-value\" id=\"nisaTotalProfit\" style=\"color:#2d4a7a;\">&#8211;<\/div>\n          <div class=\"nisa-sim__card-sub\">\u5229\u76ca<\/div>\n        <\/div>\n        <div class=\"nisa-sim__card nisa-sim__card--highlight\">\n          <div class=\"nisa-sim__card-label\">\u6700\u7d42\u8cc7\u7523\u984d<\/div>\n          <div class=\"nisa-sim__card-value\" id=\"nisaTotalAsset\">&#8211;<\/div>\n          <div class=\"nisa-sim__card-sub\">\u5408\u8a08<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"nisa-sim__tax-merit\" id=\"nisaTaxMerit\">\n        <div class=\"nisa-sim__tax-icon\">&#x1f4b0;<\/div>\n        <div class=\"nisa-sim__tax-text\">\n          NISA\u306a\u3089\u904b\u7528\u76ca\u304c<strong>\u975e\u8ab2\u7a0e<\/strong>\uff01<br>\n          \u901a\u5e38\u306e\u8ab2\u7a0e\u53e3\u5ea7\u3067\u306f\u7d04<strong id=\"nisaTaxAmount\">&#8211;<\/strong>\u306e\u7a0e\u91d1\u304c\u304b\u304b\u308a\u307e\u3059\u304c\u3001NISA\u306a\u3089<strong>0\u5186<\/strong>\u3067\u3059\u3002\n        <\/div>\n      <\/div>\n\n      <div class=\"nisa-sim__chart-area\">\n        <div class=\"nisa-sim__chart-title\">\u8cc7\u7523\u63a8\u79fb\u30b0\u30e9\u30d5<\/div>\n        <canvas class=\"nisa-sim__chart-canvas\" id=\"nisaChart\"><\/canvas>\n        <div class=\"nisa-sim__chart-legend\">\n          <span><span class=\"nisa-sim__legend-dot\" style=\"background:#cbd5e0;\"><\/span>\u5143\u672c<\/span>\n          <span><span class=\"nisa-sim__legend-dot\" style=\"background:#2d4a7a;\"><\/span>\u904b\u7528\u8cc7\u7523<\/span>\n        <\/div>\n      <\/div>\n\n      <button class=\"nisa-sim__table-toggle\" id=\"nisaTableToggle\">&#x25b6; \u5e74\u6b21\u306e\u8a73\u7d30\u3092\u8868\u793a<\/button>\n      <div class=\"nisa-sim__table-wrap\" id=\"nisaTableWrap\">\n        <table class=\"nisa-sim__table\">\n          <thead>\n            <tr><th>\u5e74<\/th><th>\u7d2f\u8a08\u6295\u8cc7\u984d<\/th><th>\u904b\u7528\u8cc7\u7523\u984d<\/th><th>\u904b\u7528\u53ce\u76ca<\/th><\/tr>\n          <\/thead>\n          <tbody id=\"nisaTableBody\"><\/tbody>\n        <\/table>\n      <\/div>\n\n      <div class=\"nisa-sim__note\">\n        \u203b \u672c\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u306f\u8907\u5229\u8a08\u7b97\uff08\u6bce\u6708\u8907\u5229\uff09\u306b\u57fa\u3065\u304f\u6982\u7b97\u3067\u3042\u308a\u3001\u5c06\u6765\u306e\u904b\u7528\u6210\u679c\u3092\u4fdd\u8a3c\u3059\u308b\u3082\u306e\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u5b9f\u969b\u306e\u6295\u8cc7\u3067\u306f\u4fa1\u683c\u5909\u52d5\u306b\u3088\u308a\u5143\u672c\u3092\u4e0b\u56de\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002\u624b\u6570\u6599\u30fb\u4fe1\u8a17\u5831\u916c\u306f\u542b\u307e\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u7a0e\u7387\u306f20.315%\uff08\u6240\u5f97\u7a0e15.315%\uff0b\u4f4f\u6c11\u7a0e5%\uff09\u3067\u8a08\u7b97\u3057\u3066\u3044\u307e\u3059\u3002\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var $ = function(id){ return document.getElementById(id); };\n  var monthlyInput = $('nisaMonthly'), monthlySlider = $('nisaMonthlySlider');\n  var rateInput = $('nisaRate'), rateSlider = $('nisaRateSlider');\n  var yearsInput = $('nisaYears'), yearsSlider = $('nisaYearsSlider');\n\n  function syncInputs(input, slider) {\n    input.addEventListener('input', function(){ slider.value = this.value; });\n    slider.addEventListener('input', function(){ input.value = this.value; });\n  }\n  syncInputs(monthlyInput, monthlySlider);\n  syncInputs(rateInput, rateSlider);\n  syncInputs(yearsInput, yearsSlider);\n\n  function formatMoney(n) {\n    if (n >= 100000000) return (n \/ 100000000).toFixed(2).replace(\/\\.?0+$\/, '') + '\u5104\u5186';\n    if (n >= 10000) return Math.round(n \/ 10000).toLocaleString() + '\u4e07\u5186';\n    return Math.round(n).toLocaleString() + '\u5186';\n  }\n\n  function calc() {\n    var monthly = parseFloat(monthlyInput.value) || 0;\n    var rate = (parseFloat(rateInput.value) || 0) \/ 100;\n    var years = parseInt(yearsInput.value) || 0;\n    var monthlyRate = rate \/ 12;\n    var months = years * 12;\n\n    var yearlyData = [];\n    var asset = 0;\n    for (var y = 1; y <= years; y++) {\n      for (var m = 0; m < 12; m++) {\n        asset = (asset + monthly) * (1 + monthlyRate);\n      }\n      var invested = monthly * 12 * y;\n      yearlyData.push({ year: y, invested: invested, asset: Math.round(asset), profit: Math.round(asset - invested) });\n    }\n\n    var totalInvested = monthly * months;\n    var totalAsset = Math.round(asset);\n    var totalProfit = totalAsset - totalInvested;\n    var taxAmount = Math.round(totalProfit * 0.20315);\n\n    $('nisaTotalInvest').textContent = formatMoney(totalInvested);\n    $('nisaTotalProfit').textContent = '+' + formatMoney(totalProfit);\n    $('nisaTotalAsset').textContent = formatMoney(totalAsset);\n    $('nisaTaxAmount').textContent = formatMoney(taxAmount);\n    $('nisaResults').className = 'nisa-sim__results show';\n\n    \/\/ \u30c6\u30fc\u30d6\u30eb\n    var tbody = $('nisaTableBody');\n    tbody.innerHTML = '';\n    for (var i = 0; i < yearlyData.length; i++) {\n      var d = yearlyData[i];\n      var tr = document.createElement('tr');\n      tr.innerHTML = '<td>' + d.year + '\u5e74\u76ee<\/td><td>' + Math.round(d.invested).toLocaleString() + '\u5186<\/td><td>' + d.asset.toLocaleString() + '\u5186<\/td><td style=\"color:#2d4a7a;font-weight:600;\">+' + d.profit.toLocaleString() + '\u5186<\/td>';\n      tbody.appendChild(tr);\n    }\n\n    drawChart(yearlyData);\n  }\n\n  function drawChart(data) {\n    var canvas = $('nisaChart');\n    var dpr = window.devicePixelRatio || 1;\n    var rect = canvas.parentElement.getBoundingClientRect();\n    var W = rect.width - 40;\n    var H = 220;\n    canvas.width = W * dpr;\n    canvas.height = H * dpr;\n    canvas.style.width = W + 'px';\n    canvas.style.height = H + 'px';\n    var ctx = canvas.getContext('2d');\n    ctx.scale(dpr, dpr);\n\n    var maxVal = data[data.length - 1].asset;\n    var padL = 60, padR = 16, padT = 10, padB = 28;\n    var chartW = W - padL - padR;\n    var chartH = H - padT - padB;\n    var n = data.length;\n    var barW = Math.min(Math.floor(chartW \/ n) - 2, 36);\n    var gap = (chartW - barW * n) \/ (n + 1);\n\n    ctx.clearRect(0, 0, W, H);\n\n    \/\/ Y\u8ef8\u76ee\u76db\u308a\n    ctx.fillStyle = '#a0aec0';\n    ctx.font = '10px sans-serif';\n    ctx.textAlign = 'right';\n    for (var g = 0; g <= 4; g++) {\n      var val = maxVal * g \/ 4;\n      var yy = padT + chartH - (chartH * g \/ 4);\n      ctx.fillText(formatMoney(val), padL - 8, yy + 3);\n      ctx.strokeStyle = '#edf2f7';\n      ctx.lineWidth = 1;\n      ctx.beginPath();\n      ctx.moveTo(padL, yy);\n      ctx.lineTo(W - padR, yy);\n      ctx.stroke();\n    }\n\n    for (var i = 0; i < n; i++) {\n      var d = data[i];\n      var x = padL + gap + i * (barW + gap);\n      var hInvested = (d.invested \/ maxVal) * chartH;\n      var hAsset = (d.asset \/ maxVal) * chartH;\n\n      \/\/ \u904b\u7528\u8cc7\u7523\u30d0\u30fc\n      ctx.fillStyle = '#2d4a7a';\n      var ry = padT + chartH - hAsset;\n      ctx.beginPath();\n      ctx.moveTo(x, padT + chartH);\n      ctx.lineTo(x, ry + 3);\n      ctx.quadraticCurveTo(x, ry, x + 3, ry);\n      ctx.lineTo(x + barW - 3, ry);\n      ctx.quadraticCurveTo(x + barW, ry, x + barW, ry + 3);\n      ctx.lineTo(x + barW, padT + chartH);\n      ctx.fill();\n\n      \/\/ \u5143\u672c\u30d0\u30fc\uff08\u4e0a\u306b\u91cd\u306d\u308b\uff09\n      ctx.fillStyle = '#cbd5e0';\n      var ryI = padT + chartH - hInvested;\n      ctx.beginPath();\n      ctx.moveTo(x, padT + chartH);\n      ctx.lineTo(x, ryI);\n      ctx.lineTo(x + barW, ryI);\n      ctx.lineTo(x + barW, padT + chartH);\n      ctx.fill();\n\n      \/\/ X\u8ef8\u30e9\u30d9\u30eb\uff085\u5e74\u304a\u304d or \u6700\u5f8c\uff09\n      if (d.year % 5 === 0 || d.year === n || n <= 10) {\n        ctx.fillStyle = '#a0aec0';\n        ctx.font = '10px sans-serif';\n        ctx.textAlign = 'center';\n        ctx.fillText(d.year + '\u5e74', x + barW \/ 2, H - 6);\n      }\n    }\n  }\n\n  $('nisaCalcBtn').addEventListener('click', calc);\n\n  var tableOpen = false;\n  $('nisaTableToggle').addEventListener('click', function(){\n    tableOpen = !tableOpen;\n    $('nisaTableWrap').className = 'nisa-sim__table-wrap' + (tableOpen ? ' show' : '');\n    this.textContent = (tableOpen ? '\u25bc \u5e74\u6b21\u306e\u8a73\u7d30\u3092\u9589\u3058\u308b' : '&#x25b6; \u5e74\u6b21\u306e\u8a73\u7d30\u3092\u8868\u793a');\n  });\n\n  \/\/ \u521d\u671f\u8a08\u7b97\n  calc();\n\n  \/\/ \u30ea\u30b5\u30a4\u30ba\u5bfe\u5fdc\n  var resizeTimer;\n  window.addEventListener('resize', function(){\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(function(){ calc(); }, 200);\n  });\n})();\n<\/script>\n\n\n\n<!-- \u914d\u5f53\u5229\u56de\u308a\u8a08\u7b97\u30c4\u30fc\u30eb v1.0 -->\n<!-- WordPress\u306e\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u306b\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n<style>\n  .div-sim * { margin: 0; padding: 0; box-sizing: border-box; }\n  .div-sim {\n    font-family: \"Helvetica Neue\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", sans-serif;\n    max-width: 1080px;\n    margin: 2em auto;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    overflow: hidden;\n  }\n  .div-sim__header {\n    background: linear-gradient(135deg, #1a3a2a 0%, #2a6e4a 100%);\n    padding: 28px 32px;\n    color: #fff;\n  }\n  .div-sim__header h2 { font-size: 22px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 6px; }\n  .div-sim__header p { font-size: 13px; opacity: 0.8; line-height: 1.6; }\n  .div-sim__body { padding: 28px 32px; }\n  .div-sim__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }\n  .div-sim__field { display: flex; flex-direction: column; }\n  .div-sim__field.full-width { grid-column: 1 \/ -1; }\n  .div-sim__label { font-size: 13px; font-weight: 600; color: #4a5568; margin-bottom: 6px; letter-spacing: 0.02em; }\n  .div-sim__input-wrap {\n    display: flex; align-items: center; border: 2px solid #e2e8f0; border-radius: 10px;\n    overflow: hidden; transition: border-color 0.2s; background: #f8fafc;\n  }\n  .div-sim__input-wrap:focus-within { border-color: #2a6e4a; background: #fff; }\n  .div-sim__input-wrap input {\n    flex: 1; border: none; outline: none; padding: 12px 14px; font-size: 18px;\n    font-weight: 600; color: #1a202c; background: transparent; width: 100%;\n  }\n  .div-sim__input-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; }\n  .div-sim__input-wrap input[type=number] { -moz-appearance: textfield; }\n  .div-sim__unit { padding: 0 14px; font-size: 14px; font-weight: 600; color: #718096; white-space: nowrap; }\n  .div-sim__slider {\n    width: 100%; margin-top: 6px; -webkit-appearance: none; appearance: none;\n    height: 6px; border-radius: 3px; background: #e2e8f0; outline: none;\n  }\n  .div-sim__slider::-webkit-slider-thumb {\n    -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;\n    background: #2a6e4a; cursor: pointer; box-shadow: 0 2px 6px rgba(42,110,74,0.3); transition: transform 0.15s;\n  }\n  .div-sim__slider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n  .div-sim__slider::-moz-range-thumb {\n    width: 20px; height: 20px; border-radius: 50%; background: #2a6e4a;\n    cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(42,110,74,0.3);\n  }\n  .div-sim__mode {\n    display: flex; gap: 8px; margin-bottom: 20px;\n  }\n  .div-sim__mode-btn {\n    flex: 1; padding: 10px; border: 2px solid #e2e8f0; border-radius: 8px;\n    background: #f8fafc; font-size: 13px; font-weight: 600; color: #718096;\n    cursor: pointer; text-align: center; transition: all 0.2s;\n  }\n  .div-sim__mode-btn.active {\n    border-color: #2a6e4a; background: #f0fdf4; color: #2a6e4a;\n  }\n  .div-sim__btn {\n    display: block; width: 100%; padding: 14px;\n    background: linear-gradient(135deg, #2a6e4a 0%, #38a169 100%);\n    color: #fff; font-size: 16px; font-weight: 700; border: none; border-radius: 10px;\n    cursor: pointer; letter-spacing: 0.05em; transition: transform 0.15s, box-shadow 0.15s; margin-bottom: 28px;\n  }\n  .div-sim__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(42,110,74,0.25); }\n  .div-sim__results { display: none; }\n  .div-sim__results.show { display: block; }\n  .div-sim__result-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px; }\n  .div-sim__card {\n    background: #f8fafc; border-radius: 12px; padding: 16px; text-align: center; border: 1px solid #e2e8f0;\n  }\n  .div-sim__card--highlight { background: linear-gradient(135deg, #1a3a2a 0%, #2a6e4a 100%); color: #fff; border: none; }\n  .div-sim__card-label { font-size: 11px; font-weight: 600; letter-spacing: 0.05em; margin-bottom: 6px; color: #718096; }\n  .div-sim__card--highlight .div-sim__card-label { color: rgba(255,255,255,0.7); }\n  .div-sim__card-value { font-size: 24px; font-weight: 800; color: #1a202c; line-height: 1.2; }\n  .div-sim__card--highlight .div-sim__card-value { color: #fff; }\n  .div-sim__card-sub { font-size: 11px; margin-top: 4px; color: #718096; }\n  .div-sim__card--highlight .div-sim__card-sub { color: rgba(255,255,255,0.6); }\n  .div-sim__nisa-box {\n    background: #f0fdf4; border: 1px solid #68d391; border-radius: 10px;\n    padding: 14px 18px; margin-bottom: 20px; display: flex; align-items: center; gap: 12px;\n  }\n  .div-sim__nisa-icon { font-size: 28px; flex-shrink: 0; }\n  .div-sim__nisa-text { font-size: 13px; color: #22543d; line-height: 1.6; }\n  .div-sim__nisa-text strong { font-size: 16px; color: #2a6e4a; }\n  .div-sim__detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 16px; }\n  .div-sim__detail-item {\n    display: flex; justify-content: space-between; padding: 10px 14px;\n    background: #f8fafc; border-radius: 8px; font-size: 13px;\n  }\n  .div-sim__detail-label { color: #718096; }\n  .div-sim__detail-value { font-weight: 700; color: #2d3748; }\n  .div-sim__note {\n    font-size: 11px; color: #a0aec0; line-height: 1.7; margin-top: 16px;\n    padding-top: 16px; border-top: 1px solid #edf2f7;\n  }\n  @media (max-width: 600px) {\n    .div-sim__body { padding: 20px 18px; }\n    .div-sim__header { padding: 22px 18px; }\n    .div-sim__header h2 { font-size: 18px; }\n    .div-sim__inputs { grid-template-columns: 1fr; gap: 14px; }\n    .div-sim__result-cards { grid-template-columns: 1fr; }\n    .div-sim__detail-grid { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<div class=\"div-sim\" id=\"divSim\">\n  <div class=\"div-sim__header\">\n    <h2>&#x1f4b9; \u914d\u5f53\u5229\u56de\u308a\u8a08\u7b97\u30c4\u30fc\u30eb<\/h2>\n    <p>\u682a\u4fa1\u30fb\u914d\u5f53\u91d1\u304b\u3089\u5229\u56de\u308a\u3092\u8a08\u7b97\u3002NISA\u53e3\u5ea7\u3068\u8ab2\u7a0e\u53e3\u5ea7\u306e\u624b\u53d6\u308a\u914d\u5f53\u3082\u6bd4\u8f03\u3067\u304d\u307e\u3059\u3002<\/p>\n  <\/div>\n  <div class=\"div-sim__body\">\n    <div class=\"div-sim__mode\">\n      <button class=\"div-sim__mode-btn active\" id=\"divMode1\" onclick=\"divSetMode('yield')\">\u5229\u56de\u308a\u3092\u8a08\u7b97<\/button>\n      <button class=\"div-sim__mode-btn\" id=\"divMode2\" onclick=\"divSetMode('income')\">\u914d\u5f53\u53ce\u5165\u3092\u8a08\u7b97<\/button>\n    <\/div>\n    <div class=\"div-sim__inputs\" id=\"divInputsYield\">\n      <div class=\"div-sim__field\">\n        <label class=\"div-sim__label\">\u73fe\u5728\u306e\u682a\u4fa1<\/label>\n        <div class=\"div-sim__input-wrap\">\n          <input type=\"number\" id=\"divPrice\" value=\"3000\" min=\"1\" step=\"1\">\n          <span class=\"div-sim__unit\">\u5186<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"div-sim__field\">\n        <label class=\"div-sim__label\">1\u682a\u3042\u305f\u308a\u5e74\u9593\u914d\u5f53\u91d1<\/label>\n        <div class=\"div-sim__input-wrap\">\n          <input type=\"number\" id=\"divDividend\" value=\"120\" min=\"0\" step=\"1\">\n          <span class=\"div-sim__unit\">\u5186<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    <div class=\"div-sim__inputs\" id=\"divInputsIncome\" style=\"display:none;\">\n      <div class=\"div-sim__field\">\n        <label class=\"div-sim__label\">\u6295\u8cc7\u7dcf\u984d<\/label>\n        <div class=\"div-sim__input-wrap\">\n          <input type=\"number\" id=\"divInvest\" value=\"1000000\" min=\"10000\" step=\"10000\">\n          <span class=\"div-sim__unit\">\u5186<\/span>\n        <\/div>\n        <input type=\"range\" class=\"div-sim__slider\" id=\"divInvestSlider\" min=\"100000\" max=\"30000000\" step=\"100000\" value=\"1000000\">\n      <\/div>\n      <div class=\"div-sim__field\">\n        <label class=\"div-sim__label\">\u60f3\u5b9a\u914d\u5f53\u5229\u56de\u308a<\/label>\n        <div class=\"div-sim__input-wrap\">\n          <input type=\"number\" id=\"divYieldInput\" value=\"4.0\" min=\"0.1\" max=\"20\" step=\"0.1\">\n          <span class=\"div-sim__unit\">\uff05<\/span>\n        <\/div>\n        <input type=\"range\" class=\"div-sim__slider\" id=\"divYieldSlider\" min=\"0.1\" max=\"20\" step=\"0.1\" value=\"4.0\">\n      <\/div>\n    <\/div>\n    <button class=\"div-sim__btn\" onclick=\"divCalc()\">\u8a08\u7b97\u3059\u308b<\/button>\n    <div class=\"div-sim__results\" id=\"divResults\">\n      <div class=\"div-sim__result-cards\" id=\"divCards\"><\/div>\n      <div class=\"div-sim__nisa-box\">\n        <div class=\"div-sim__nisa-icon\">&#x1f6e1;&#xfe0f;<\/div>\n        <div class=\"div-sim__nisa-text\" id=\"divNisaText\"><\/div>\n      <\/div>\n      <div class=\"div-sim__detail-grid\" id=\"divDetail\"><\/div>\n      <div class=\"div-sim__note\">\n        \u203b \u914d\u5f53\u5229\u56de\u308a\u306f\u5e74\u9593\u914d\u5f53\u91d1\u00f7\u682a\u4fa1\u00d7100\u3067\u7b97\u51fa\u3002\u7a0e\u7387\u306f20.315%\uff08\u6240\u5f97\u7a0e15.315%\uff0b\u4f4f\u6c11\u7a0e5%\uff09\u3002\u5b9f\u969b\u306e\u914d\u5f53\u91d1\u306f\u696d\u7e3e\u306b\u3088\u308a\u5897\u6e1b\u3057\u307e\u3059\u3002\u682a\u4e3b\u512a\u5f85\u306f\u542b\u307f\u307e\u305b\u3093\u3002\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var mode = 'yield';\n  var investInput = document.getElementById('divInvest'), investSlider = document.getElementById('divInvestSlider');\n  var yieldInput = document.getElementById('divYieldInput'), yieldSlider = document.getElementById('divYieldSlider');\n  function sync(a,b){ a.addEventListener('input',function(){b.value=this.value;}); b.addEventListener('input',function(){a.value=this.value;}); }\n  sync(investInput, investSlider);\n  sync(yieldInput, yieldSlider);\n\n  window.divSetMode = function(m){\n    mode = m;\n    document.getElementById('divMode1').className = 'div-sim__mode-btn' + (m==='yield'?' active':'');\n    document.getElementById('divMode2').className = 'div-sim__mode-btn' + (m==='income'?' active':'');\n    document.getElementById('divInputsYield').style.display = m==='yield'?'grid':'none';\n    document.getElementById('divInputsIncome').style.display = m==='income'?'grid':'none';\n    document.getElementById('divResults').className = 'div-sim__results';\n  };\n\n  function fmt(n){\n    if(n>=100000000) return (n\/100000000).toFixed(1)+'\u5104\u5186';\n    if(n>=10000) return (n\/10000).toFixed(1).replace(\/\\.0$\/,'')+'\u4e07\u5186';\n    return Math.round(n).toLocaleString()+'\u5186';\n  }\n\n  window.divCalc = function(){\n    var cards = document.getElementById('divCards');\n    var detail = document.getElementById('divDetail');\n    var nisaTxt = document.getElementById('divNisaText');\n\n    if(mode==='yield'){\n      var price = parseFloat(document.getElementById('divPrice').value)||0;\n      var div = parseFloat(document.getElementById('divDividend').value)||0;\n      var yld = price>0 ? (div\/price*100) : 0;\n      var taxDiv = Math.round(div * (1 - 0.20315));\n      var taxYld = price>0 ? (taxDiv\/price*100) : 0;\n\n      cards.innerHTML =\n        '<div class=\"div-sim__card div-sim__card--highlight\"><div class=\"div-sim__card-label\">\u914d\u5f53\u5229\u56de\u308a<\/div><div class=\"div-sim__card-value\">'+yld.toFixed(2)+'%<\/div><div class=\"div-sim__card-sub\">\u7a0e\u5f15\u524d<\/div><\/div>'+\n        '<div class=\"div-sim__card\"><div class=\"div-sim__card-label\">\u7a0e\u5f15\u5f8c\u5229\u56de\u308a<\/div><div class=\"div-sim__card-value\" style=\"color:#2a6e4a;\">'+taxYld.toFixed(2)+'%<\/div><div class=\"div-sim__card-sub\">\u8ab2\u7a0e\u53e3\u5ea7\u306e\u5834\u5408<\/div><\/div>';\n\n      detail.innerHTML =\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">1\u682a\u3042\u305f\u308a\u914d\u5f53\uff08\u7a0e\u5f15\u524d\uff09<\/span><span class=\"div-sim__detail-value\">'+div.toLocaleString()+'\u5186<\/span><\/div>'+\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">1\u682a\u3042\u305f\u308a\u914d\u5f53\uff08\u7a0e\u5f15\u5f8c\uff09<\/span><span class=\"div-sim__detail-value\">'+taxDiv.toLocaleString()+'\u5186<\/span><\/div>'+\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">100\u682a\u306e\u5e74\u9593\u914d\u5f53\uff08\u7a0e\u5f15\u524d\uff09<\/span><span class=\"div-sim__detail-value\">'+Math.round(div*100).toLocaleString()+'\u5186<\/span><\/div>'+\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">100\u682a\u306e\u6295\u8cc7\u984d<\/span><span class=\"div-sim__detail-value\">'+Math.round(price*100).toLocaleString()+'\u5186<\/span><\/div>';\n\n      var taxSaved = Math.round(div * 100 * 0.20315);\n      nisaTxt.innerHTML = 'NISA\u53e3\u5ea7\u306a\u3089\u914d\u5f53\u91d1\u304c<strong>\u975e\u8ab2\u7a0e<\/strong>\uff01<br>100\u682a\u4fdd\u6709\u306e\u5834\u5408\u3001\u5e74\u9593<strong>'+taxSaved.toLocaleString()+'\u5186<\/strong>\u306e\u7bc0\u7a0e\u306b\u306a\u308a\u307e\u3059\u3002';\n\n    } else {\n      var invest = parseFloat(investInput.value)||0;\n      var yld2 = parseFloat(yieldInput.value)||0;\n      var annualDiv = Math.round(invest * yld2 \/ 100);\n      var monthlyDiv = Math.round(annualDiv \/ 12);\n      var taxAnnual = Math.round(annualDiv * (1 - 0.20315));\n      var taxMonthly = Math.round(taxAnnual \/ 12);\n\n      cards.innerHTML =\n        '<div class=\"div-sim__card div-sim__card--highlight\"><div class=\"div-sim__card-label\">\u5e74\u9593\u914d\u5f53\u53ce\u5165<\/div><div class=\"div-sim__card-value\">'+fmt(annualDiv)+'<\/div><div class=\"div-sim__card-sub\">\u7a0e\u5f15\u524d\uff08NISA\uff09<\/div><\/div>'+\n        '<div class=\"div-sim__card\"><div class=\"div-sim__card-label\">\u6708\u3042\u305f\u308a\u914d\u5f53<\/div><div class=\"div-sim__card-value\" style=\"color:#2a6e4a;\">'+fmt(monthlyDiv)+'<\/div><div class=\"div-sim__card-sub\">\u7a0e\u5f15\u524d\uff08NISA\uff09<\/div><\/div>';\n\n      detail.innerHTML =\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">\u5e74\u9593\u914d\u5f53\uff08\u8ab2\u7a0e\u53e3\u5ea7\uff09<\/span><span class=\"div-sim__detail-value\">'+fmt(taxAnnual)+'<\/span><\/div>'+\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">\u6708\u914d\u5f53\uff08\u8ab2\u7a0e\u53e3\u5ea7\uff09<\/span><span class=\"div-sim__detail-value\">'+fmt(taxMonthly)+'<\/span><\/div>'+\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">\u6295\u8cc7\u7dcf\u984d<\/span><span class=\"div-sim__detail-value\">'+fmt(invest)+'<\/span><\/div>'+\n        '<div class=\"div-sim__detail-item\"><span class=\"div-sim__detail-label\">\u914d\u5f53\u5229\u56de\u308a<\/span><span class=\"div-sim__detail-value\">'+yld2.toFixed(1)+'%<\/span><\/div>';\n\n      var taxSaved2 = Math.round(annualDiv * 0.20315);\n      nisaTxt.innerHTML = 'NISA\u53e3\u5ea7\u306a\u3089\u914d\u5f53\u91d1\u304c<strong>\u975e\u8ab2\u7a0e<\/strong>\uff01<br>\u8ab2\u7a0e\u53e3\u5ea7\u3068\u6bd4\u3079\u3066\u5e74\u9593<strong>'+fmt(taxSaved2)+'<\/strong>\u304a\u30c8\u30af\u3067\u3059\u3002';\n    }\n    document.getElementById('divResults').className = 'div-sim__results show';\n  };\n  divCalc();\n})();\n<\/script>\n\n\n\n<!-- \u3075\u308b\u3055\u3068\u7d0d\u7a0e \u63a7\u9664\u4e0a\u9650\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc v1.0 -->\n<!-- WordPress\u306e\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u306b\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n<style>\n  .furu-sim * { margin: 0; padding: 0; box-sizing: border-box; }\n  .furu-sim {\n    font-family: \"Helvetica Neue\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", sans-serif;\n    max-width: 1080px;\n    margin: 2em auto;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    overflow: hidden;\n  }\n  .furu-sim__header {\n    background: linear-gradient(135deg, #7b2d26 0%, #c0564e 100%);\n    padding: 28px 32px;\n    color: #fff;\n  }\n  .furu-sim__header h2 { font-size: 22px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 6px; }\n  .furu-sim__header p { font-size: 13px; opacity: 0.8; line-height: 1.6; }\n  .furu-sim__body { padding: 28px 32px; }\n  .furu-sim__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }\n  .furu-sim__field { display: flex; flex-direction: column; }\n  .furu-sim__field.full-width { grid-column: 1 \/ -1; }\n  .furu-sim__label { font-size: 13px; font-weight: 600; color: #4a5568; margin-bottom: 6px; letter-spacing: 0.02em; }\n  .furu-sim__label-sub { font-size: 11px; font-weight: 400; color: #a0aec0; }\n  .furu-sim__input-wrap {\n    display: flex; align-items: center; border: 2px solid #e2e8f0; border-radius: 10px;\n    overflow: hidden; transition: border-color 0.2s; background: #f8fafc;\n  }\n  .furu-sim__input-wrap:focus-within { border-color: #c0564e; background: #fff; }\n  .furu-sim__input-wrap input {\n    flex: 1; border: none; outline: none; padding: 12px 14px; font-size: 18px;\n    font-weight: 600; color: #1a202c; background: transparent; width: 100%;\n  }\n  .furu-sim__input-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; }\n  .furu-sim__input-wrap input[type=number] { -moz-appearance: textfield; }\n  .furu-sim__input-wrap select {\n    flex: 1; border: none; outline: none; padding: 12px 14px; font-size: 16px;\n    font-weight: 600; color: #1a202c; background: transparent; cursor: pointer;\n  }\n  .furu-sim__unit { padding: 0 14px; font-size: 14px; font-weight: 600; color: #718096; white-space: nowrap; }\n  .furu-sim__slider {\n    width: 100%; margin-top: 6px; -webkit-appearance: none; appearance: none;\n    height: 6px; border-radius: 3px; background: #e2e8f0; outline: none;\n  }\n  .furu-sim__slider::-webkit-slider-thumb {\n    -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;\n    background: #c0564e; cursor: pointer; box-shadow: 0 2px 6px rgba(192,86,78,0.3); transition: transform 0.15s;\n  }\n  .furu-sim__slider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n  .furu-sim__slider::-moz-range-thumb {\n    width: 20px; height: 20px; border-radius: 50%; background: #c0564e;\n    cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(192,86,78,0.3);\n  }\n  .furu-sim__btn {\n    display: block; width: 100%; padding: 14px;\n    background: linear-gradient(135deg, #7b2d26 0%, #c0564e 100%);\n    color: #fff; font-size: 16px; font-weight: 700; border: none; border-radius: 10px;\n    cursor: pointer; letter-spacing: 0.05em; transition: transform 0.15s, box-shadow 0.15s; margin-bottom: 28px;\n  }\n  .furu-sim__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(192,86,78,0.25); }\n  .furu-sim__results { display: none; }\n  .furu-sim__results.show { display: block; }\n  .furu-sim__result-main {\n    text-align: center; padding: 28px; margin-bottom: 20px;\n    background: linear-gradient(135deg, #7b2d26 0%, #c0564e 100%);\n    border-radius: 14px; color: #fff;\n  }\n  .furu-sim__result-main-label { font-size: 14px; opacity: 0.8; margin-bottom: 8px; }\n  .furu-sim__result-main-value { font-size: 42px; font-weight: 800; line-height: 1.1; }\n  .furu-sim__result-main-sub { font-size: 13px; opacity: 0.7; margin-top: 8px; }\n  .furu-sim__breakdown {\n    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; margin-bottom: 20px;\n  }\n  .furu-sim__bk-item {\n    background: #f8fafc; border-radius: 10px; padding: 14px; text-align: center; border: 1px solid #e2e8f0;\n  }\n  .furu-sim__bk-label { font-size: 11px; color: #718096; margin-bottom: 4px; font-weight: 600; }\n  .furu-sim__bk-value { font-size: 16px; font-weight: 800; color: #2d3748; }\n  .furu-sim__tip {\n    background: #fff5f5; border: 1px solid #feb2b2; border-radius: 10px;\n    padding: 14px 18px; margin-bottom: 16px; font-size: 13px; color: #742a2a; line-height: 1.7;\n  }\n  .furu-sim__tip-title { font-weight: 700; margin-bottom: 4px; }\n  .furu-sim__note {\n    font-size: 11px; color: #a0aec0; line-height: 1.7; margin-top: 16px;\n    padding-top: 16px; border-top: 1px solid #edf2f7;\n  }\n  @media (max-width: 600px) {\n    .furu-sim__body { padding: 20px 18px; }\n    .furu-sim__header { padding: 22px 18px; }\n    .furu-sim__header h2 { font-size: 18px; }\n    .furu-sim__inputs { grid-template-columns: 1fr; gap: 14px; }\n    .furu-sim__breakdown { grid-template-columns: 1fr; }\n    .furu-sim__result-main-value { font-size: 32px; }\n  }\n<\/style>\n\n<div class=\"furu-sim\" id=\"furuSim\">\n  <div class=\"furu-sim__header\">\n    <h2>&#x1f3e1; \u3075\u308b\u3055\u3068\u7d0d\u7a0e \u63a7\u9664\u4e0a\u9650\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h2>\n    <p>\u5e74\u53ce\u3068\u5bb6\u65cf\u69cb\u6210\u304b\u3089\u3001\u3075\u308b\u3055\u3068\u7d0d\u7a0e\u306e\u63a7\u9664\u4e0a\u9650\u984d\uff08\u76ee\u5b89\uff09\u3092\u7c21\u5358\u306b\u8a08\u7b97\u3067\u304d\u307e\u3059\u3002<\/p>\n  <\/div>\n  <div class=\"furu-sim__body\">\n    <div class=\"furu-sim__inputs\">\n      <div class=\"furu-sim__field full-width\">\n        <label class=\"furu-sim__label\">\u5e74\u53ce\uff08\u984d\u9762\uff09 <span class=\"furu-sim__label-sub\">\u6e90\u6cc9\u5fb4\u53ce\u7968\u306e\u300c\u652f\u6255\u91d1\u984d\u300d<\/span><\/label>\n        <div class=\"furu-sim__input-wrap\">\n          <input type=\"number\" id=\"furuIncome\" value=\"5000000\" min=\"0\" step=\"10000\">\n          <span class=\"furu-sim__unit\">\u5186<\/span>\n        <\/div>\n        <input type=\"range\" class=\"furu-sim__slider\" id=\"furuIncomeSlider\" min=\"1500000\" max=\"30000000\" step=\"100000\" value=\"5000000\">\n      <\/div>\n      <div class=\"furu-sim__field\">\n        <label class=\"furu-sim__label\">\u914d\u5076\u8005\u63a7\u9664<\/label>\n        <div class=\"furu-sim__input-wrap\">\n          <select id=\"furuSpouse\">\n            <option value=\"none\">\u306a\u3057\uff08\u72ec\u8eab or \u5171\u50cd\u304d\uff09<\/option>\n            <option value=\"general\">\u914d\u5076\u8005\u63a7\u9664\u3042\u308a<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"furu-sim__field\">\n        <label class=\"furu-sim__label\">\u6276\u990a\u3059\u308b\u5b50\u3069\u3082<\/label>\n        <div class=\"furu-sim__input-wrap\">\n          <select id=\"furuChildren\">\n            <option value=\"0\">\u306a\u3057<\/option>\n            <option value=\"1\">1\u4eba\uff0816\u301c18\u6b73\uff09<\/option>\n            <option value=\"2\">2\u4eba\uff0816\u301c18\u6b73\uff09<\/option>\n            <option value=\"1s\">1\u4eba\uff0819\u301c22\u6b73\uff09<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/div>\n    <button class=\"furu-sim__btn\" onclick=\"furuCalc()\">\u63a7\u9664\u4e0a\u9650\u984d\u3092\u8a08\u7b97\u3059\u308b<\/button>\n    <div class=\"furu-sim__results\" id=\"furuResults\">\n      <div class=\"furu-sim__result-main\">\n        <div class=\"furu-sim__result-main-label\">\u3042\u306a\u305f\u306e\u3075\u308b\u3055\u3068\u7d0d\u7a0e \u63a7\u9664\u4e0a\u9650\u984d\uff08\u76ee\u5b89\uff09<\/div>\n        <div class=\"furu-sim__result-main-value\" id=\"furuLimit\">-<\/div>\n        <div class=\"furu-sim__result-main-sub\">\u3053\u306e\u91d1\u984d\u307e\u3067\u306a\u3089\u5b9f\u8cea\u8ca0\u62c52,000\u5186\u3067\u5bc4\u4ed8\u3067\u304d\u307e\u3059<\/div>\n      <\/div>\n      <div class=\"furu-sim__breakdown\">\n        <div class=\"furu-sim__bk-item\">\n          <div class=\"furu-sim__bk-label\">\u5bc4\u4ed8\u91d1\u984d<\/div>\n          <div class=\"furu-sim__bk-value\" id=\"furuDonation\">-<\/div>\n        <\/div>\n        <div class=\"furu-sim__bk-item\">\n          <div class=\"furu-sim__bk-label\">\u63a7\u9664\u3055\u308c\u308b\u7a0e\u91d1<\/div>\n          <div class=\"furu-sim__bk-value\" id=\"furuDeduction\">-<\/div>\n        <\/div>\n        <div class=\"furu-sim__bk-item\">\n          <div class=\"furu-sim__bk-label\">\u81ea\u5df1\u8ca0\u62c5\u984d<\/div>\n          <div class=\"furu-sim__bk-value\" id=\"furuSelfPay\" style=\"color:#c0564e;\">2,000\u5186<\/div>\n        <\/div>\n      <\/div>\n      <div class=\"furu-sim__tip\">\n        <div class=\"furu-sim__tip-title\">&#x1f4a1; \u30ef\u30f3\u30dd\u30a4\u30f3\u30c8<\/div>\n        <span id=\"furuTip\"><\/span>\n      <\/div>\n      <div class=\"furu-sim__note\">\n        \u203b \u672c\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u306f\u7d66\u4e0e\u6240\u5f97\u8005\u3092\u5bfe\u8c61\u3068\u3057\u305f\u7c21\u6613\u8a08\u7b97\u3067\u3059\u3002\u4f4f\u5b85\u30ed\u30fc\u30f3\u63a7\u9664\u30fb\u533b\u7642\u8cbb\u63a7\u9664\u30fbiDeCo\u7b49\u306e\u63a7\u9664\u304c\u3042\u308b\u5834\u5408\u306f\u4e0a\u9650\u984d\u304c\u5909\u308f\u308a\u307e\u3059\u3002\u6b63\u78ba\u306a\u91d1\u984d\u306f\u304a\u4f4f\u307e\u3044\u306e\u81ea\u6cbb\u4f53\u307e\u305f\u306f\u7a0e\u7406\u58eb\u306b\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\u793e\u4f1a\u4fdd\u967a\u6599\u306f\u5e74\u53ce\u306e15%\u3068\u3057\u3066\u6982\u7b97\u3057\u3066\u3044\u307e\u3059\u3002\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var incInput = document.getElementById('furuIncome'), incSlider = document.getElementById('furuIncomeSlider');\n  incInput.addEventListener('input', function(){ incSlider.value = this.value; });\n  incSlider.addEventListener('input', function(){ incInput.value = this.value; });\n\n  function fmt(n){ return Math.round(n).toLocaleString() + '\u5186'; }\n  function fmtMan(n){\n    if(n >= 10000) return Math.round(n\/10000).toLocaleString() + '\u4e07\u5186';\n    return fmt(n);\n  }\n\n  window.furuCalc = function(){\n    var income = parseFloat(incInput.value) || 0;\n    var spouse = document.getElementById('furuSpouse').value;\n    var children = document.getElementById('furuChildren').value;\n\n    \/\/ \u7d66\u4e0e\u6240\u5f97\u63a7\u9664\n    var deduction = 0;\n    if(income <= 1625000) deduction = 550000;\n    else if(income <= 1800000) deduction = income * 0.4 - 100000;\n    else if(income <= 3600000) deduction = income * 0.3 + 80000;\n    else if(income <= 6600000) deduction = income * 0.2 + 440000;\n    else if(income <= 8500000) deduction = income * 0.1 + 1100000;\n    else deduction = 1950000;\n\n    var shotoku = income - deduction;\n\n    \/\/ \u793e\u4f1a\u4fdd\u967a\u6599\u63a7\u9664\uff08\u6982\u7b9715%\uff09\n    var shakai = Math.round(income * 0.15);\n\n    \/\/ \u57fa\u790e\u63a7\u9664\n    var kiso = 480000;\n\n    \/\/ \u914d\u5076\u8005\u63a7\u9664\n    var haiguu = 0;\n    if(spouse === 'general') haiguu = 380000;\n\n    \/\/ \u6276\u990a\u63a7\u9664\n    var fuyou = 0;\n    if(children === '1') fuyou = 380000;\n    else if(children === '2') fuyou = 760000;\n    else if(children === '1s') fuyou = 630000;\n\n    \/\/ \u8ab2\u7a0e\u6240\u5f97\n    var taxableIncome = Math.max(shotoku - shakai - kiso - haiguu - fuyou, 0);\n\n    \/\/ \u6240\u5f97\u7a0e\u7387\n    var taxRate = 0;\n    if(taxableIncome <= 1950000) taxRate = 0.05;\n    else if(taxableIncome <= 3300000) taxRate = 0.10;\n    else if(taxableIncome <= 6950000) taxRate = 0.20;\n    else if(taxableIncome <= 9000000) taxRate = 0.23;\n    else if(taxableIncome <= 18000000) taxRate = 0.33;\n    else if(taxableIncome <= 40000000) taxRate = 0.40;\n    else taxRate = 0.45;\n\n    \/\/ \u4f4f\u6c11\u7a0e\u6240\u5f97\u5272\u984d\uff08\u6982\u7b97\uff09\n    var juminTax = Math.round(taxableIncome * 0.10);\n\n    \/\/ \u3075\u308b\u3055\u3068\u7d0d\u7a0e\u4e0a\u9650\u984d\u306e\u8a08\u7b97\n    \/\/ \u4e0a\u9650 = \u4f4f\u6c11\u7a0e\u6240\u5f97\u5272\u984d \u00d7 20% \/ (1 - \u6240\u5f97\u7a0e\u7387\u00d71.021 - 0.10) + 2000\n    var denominator = 1 - taxRate * 1.021 - 0.10;\n    var limit = 0;\n    if(denominator > 0) {\n      limit = Math.floor(juminTax * 0.20 \/ denominator) + 2000;\n    }\n    limit = Math.max(limit, 2000);\n\n    document.getElementById('furuLimit').textContent = fmtMan(limit);\n    document.getElementById('furuDonation').textContent = fmtMan(limit);\n    document.getElementById('furuDeduction').textContent = fmtMan(limit - 2000);\n\n    \/\/ \u30c6\u30a3\u30c3\u30d7\u30b9\n    var tips = [];\n    if(income >= 3000000 && income < 5000000) tips.push('\u5e74\u53ce' + Math.round(income\/10000) + '\u4e07\u5186\u306e\u65b9\u306f\u3001\u8fd4\u793c\u54c1\u306e\u98df\u54c1\u3084\u65e5\u7528\u54c1\u3092\u9078\u3076\u3068\u5bb6\u8a08\u306e\u7bc0\u7d04\u306b\u3082\u52b9\u679c\u7684\u3067\u3059\u3002');\n    else if(income >= 5000000 && income < 8000000) tips.push('\u63a7\u9664\u4e0a\u9650\u984d\u306b\u4f59\u88d5\u304c\u3042\u308a\u307e\u3059\u306e\u3067\u3001\u5b9a\u671f\u4fbf\uff08\u304a\u7c73\u30fb\u8089\u306e\u5b9a\u671f\u914d\u9001\u306a\u3069\uff09\u3092\u6d3b\u7528\u3059\u308b\u3068\u5e74\u9593\u3092\u901a\u3058\u3066\u304a\u5f97\u3067\u3059\u3002');\n    else if(income >= 8000000) tips.push('\u9ad8\u984d\u306a\u8fd4\u793c\u54c1\uff08\u5bb6\u96fb\u30fb\u65c5\u884c\u5238\u306a\u3069\uff09\u3082\u9078\u629e\u80a2\u306b\u5165\u308a\u307e\u3059\u3002\u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u7279\u4f8b\u306f5\u81ea\u6cbb\u4f53\u307e\u3067\u30026\u81ea\u6cbb\u4f53\u4ee5\u4e0a\u306f\u78ba\u5b9a\u7533\u544a\u304c\u5fc5\u8981\u3067\u3059\u3002');\n\n    if(spouse === 'none' && children === '0') tips.push('\u72ec\u8eab\u30fb\u5171\u50cd\u304d\u306e\u5834\u5408\u306f\u63a7\u9664\u4e0a\u9650\u984d\u304c\u6700\u3082\u9ad8\u304f\u306a\u308a\u307e\u3059\u3002');\n    if(tips.length === 0) tips.push('\u4e0a\u9650\u984d\u30ae\u30ea\u30ae\u30ea\u307e\u3067\u5bc4\u4ed8\u3059\u308b\u3068\u6700\u3082\u304a\u5f97\u3067\u3059\u3002\u305f\u3060\u3057\u8d85\u904e\u5206\u306f\u81ea\u5df1\u8ca0\u62c5\u306b\u306a\u308b\u305f\u3081\u3001\u5c11\u3057\u4f59\u88d5\u3092\u3082\u3063\u305f\u91d1\u984d\u304c\u304a\u3059\u3059\u3081\u3067\u3059\u3002');\n\n    document.getElementById('furuTip').textContent = tips.join(' ');\n    document.getElementById('furuResults').className = 'furu-sim__results show';\n  };\n  furuCalc();\n})();\n<\/script>\n\n\n\n<!-- \u624b\u53d6\u308a\u8a08\u7b97\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc v1.0 -->\n<!-- WordPress\u306e\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u306b\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n<style>\n  .tedori * { margin: 0; padding: 0; box-sizing: border-box; }\n  .tedori {\n    font-family: \"Helvetica Neue\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", sans-serif;\n    max-width: 1080px;\n    margin: 2em auto;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    overflow: hidden;\n  }\n  .tedori__header {\n    background: linear-gradient(135deg, #2d3068 0%, #4a50a5 100%);\n    padding: 28px 32px;\n    color: #fff;\n  }\n  .tedori__header h2 { font-size: 22px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 6px; }\n  .tedori__header p { font-size: 13px; opacity: 0.8; line-height: 1.6; }\n  .tedori__body { padding: 28px 32px; }\n  .tedori__inputs { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 24px; }\n  .tedori__field { display: flex; flex-direction: column; }\n  .tedori__field.full-width { grid-column: 1 \/ -1; }\n  .tedori__label { font-size: 13px; font-weight: 600; color: #4a5568; margin-bottom: 6px; letter-spacing: 0.02em; }\n  .tedori__label-sub { font-size: 11px; font-weight: 400; color: #a0aec0; }\n  .tedori__input-wrap {\n    display: flex; align-items: center; border: 2px solid #e2e8f0; border-radius: 10px;\n    overflow: hidden; transition: border-color 0.2s; background: #f8fafc;\n  }\n  .tedori__input-wrap:focus-within { border-color: #4a50a5; background: #fff; }\n  .tedori__input-wrap input, .tedori__input-wrap select {\n    flex: 1; border: none; outline: none; padding: 12px 14px; font-size: 18px;\n    font-weight: 600; color: #1a202c; background: transparent; width: 100%;\n  }\n  .tedori__input-wrap select { font-size: 16px; cursor: pointer; }\n  .tedori__input-wrap input::-webkit-inner-spin-button { -webkit-appearance: none; }\n  .tedori__input-wrap input[type=number] { -moz-appearance: textfield; }\n  .tedori__unit { padding: 0 14px; font-size: 14px; font-weight: 600; color: #718096; white-space: nowrap; }\n  .tedori__slider {\n    width: 100%; margin-top: 6px; -webkit-appearance: none; appearance: none;\n    height: 6px; border-radius: 3px; background: #e2e8f0; outline: none;\n  }\n  .tedori__slider::-webkit-slider-thumb {\n    -webkit-appearance: none; width: 20px; height: 20px; border-radius: 50%;\n    background: #4a50a5; cursor: pointer; box-shadow: 0 2px 6px rgba(74,80,165,0.3); transition: transform 0.15s;\n  }\n  .tedori__slider::-webkit-slider-thumb:hover { transform: scale(1.15); }\n  .tedori__slider::-moz-range-thumb {\n    width: 20px; height: 20px; border-radius: 50%; background: #4a50a5;\n    cursor: pointer; border: none; box-shadow: 0 2px 6px rgba(74,80,165,0.3);\n  }\n  .tedori__btn {\n    display: block; width: 100%; padding: 14px;\n    background: linear-gradient(135deg, #2d3068 0%, #4a50a5 100%);\n    color: #fff; font-size: 16px; font-weight: 700; border: none; border-radius: 10px;\n    cursor: pointer; letter-spacing: 0.05em; transition: transform 0.15s, box-shadow 0.15s; margin-bottom: 28px;\n  }\n  .tedori__btn:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(74,80,165,0.25); }\n  .tedori__results { display: none; }\n  .tedori__results.show { display: block; }\n  .tedori__result-hero {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 20px;\n  }\n  .tedori__hero-card {\n    padding: 20px; border-radius: 14px; text-align: center;\n  }\n  .tedori__hero-card--annual {\n    background: linear-gradient(135deg, #2d3068 0%, #4a50a5 100%); color: #fff;\n  }\n  .tedori__hero-card--monthly {\n    background: linear-gradient(135deg, #4a50a5 0%, #6366f1 100%); color: #fff;\n  }\n  .tedori__hero-label { font-size: 13px; opacity: 0.8; margin-bottom: 6px; }\n  .tedori__hero-value { font-size: 32px; font-weight: 800; line-height: 1.1; }\n  .tedori__hero-sub { font-size: 12px; opacity: 0.6; margin-top: 6px; }\n\n  \/* \u68d2\u30b0\u30e9\u30d5\u98a8\u306e\u5185\u8a33 *\/\n  .tedori__bar-section { margin-bottom: 24px; }\n  .tedori__bar-title { font-size: 13px; font-weight: 700; color: #4a5568; margin-bottom: 12px; }\n  .tedori__bar-container {\n    height: 36px; border-radius: 8px; overflow: hidden; display: flex; margin-bottom: 10px;\n    background: #edf2f7;\n  }\n  .tedori__bar-seg { height: 100%; display: flex; align-items: center; justify-content: center;\n    font-size: 11px; font-weight: 700; color: #fff; min-width: 2px; transition: width 0.4s ease; }\n  .tedori__bar-legend { display: flex; flex-wrap: wrap; gap: 10px 18px; }\n  .tedori__bar-legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #4a5568; }\n  .tedori__bar-dot { width: 10px; height: 10px; border-radius: 3px; flex-shrink: 0; }\n\n  \/* \u8a73\u7d30\u30c6\u30fc\u30d6\u30eb *\/\n  .tedori__detail { margin-bottom: 16px; }\n  .tedori__detail-row {\n    display: flex; justify-content: space-between; padding: 10px 14px; font-size: 13px;\n    border-bottom: 1px solid #f0f0f0;\n  }\n  .tedori__detail-row:last-child { border-bottom: none; }\n  .tedori__detail-row--header { background: #f8fafc; border-radius: 8px 8px 0 0; font-weight: 700; color: #4a5568; border-bottom: 2px solid #e2e8f0; }\n  .tedori__detail-row--total { background: #eef2ff; border-radius: 0 0 8px 8px; font-weight: 700; color: #2d3068; }\n  .tedori__detail-label { color: #718096; }\n  .tedori__detail-value { font-weight: 600; color: #2d3748; }\n  .tedori__detail-value--red { color: #e53e3e; }\n\n  .tedori__invest-box {\n    background: #eef2ff; border: 1px solid #a3bffa; border-radius: 10px;\n    padding: 14px 18px; margin-bottom: 16px; display: flex; align-items: center; gap: 12px;\n  }\n  .tedori__invest-icon { font-size: 28px; flex-shrink: 0; }\n  .tedori__invest-text { font-size: 13px; color: #2d3068; line-height: 1.6; }\n  .tedori__invest-text strong { font-size: 18px; color: #4a50a5; }\n  .tedori__note {\n    font-size: 11px; color: #a0aec0; line-height: 1.7; margin-top: 16px;\n    padding-top: 16px; border-top: 1px solid #edf2f7;\n  }\n  @media (max-width: 600px) {\n    .tedori__body { padding: 20px 18px; }\n    .tedori__header { padding: 22px 18px; }\n    .tedori__header h2 { font-size: 18px; }\n    .tedori__inputs { grid-template-columns: 1fr; gap: 14px; }\n    .tedori__result-hero { grid-template-columns: 1fr; }\n    .tedori__hero-value { font-size: 26px; }\n  }\n<\/style>\n\n<div class=\"tedori\" id=\"tedoriSim\">\n  <div class=\"tedori__header\">\n    <h2>&#x1f4b0; \u624b\u53d6\u308a\u8a08\u7b97\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc<\/h2>\n    <p>\u5e74\u53ce\uff08\u984d\u9762\uff09\u304b\u3089\u793e\u4f1a\u4fdd\u967a\u6599\u30fb\u7a0e\u91d1\u3092\u5dee\u3057\u5f15\u3044\u305f\u624b\u53d6\u308a\u984d\u3092\u8a08\u7b97\u3057\u307e\u3059\u3002<\/p>\n  <\/div>\n  <div class=\"tedori__body\">\n    <div class=\"tedori__inputs\">\n      <div class=\"tedori__field full-width\">\n        <label class=\"tedori__label\">\u5e74\u53ce\uff08\u984d\u9762\uff09 <span class=\"tedori__label-sub\">\u30dc\u30fc\u30ca\u30b9\u8fbc\u307f\u306e\u7dcf\u652f\u7d66\u984d<\/span><\/label>\n        <div class=\"tedori__input-wrap\">\n          <input type=\"number\" id=\"tedoriIncome\" value=\"5000000\" min=\"0\" step=\"10000\">\n          <span class=\"tedori__unit\">\u5186<\/span>\n        <\/div>\n        <input type=\"range\" class=\"tedori__slider\" id=\"tedoriIncomeSlider\" min=\"1000000\" max=\"30000000\" step=\"100000\" value=\"5000000\">\n      <\/div>\n      <div class=\"tedori__field\">\n        <label class=\"tedori__label\">\u914d\u5076\u8005\u63a7\u9664<\/label>\n        <div class=\"tedori__input-wrap\">\n          <select id=\"tedoriSpouse\">\n            <option value=\"none\">\u306a\u3057<\/option>\n            <option value=\"general\">\u914d\u5076\u8005\u63a7\u9664\u3042\u308a<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"tedori__field\">\n        <label class=\"tedori__label\">\u6276\u990a\u5bb6\u65cf\u306e\u4eba\u6570 <span class=\"tedori__label-sub\">16\u6b73\u4ee5\u4e0a\u306e\u5b50\u3069\u3082\u7b49<\/span><\/label>\n        <div class=\"tedori__input-wrap\">\n          <select id=\"tedoriFuyou\">\n            <option value=\"0\">0\u4eba<\/option>\n            <option value=\"1\">1\u4eba<\/option>\n            <option value=\"2\">2\u4eba<\/option>\n            <option value=\"3\">3\u4eba<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"tedori__field\">\n        <label class=\"tedori__label\">\u5e74\u9f62<\/label>\n        <div class=\"tedori__input-wrap\">\n          <select id=\"tedoriAge\">\n            <option value=\"under40\">39\u6b73\u4ee5\u4e0b<\/option>\n            <option value=\"over40\">40\u6b73\u4ee5\u4e0a<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n      <div class=\"tedori__field\">\n        <label class=\"tedori__label\">\u4f4f\u3093\u3067\u3044\u308b\u5730\u57df<\/label>\n        <div class=\"tedori__input-wrap\">\n          <select id=\"tedoriArea\">\n            <option value=\"normal\">\u4e00\u822c\u7684\u306a\u5730\u57df<\/option>\n            <option value=\"tokyo\">\u6771\u4eac\u90fd\uff08\u7279\u5225\u533a\uff09<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n    <\/div>\n    <button class=\"tedori__btn\" onclick=\"tedoriCalc()\">\u624b\u53d6\u308a\u3092\u8a08\u7b97\u3059\u308b<\/button>\n\n    <div class=\"tedori__results\" id=\"tedoriResults\">\n      <div class=\"tedori__result-hero\">\n        <div class=\"tedori__hero-card tedori__hero-card--annual\">\n          <div class=\"tedori__hero-label\">\u5e74\u9593\u624b\u53d6\u308a\u984d<\/div>\n          <div class=\"tedori__hero-value\" id=\"tedoriAnnual\">-<\/div>\n          <div class=\"tedori__hero-sub\" id=\"tedoriRate\">-<\/div>\n        <\/div>\n        <div class=\"tedori__hero-card tedori__hero-card--monthly\">\n          <div class=\"tedori__hero-label\">\u6708\u984d\u624b\u53d6\u308a\uff08\u76ee\u5b89\uff09<\/div>\n          <div class=\"tedori__hero-value\" id=\"tedoriMonthly\">-<\/div>\n          <div class=\"tedori__hero-sub\">\u5e74\u9593\u624b\u53d6\u308a \u00f7 12<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"tedori__bar-section\">\n        <div class=\"tedori__bar-title\">\u5e74\u53ce\u306e\u5185\u8a33<\/div>\n        <div class=\"tedori__bar-container\" id=\"tedoriBar\"><\/div>\n        <div class=\"tedori__bar-legend\" id=\"tedoriLegend\"><\/div>\n      <\/div>\n\n      <div class=\"tedori__detail\" id=\"tedoriDetail\"><\/div>\n\n      <div class=\"tedori__invest-box\">\n        <div class=\"tedori__invest-icon\">&#x1f4c8;<\/div>\n        <div class=\"tedori__invest-text\" id=\"tedoriInvestText\"><\/div>\n      <\/div>\n\n      <div class=\"tedori__note\">\n        \u203b \u6982\u7b97\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u3059\u3002\u793e\u4f1a\u4fdd\u967a\u6599\u7387\u306f\u6a19\u6e96\u7684\u306a\u5354\u4f1a\u3051\u3093\u307d\u306e\u6599\u7387\u3092\u4f7f\u7528\u3002\u4f4f\u6c11\u7a0e\u306f\u5747\u7b49\u52725,000\u5186\uff0b\u6240\u5f97\u527210%\u3067\u6982\u7b97\u3002\u5fa9\u8208\u7279\u5225\u6240\u5f97\u7a0e\uff082.1%\uff09\u3092\u542b\u307f\u307e\u3059\u3002\u8cde\u4e0e\u306e\u793e\u4f1a\u4fdd\u967a\u6599\u7387\u3084\u5b9f\u969b\u306e\u81ea\u6cbb\u4f53\u306b\u3088\u308b\u5dee\u7570\u7b49\u306f\u53cd\u6620\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u6b63\u78ba\u306a\u91d1\u984d\u306f\u7d66\u4e0e\u660e\u7d30\u30fb\u6e90\u6cc9\u5fb4\u53ce\u7968\u3092\u3054\u78ba\u8a8d\u304f\u3060\u3055\u3044\u3002\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function(){\n  var incInput = document.getElementById('tedoriIncome'), incSlider = document.getElementById('tedoriIncomeSlider');\n  incInput.addEventListener('input', function(){ incSlider.value = this.value; });\n  incSlider.addEventListener('input', function(){ incInput.value = this.value; });\n\n  function fmt(n){ return Math.round(n).toLocaleString() + '\u5186'; }\n  function fmtMan(n){\n    if(n >= 100000000) return (n\/100000000).toFixed(1) + '\u5104\u5186';\n    if(n >= 10000) return Math.round(n\/10000).toLocaleString() + '\u4e07\u5186';\n    return fmt(n);\n  }\n\n  window.tedoriCalc = function(){\n    var income = parseFloat(incInput.value) || 0;\n    var spouse = document.getElementById('tedoriSpouse').value;\n    var fuyouNum = parseInt(document.getElementById('tedoriFuyou').value) || 0;\n    var age = document.getElementById('tedoriAge').value;\n    var area = document.getElementById('tedoriArea').value;\n\n    \/\/ === \u793e\u4f1a\u4fdd\u967a\u6599 ===\n    \/\/ \u5065\u5eb7\u4fdd\u967a\u6599\u7387\uff08\u5354\u4f1a\u3051\u3093\u307d \u5168\u56fd\u5e73\u5747 \u7d0410% \/ \u672c\u4eba5%\uff09\n    var healthRate = 0.05;\n    \/\/ \u4ecb\u8b77\u4fdd\u967a\uff0840\u6b73\u4ee5\u4e0a \u7d040.8%\uff09\n    var careRate = age === 'over40' ? 0.008 : 0;\n    \/\/ \u539a\u751f\u5e74\u91d1\uff0818.3% \/ \u672c\u4eba9.15%\uff09\u4e0a\u9650\u3042\u308a\n    var pensionRate = 0.0915;\n    \/\/ \u96c7\u7528\u4fdd\u967a\uff080.6%\uff09\n    var employRate = 0.006;\n\n    var healthIns = Math.round(income * healthRate);\n    var careIns = Math.round(income * careRate);\n    \/\/ \u539a\u751f\u5e74\u91d1\u306e\u4e0a\u9650\uff08\u6a19\u6e96\u5831\u916c\u6708\u984d65\u4e07 \u00d7 12 = 780\u4e07\uff09\n    var pensionBase = Math.min(income, 7800000);\n    var pensionIns = Math.round(pensionBase * pensionRate);\n    var employIns = Math.round(income * employRate);\n\n    var totalInsurance = healthIns + careIns + pensionIns + employIns;\n\n    \/\/ === \u6240\u5f97\u7a0e ===\n    \/\/ \u7d66\u4e0e\u6240\u5f97\u63a7\u9664\n    var kyuyoDeduction = 0;\n    if(income <= 1625000) kyuyoDeduction = 550000;\n    else if(income <= 1800000) kyuyoDeduction = income * 0.4 - 100000;\n    else if(income <= 3600000) kyuyoDeduction = income * 0.3 + 80000;\n    else if(income <= 6600000) kyuyoDeduction = income * 0.2 + 440000;\n    else if(income <= 8500000) kyuyoDeduction = income * 0.1 + 1100000;\n    else kyuyoDeduction = 1950000;\n\n    var shotoku = income - kyuyoDeduction;\n\n    \/\/ \u5404\u7a2e\u63a7\u9664\n    var kisoKoujo = shotoku <= 24000000 ? 480000 : 0;\n    var haiguuKoujo = spouse === 'general' ? 380000 : 0;\n    var fuyouKoujo = fuyouNum * 380000;\n\n    var taxableIncome = Math.max(shotoku - totalInsurance - kisoKoujo - haiguuKoujo - fuyouKoujo, 0);\n\n    \/\/ \u6240\u5f97\u7a0e\u8a08\u7b97\uff08\u7d2f\u9032\u8ab2\u7a0e\uff09\n    var incomeTax = 0;\n    if(taxableIncome <= 1950000) incomeTax = taxableIncome * 0.05;\n    else if(taxableIncome <= 3300000) incomeTax = taxableIncome * 0.10 - 97500;\n    else if(taxableIncome <= 6950000) incomeTax = taxableIncome * 0.20 - 427500;\n    else if(taxableIncome <= 9000000) incomeTax = taxableIncome * 0.23 - 636000;\n    else if(taxableIncome <= 18000000) incomeTax = taxableIncome * 0.33 - 1536000;\n    else if(taxableIncome <= 40000000) incomeTax = taxableIncome * 0.40 - 2796000;\n    else incomeTax = taxableIncome * 0.45 - 4796000;\n    \/\/ \u5fa9\u8208\u7279\u5225\u6240\u5f97\u7a0e\n    incomeTax = Math.round(incomeTax * 1.021);\n\n    \/\/ === \u4f4f\u6c11\u7a0e ===\n    \/\/ \u4f4f\u6c11\u7a0e\u306e\u8ab2\u7a0e\u6240\u5f97\uff08\u57fa\u790e\u63a7\u9664\u304c43\u4e07\u5186\u306b\u306a\u308b\u7b49\u306e\u5dee\u7570\u3042\u308a\uff09\n    var juminKiso = 430000;\n    var juminTaxable = Math.max(shotoku - totalInsurance - juminKiso - haiguuKoujo - fuyouKoujo, 0);\n    var juminTax = Math.round(juminTaxable * 0.10) + 5000; \/\/ \u5747\u7b49\u5272\n\n    \/\/ === \u624b\u53d6\u308a ===\n    var totalTax = incomeTax + juminTax;\n    var totalDeductions = totalInsurance + totalTax;\n    var tedori = income - totalDeductions;\n    var tedoriRate = income > 0 ? (tedori \/ income * 100) : 0;\n\n    \/\/ \u8868\u793a\n    document.getElementById('tedoriAnnual').textContent = fmtMan(tedori);\n    document.getElementById('tedoriMonthly').textContent = fmtMan(Math.round(tedori \/ 12));\n    document.getElementById('tedoriRate').textContent = '\u984d\u9762\u306e\u7d04' + tedoriRate.toFixed(1) + '%\u304c\u624b\u53d6\u308a';\n\n    \/\/ \u68d2\u30b0\u30e9\u30d5\n    var bar = document.getElementById('tedoriBar');\n    var pTedori = (tedori \/ income * 100);\n    var pIns = (totalInsurance \/ income * 100);\n    var pIncTax = (incomeTax \/ income * 100);\n    var pJumin = (juminTax \/ income * 100);\n\n    bar.innerHTML =\n      '<div class=\"tedori__bar-seg\" style=\"width:'+pTedori+'%;background:#4a50a5;\">'+(pTedori>15?Math.round(pTedori)+'%':'')+'<\/div>'+\n      '<div class=\"tedori__bar-seg\" style=\"width:'+pIns+'%;background:#e53e3e;\">'+(pIns>5?Math.round(pIns)+'%':'')+'<\/div>'+\n      '<div class=\"tedori__bar-seg\" style=\"width:'+pIncTax+'%;background:#dd6b20;\">'+(pIncTax>5?Math.round(pIncTax)+'%':'')+'<\/div>'+\n      '<div class=\"tedori__bar-seg\" style=\"width:'+pJumin+'%;background:#d69e2e;\">'+(pJumin>3?Math.round(pJumin)+'%':'')+'<\/div>';\n\n    document.getElementById('tedoriLegend').innerHTML =\n      '<span class=\"tedori__bar-legend-item\"><span class=\"tedori__bar-dot\" style=\"background:#4a50a5;\"><\/span>\u624b\u53d6\u308a '+Math.round(pTedori)+'%<\/span>'+\n      '<span class=\"tedori__bar-legend-item\"><span class=\"tedori__bar-dot\" style=\"background:#e53e3e;\"><\/span>\u793e\u4f1a\u4fdd\u967a\u6599 '+Math.round(pIns)+'%<\/span>'+\n      '<span class=\"tedori__bar-legend-item\"><span class=\"tedori__bar-dot\" style=\"background:#dd6b20;\"><\/span>\u6240\u5f97\u7a0e '+Math.round(pIncTax)+'%<\/span>'+\n      '<span class=\"tedori__bar-legend-item\"><span class=\"tedori__bar-dot\" style=\"background:#d69e2e;\"><\/span>\u4f4f\u6c11\u7a0e '+Math.round(pJumin)+'%<\/span>';\n\n    \/\/ \u8a73\u7d30\n    var detail = document.getElementById('tedoriDetail');\n    detail.innerHTML =\n      '<div class=\"tedori__detail-row tedori__detail-row--header\"><span>\u9805\u76ee<\/span><span>\u91d1\u984d<\/span><\/div>'+\n      '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u984d\u9762\u5e74\u53ce<\/span><span class=\"tedori__detail-value\">'+fmt(income)+'<\/span><\/div>'+\n      '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u3000\u5065\u5eb7\u4fdd\u967a\u6599<\/span><span class=\"tedori__detail-value tedori__detail-value--red\">-'+fmt(healthIns)+'<\/span><\/div>'+\n      (careIns > 0 ? '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u3000\u4ecb\u8b77\u4fdd\u967a\u6599<\/span><span class=\"tedori__detail-value tedori__detail-value--red\">-'+fmt(careIns)+'<\/span><\/div>' : '')+\n      '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u3000\u539a\u751f\u5e74\u91d1\u4fdd\u967a\u6599<\/span><span class=\"tedori__detail-value tedori__detail-value--red\">-'+fmt(pensionIns)+'<\/span><\/div>'+\n      '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u3000\u96c7\u7528\u4fdd\u967a\u6599<\/span><span class=\"tedori__detail-value tedori__detail-value--red\">-'+fmt(employIns)+'<\/span><\/div>'+\n      '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u3000\u6240\u5f97\u7a0e\uff08\u5fa9\u8208\u7a0e\u542b\u3080\uff09<\/span><span class=\"tedori__detail-value tedori__detail-value--red\">-'+fmt(incomeTax)+'<\/span><\/div>'+\n      '<div class=\"tedori__detail-row\"><span class=\"tedori__detail-label\">\u3000\u4f4f\u6c11\u7a0e<\/span><span class=\"tedori__detail-value tedori__detail-value--red\">-'+fmt(juminTax)+'<\/span><\/div>'+\n      '<div class=\"tedori__detail-row tedori__detail-row--total\"><span>\u5e74\u9593\u624b\u53d6\u308a\u984d<\/span><span>'+fmt(tedori)+'<\/span><\/div>';\n\n    \/\/ NISA\u6295\u8cc7\u3078\u306e\u6a4b\u6e21\u3057\n    var monthlyTedori = Math.round(tedori \/ 12);\n    var suggestInvest = Math.round(monthlyTedori * 0.1 \/ 1000) * 1000;\n    suggestInvest = Math.max(suggestInvest, 1000);\n    document.getElementById('tedoriInvestText').innerHTML =\n      '\u6708\u306e\u624b\u53d6\u308a<strong>'+fmtMan(monthlyTedori)+'<\/strong>\u306e\u3046\u3061\u3001<br>'+\n      '\u624b\u53d6\u308a\u306e10%\u306b\u3042\u305f\u308b<strong>\u6708'+fmtMan(suggestInvest)+'<\/strong>\u304b\u3089\u3064\u307f\u305f\u3066NISA\u3092\u59cb\u3081\u3066\u307f\u307e\u305b\u3093\u304b\uff1f';\n\n    document.getElementById('tedoriResults').className = 'tedori__results show';\n  };\n  tedoriCalc();\n})();\n<\/script>\n\n\n\n<!-- \u6240\u5f97\u7a0e\u30fb\u4f4f\u6c11\u7a0e \u65e9\u898b\u8868 v2.0 -->\n<!-- WordPress\u306e\u30ab\u30b9\u30bf\u30e0HTML\u30d6\u30ed\u30c3\u30af\u306b\u305d\u306e\u307e\u307e\u8cbc\u308a\u4ed8\u3051\u3066\u304f\u3060\u3055\u3044 -->\n<style>\n  .tax-table * { margin: 0; padding: 0; box-sizing: border-box; }\n  .tax-table {\n    font-family: \"Helvetica Neue\", \"Hiragino Sans\", \"Hiragino Kaku Gothic ProN\", \"Noto Sans JP\", sans-serif;\n    max-width: 1080px;\n    margin: 2em auto;\n    background: #ffffff;\n    border-radius: 16px;\n    box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n    overflow: hidden;\n  }\n  .tax-table__header {\n    background: linear-gradient(135deg, #1a365d 0%, #2b6cb0 100%);\n    padding: 28px 32px;\n    color: #fff;\n  }\n  .tax-table__header h2 { font-size: 22px; font-weight: 700; letter-spacing: 0.02em; margin-bottom: 6px; }\n  .tax-table__header p { font-size: 13px; opacity: 0.8; line-height: 1.6; }\n  .tax-table__body { padding: 24px 24px 28px; }\n  .tax-table__controls {\n    display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; align-items: flex-end;\n  }\n  .tax-table__control-group { display: flex; flex-direction: column; gap: 4px; }\n  .tax-table__control-label { font-size: 12px; font-weight: 600; color: #718096; }\n  .tax-table__select {\n    padding: 8px 12px; border: 2px solid #e2e8f0; border-radius: 8px; font-size: 14px;\n    font-weight: 600; color: #2d3748; background: #f8fafc; cursor: pointer; outline: none;\n    transition: border-color 0.2s;\n  }\n  .tax-table__select:focus { border-color: #2b6cb0; }\n\n  \/* \u30cf\u30a4\u30e9\u30a4\u30c8\u30ab\u30fc\u30c9 *\/\n  .tax-table__highlight {\n    display: none; margin-bottom: 20px;\n    background: linear-gradient(135deg, #1a365d 0%, #2b6cb0 100%);\n    border-radius: 12px; padding: 20px 24px; color: #fff;\n  }\n  .tax-table__highlight.show { display: block; }\n  .tax-table__hl-title { font-size: 13px; opacity: 0.7; margin-bottom: 10px; }\n  .tax-table__hl-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }\n  .tax-table__hl-item { text-align: center; }\n  .tax-table__hl-label { font-size: 11px; opacity: 0.7; margin-bottom: 2px; }\n  .tax-table__hl-value { font-size: 20px; font-weight: 800; }\n  .tax-table__hl-value--accent { color: #fbd38d; }\n\n  \/* \u8a73\u7d30\u5185\u8a33\u30d1\u30cd\u30eb *\/\n  .tax-table__detail-panel {\n    display: none; margin-bottom: 20px;\n  }\n  .tax-table__detail-panel.show { display: block; }\n  .tax-table__dp-section {\n    background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 10px;\n    padding: 16px 18px; margin-bottom: 12px;\n  }\n  .tax-table__dp-title {\n    font-size: 13px; font-weight: 700; color: #1a365d; margin-bottom: 10px;\n    padding-bottom: 8px; border-bottom: 2px solid #e2e8f0;\n    display: flex; align-items: center; gap: 6px;\n  }\n  .tax-table__dp-row {\n    display: flex; justify-content: space-between; align-items: center;\n    padding: 7px 0; font-size: 13px;\n    border-bottom: 1px solid #edf2f7;\n  }\n  .tax-table__dp-row:last-child { border-bottom: none; }\n  .tax-table__dp-label { color: #4a5568; display: flex; align-items: center; gap: 6px; }\n  .tax-table__dp-rate {\n    display: inline-block; background: #ebf4ff; color: #2b6cb0;\n    font-size: 11px; font-weight: 700; padding: 2px 7px; border-radius: 4px;\n    white-space: nowrap;\n  }\n  .tax-table__dp-rate--green {\n    background: #f0fff4; color: #276749;\n  }\n  .tax-table__dp-rate--orange {\n    background: #fffaf0; color: #c05621;\n  }\n  .tax-table__dp-rate--red {\n    background: #fff5f5; color: #c53030;\n  }\n  .tax-table__dp-value { font-weight: 700; color: #2d3748; white-space: nowrap; }\n  .tax-table__dp-total {\n    display: flex; justify-content: space-between; align-items: center;\n    padding: 10px 0 0; margin-top: 6px; border-top: 2px solid #cbd5e0;\n    font-size: 14px; font-weight: 800;\n  }\n  .tax-table__dp-total-label { color: #1a365d; }\n  .tax-table__dp-total-value { color: #1a365d; }\n  .tax-table__dp-total-value--blue { color: #2b6cb0; }\n  .tax-table__dp-total-value--red { color: #c53030; }\n\n  .tax-table__dp-cols {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;\n  }\n\n  \/* \u30c6\u30fc\u30d6\u30eb *\/\n  .tax-table__scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }\n  .tax-table__tbl {\n    width: 100%; border-collapse: collapse; font-size: 13px; min-width: 700px;\n  }\n  .tax-table__tbl thead th {\n    background: #1a365d; color: #fff; padding: 12px 10px; text-align: right;\n    font-weight: 600; font-size: 12px; letter-spacing: 0.02em;\n    position: sticky; top: 0; z-index: 2; white-space: nowrap;\n  }\n  .tax-table__tbl thead th:first-child { text-align: center; border-radius: 8px 0 0 0; }\n  .tax-table__tbl thead th:last-child { border-radius: 0 8px 0 0; }\n  .tax-table__tbl tbody tr { cursor: pointer; transition: background 0.15s; }\n  .tax-table__tbl tbody tr:hover { background: #ebf4ff; }\n  .tax-table__tbl tbody tr.selected { background: #bee3f8; }\n  .tax-table__tbl tbody td {\n    padding: 11px 10px; text-align: right; border-bottom: 1px solid #edf2f7;\n    color: #2d3748; white-space: nowrap;\n  }\n  .tax-table__tbl tbody td:first-child { text-align: center; font-weight: 700; color: #1a365d; }\n  .tax-table__tbl .td-tedori { font-weight: 800; color: #2b6cb0; }\n  .tax-table__tbl .td-rate { color: #718096; font-size: 12px; }\n  .tax-table__tbl .td-tax { color: #c53030; }\n  .tax-table__minibar {\n    display: inline-block; height: 6px; border-radius: 3px; vertical-align: middle;\n    margin-left: 6px; background: #bee3f8; min-width: 4px;\n  }\n\n  .tax-table__summary {\n    margin-top: 20px; padding: 16px 18px;\n    background: #f0f7ff; border: 1px solid #bee3f8; border-radius: 10px;\n  }\n  .tax-table__summary-title { font-size: 13px; font-weight: 700; color: #1a365d; margin-bottom: 8px; }\n  .tax-table__summary-text { font-size: 13px; color: #2d3748; line-height: 1.8; }\n  .tax-table__summary-text strong { color: #2b6cb0; }\n  \/* \u652f\u6255\u3044\u30bf\u30a4\u30df\u30f3\u30b0\u89e3\u8aac *\/\n  .tax-table__timing {\n    margin-top: 20px; border-radius: 10px; overflow: hidden;\n    border: 1px solid #e2e8f0;\n  }\n  .tax-table__timing-title {\n    font-size: 14px; font-weight: 700; color: #1a365d;\n    padding: 14px 18px; background: #f0f7ff; border-bottom: 1px solid #e2e8f0;\n  }\n  .tax-table__timing-body { padding: 0; }\n  .tax-table__timing-item {\n    padding: 16px 18px; border-bottom: 1px solid #edf2f7;\n  }\n  .tax-table__timing-item:last-child { border-bottom: none; }\n  .tax-table__timing-head {\n    display: flex; align-items: center; gap: 8px; margin-bottom: 8px;\n  }\n  .tax-table__timing-icon {\n    width: 32px; height: 32px; border-radius: 8px;\n    display: flex; align-items: center; justify-content: center;\n    font-size: 16px; flex-shrink: 0;\n  }\n  .tax-table__timing-icon--blue { background: #ebf4ff; }\n  .tax-table__timing-icon--amber { background: #fffaf0; }\n  .tax-table__timing-icon--green { background: #f0fff4; }\n  .tax-table__timing-name { font-size: 14px; font-weight: 700; color: #2d3748; }\n  .tax-table__timing-tag {\n    display: inline-block; font-size: 11px; font-weight: 700;\n    padding: 2px 8px; border-radius: 4px; margin-left: 4px;\n  }\n  .tax-table__timing-tag--blue { background: #ebf4ff; color: #2b6cb0; }\n  .tax-table__timing-tag--amber { background: #fffaf0; color: #c05621; }\n  .tax-table__timing-tag--green { background: #f0fff4; color: #276749; }\n  .tax-table__timing-desc {\n    font-size: 13px; color: #4a5568; line-height: 1.8; margin-left: 40px;\n  }\n  .tax-table__timing-desc strong { color: #1a365d; }\n  .tax-table__timing-warn {\n    margin: 10px 0 0 40px; padding: 10px 14px;\n    background: #fffaf0; border-radius: 8px; border-left: 3px solid #ed8936;\n    font-size: 12px; color: #7b341e; line-height: 1.7;\n  }\n  .tax-table__timing-timeline {\n    display: flex; gap: 0; margin: 10px 0 0 40px; font-size: 11px;\n    border-radius: 6px; overflow: hidden;\n  }\n  .tax-table__tl-block {\n    padding: 6px 0; text-align: center; font-weight: 600; color: #fff;\n    min-width: 20px;\n  }\n\n  .tax-table__note {\n    font-size: 11px; color: #a0aec0; line-height: 1.7; margin-top: 16px;\n    padding-top: 16px; border-top: 1px solid #edf2f7;\n  }\n\n  @media (max-width: 600px) {\n    .tax-table__body { padding: 16px 14px 20px; }\n    .tax-table__header { padding: 22px 18px; }\n    .tax-table__header h2 { font-size: 18px; }\n    .tax-table__hl-grid { grid-template-columns: 1fr 1fr; gap: 10px; }\n    .tax-table__hl-value { font-size: 16px; }\n    .tax-table__controls { gap: 10px; }\n    .tax-table__dp-cols { grid-template-columns: 1fr; }\n  }\n<\/style>\n\n<div class=\"tax-table\" id=\"taxTable\">\n  <div class=\"tax-table__header\">\n    <h2>&#x1f4cb; \u6240\u5f97\u7a0e\u30fb\u4f4f\u6c11\u7a0e\u30fb\u624b\u53d6\u308a \u65e9\u898b\u8868<\/h2>\n    <p>\u5e74\u53ce\u5225\u306e\u6240\u5f97\u7a0e\u30fb\u4f4f\u6c11\u7a0e\u30fb\u793e\u4f1a\u4fdd\u967a\u6599\u30fb\u624b\u53d6\u308a\u3092\u4e00\u89a7\u3067\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002\u884c\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u9069\u7528\u7a0e\u7387\u306e\u8a73\u7d30\u304c\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n  <\/div>\n  <div class=\"tax-table__body\">\n\n    <div class=\"tax-table__controls\">\n      <div class=\"tax-table__control-group\">\n        <span class=\"tax-table__control-label\">\u5bb6\u65cf\u69cb\u6210<\/span>\n        <select class=\"tax-table__select\" id=\"taxFamily\" onchange=\"taxBuild()\">\n          <option value=\"single\">\u72ec\u8eab \/ \u5171\u50cd\u304d\uff08\u6276\u990a\u306a\u3057\uff09<\/option>\n          <option value=\"spouse\">\u914d\u5076\u8005\u63a7\u9664\u3042\u308a<\/option>\n          <option value=\"spouse1\">\u914d\u5076\u8005\u63a7\u9664\uff0b\u5b501\u4eba<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"tax-table__control-group\">\n        <span class=\"tax-table__control-label\">\u5e74\u9f62<\/span>\n        <select class=\"tax-table__select\" id=\"taxAge\" onchange=\"taxBuild()\">\n          <option value=\"under40\">39\u6b73\u4ee5\u4e0b<\/option>\n          <option value=\"over40\">40\u6b73\u4ee5\u4e0a\uff08\u4ecb\u8b77\u4fdd\u967a\u3042\u308a\uff09<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n\n    <!-- \u30cf\u30a4\u30e9\u30a4\u30c8\u30ab\u30fc\u30c9 -->\n    <div class=\"tax-table__highlight\" id=\"taxHL\">\n      <div class=\"tax-table__hl-title\" id=\"taxHLTitle\">\u5e74\u53ce 500\u4e07\u5186\u306e\u5185\u8a33<\/div>\n      <div class=\"tax-table__hl-grid\">\n        <div class=\"tax-table__hl-item\">\n          <div class=\"tax-table__hl-label\">\u6240\u5f97\u7a0e<\/div>\n          <div class=\"tax-table__hl-value\" id=\"taxHLIncome\">-<\/div>\n        <\/div>\n        <div class=\"tax-table__hl-item\">\n          <div class=\"tax-table__hl-label\">\u4f4f\u6c11\u7a0e<\/div>\n          <div class=\"tax-table__hl-value\" id=\"taxHLResident\">-<\/div>\n        <\/div>\n        <div class=\"tax-table__hl-item\">\n          <div class=\"tax-table__hl-label\">\u793e\u4f1a\u4fdd\u967a\u6599<\/div>\n          <div class=\"tax-table__hl-value\" id=\"taxHLInsurance\">-<\/div>\n        <\/div>\n        <div class=\"tax-table__hl-item\">\n          <div class=\"tax-table__hl-label\">\u5e74\u9593\u624b\u53d6\u308a<\/div>\n          <div class=\"tax-table__hl-value tax-table__hl-value--accent\" id=\"taxHLTedori\">-<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- \u8a73\u7d30\u5185\u8a33\u30d1\u30cd\u30eb -->\n    <div class=\"tax-table__detail-panel\" id=\"taxDetailPanel\">\n      <div class=\"tax-table__dp-cols\">\n        <!-- \u793e\u4f1a\u4fdd\u967a\u6599\u306e\u5185\u8a33 -->\n        <div class=\"tax-table__dp-section\">\n          <div class=\"tax-table__dp-title\">&#x1f3e5; \u793e\u4f1a\u4fdd\u967a\u6599\u306e\u5185\u8a33<\/div>\n          <div id=\"taxDPInsurance\"><\/div>\n        <\/div>\n        <!-- \u7a0e\u91d1\u306e\u5185\u8a33 -->\n        <div class=\"tax-table__dp-section\">\n          <div class=\"tax-table__dp-title\">&#x1f3db;&#xfe0f; \u7a0e\u91d1\u306e\u5185\u8a33<\/div>\n          <div id=\"taxDPTax\"><\/div>\n        <\/div>\n      <\/div>\n      <!-- \u8a08\u7b97\u904e\u7a0b -->\n      <div class=\"tax-table__dp-section\">\n        <div class=\"tax-table__dp-title\">&#x1f4dd; \u8a08\u7b97\u306e\u6d41\u308c<\/div>\n        <div id=\"taxDPFlow\"><\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"tax-table__scroll\">\n      <table class=\"tax-table__tbl\">\n        <thead>\n          <tr>\n            <th>\u5e74\u53ce<\/th>\n            <th>\u6240\u5f97\u7a0e<\/th>\n            <th>\u4f4f\u6c11\u7a0e<\/th>\n            <th>\u793e\u4f1a\u4fdd\u967a\u6599<\/th>\n            <th>\u63a7\u9664\u5408\u8a08<\/th>\n            <th>\u624b\u53d6\u308a<\/th>\n            <th>\u624b\u53d6\u308a\u7387<\/th>\n          <\/tr>\n        <\/thead>\n        <tbody id=\"taxTBody\"><\/tbody>\n      <\/table>\n    <\/div>\n\n    <div class=\"tax-table__summary\">\n      <div class=\"tax-table__summary-title\">&#x1f4a1; \u65e9\u898b\u8868\u306e\u8aad\u307f\u65b9<\/div>\n      <div class=\"tax-table__summary-text\">\n        \u5e74\u53ce\u304c\u4e0a\u304c\u308b\u306b\u3064\u308c\u3066<strong>\u624b\u53d6\u308a\u7387\u306f\u4e0b\u304c\u3063\u3066\u3044\u304d\u307e\u3059<\/strong>\u3002\u3053\u308c\u306f\u65e5\u672c\u306e\u6240\u5f97\u7a0e\u304c\u7d2f\u9032\u8ab2\u7a0e\uff08\u5e74\u53ce\u304c\u9ad8\u3044\u307b\u3069\u7a0e\u7387\u304c\u4e0a\u304c\u308b\u4ed5\u7d44\u307f\uff09\u3060\u304b\u3089\u3067\u3059\u3002\n        \u305f\u3068\u3048\u3070\u5e74\u53ce500\u4e07\u5186\u306e\u624b\u53d6\u308a\u7387\u306f\u7d0478\u301c80%\u3067\u3059\u304c\u3001\u5e74\u53ce1,000\u4e07\u5186\u306b\u306a\u308b\u3068\u7d0472\u301c75%\u7a0b\u5ea6\u306b\u306a\u308a\u307e\u3059\u3002\n        \u624b\u53d6\u308a\u3092\u5c11\u3057\u3067\u3082\u5897\u3084\u3059\u306b\u306f\u3001<strong>NISA\uff08\u975e\u8ab2\u7a0e\u6295\u8cc7\uff09<\/strong>\u3084<strong>\u3075\u308b\u3055\u3068\u7d0d\u7a0e<\/strong>\u3001<strong>iDeCo<\/strong>\u306a\u3069\u306e\u5236\u5ea6\u3092\u6d3b\u7528\u3059\u308b\u306e\u304c\u52b9\u679c\u7684\u3067\u3059\u3002\n      <\/div>\n    <\/div>\n\n    <!-- \u652f\u6255\u3044\u30bf\u30a4\u30df\u30f3\u30b0\u89e3\u8aac -->\n    <div class=\"tax-table__timing\">\n      <div class=\"tax-table__timing-title\">&#x1f550; \u7a0e\u91d1\u30fb\u4fdd\u967a\u6599\u306e\u652f\u6255\u3044\u30bf\u30a4\u30df\u30f3\u30b0<\/div>\n      <div class=\"tax-table__timing-body\">\n\n        <div class=\"tax-table__timing-item\">\n          <div class=\"tax-table__timing-head\">\n            <div class=\"tax-table__timing-icon tax-table__timing-icon--blue\">&#x1f4bc;<\/div>\n            <span class=\"tax-table__timing-name\">\u6240\u5f97\u7a0e<\/span>\n            <span class=\"tax-table__timing-tag tax-table__timing-tag--blue\">\u5f53\u5e74\u306e\u7d66\u4e0e\u304b\u3089\u5929\u5f15\u304d<\/span>\n          <\/div>\n          <div class=\"tax-table__timing-desc\">\n            \u6bce\u6708\u306e\u7d66\u4e0e\u304b\u3089<strong>\u6e90\u6cc9\u5fb4\u53ce<\/strong>\uff08\u6982\u7b97\u984d\u3092\u5929\u5f15\u304d\uff09\u3055\u308c\u307e\u3059\u300212\u6708\u306e<strong>\u5e74\u672b\u8abf\u6574<\/strong>\u3067\u904e\u4e0d\u8db3\u304c\u7cbe\u7b97\u3055\u308c\u3001\u6255\u3044\u3059\u304e\u305f\u5206\u306f12\u6708\u301c1\u6708\u306e\u7d66\u4e0e\u3067\u9084\u4ed8\u3055\u308c\u307e\u3059\u3002\u78ba\u5b9a\u7533\u544a\u3092\u3059\u308b\u5834\u5408\u306f\u7fcc\u5e742\u670816\u65e5\u301c3\u670815\u65e5\u306b\u7533\u544a\u30fb\u7d0d\u4ed8\u3057\u307e\u3059\u3002\n          <\/div>\n          <div class=\"tax-table__timing-timeline\">\n            <div class=\"tax-table__tl-block\" style=\"flex:11;background:#4299e1;\">1\u6708\u301c11\u6708 \u6bce\u6708\u5929\u5f15\u304d<\/div>\n            <div class=\"tax-table__tl-block\" style=\"flex:1;background:#2b6cb0;\">12\u6708 \u5e74\u672b\u8abf\u6574<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"tax-table__timing-item\">\n          <div class=\"tax-table__timing-head\">\n            <div class=\"tax-table__timing-icon tax-table__timing-icon--amber\">&#x1f3e0;<\/div>\n            <span class=\"tax-table__timing-name\">\u4f4f\u6c11\u7a0e<\/span>\n            <span class=\"tax-table__timing-tag tax-table__timing-tag--amber\">\u7fcc\u5e746\u6708\u304b\u3089\u5929\u5f15\u304d<\/span>\n          <\/div>\n          <div class=\"tax-table__timing-desc\">\n            \u4eca\u5e74\u306e\u6240\u5f97\u306b\u5bfe\u3059\u308b\u4f4f\u6c11\u7a0e\u306f\u3001<strong>\u7fcc\u5e74\u306e6\u6708\u301c\u7fcc\u3005\u5e745\u6708<\/strong>\u306b\u304b\u3051\u306612\u56de\u306b\u5206\u5272\u3057\u3066\u7d66\u4e0e\u304b\u3089\u5929\u5f15\u304d\uff08\u7279\u5225\u5fb4\u53ce\uff09\u3055\u308c\u307e\u3059\u3002\u3064\u307e\u308a<strong>\u7d041\u5e74\u9045\u308c<\/strong>\u3067\u652f\u6255\u3044\u304c\u59cb\u307e\u308a\u307e\u3059\u3002\n          <\/div>\n          <div class=\"tax-table__timing-timeline\">\n            <div class=\"tax-table__tl-block\" style=\"flex:5;background:#ecc94b;color:#744210;\">\u4eca\u5e74 1\u6708\u301c12\u6708 \u306e\u6240\u5f97<\/div>\n            <div class=\"tax-table__tl-block\" style=\"flex:5;background:#ed8936;color:#fff;\">\u2192 \u7fcc\u5e74 6\u6708\u301c\u7fcc\u3005\u5e74 5\u6708 \u306b\u652f\u6255\u3044<\/div>\n          <\/div>\n          <div class=\"tax-table__timing-warn\">\n            &#x26a0;&#xfe0f; <strong>\u9000\u8077\u30fb\u8ee2\u8077\u6642\u306f\u8981\u6ce8\u610f\uff1a<\/strong>\u9000\u8077\u3059\u308b\u3068\u7fcc\u6708\u4ee5\u964d\u306e\u4f4f\u6c11\u7a0e\u306f\u81ea\u5206\u3067\u7d0d\u4ed8\uff08\u666e\u901a\u5fb4\u53ce\uff09\u306b\u5207\u308a\u66ff\u308f\u308a\u307e\u3059\u3002\u9000\u80771\u5e74\u76ee\u306f\u524d\u5e74\u306e\u6240\u5f97\u306b\u57fa\u3065\u304f\u4f4f\u6c11\u7a0e\u304c\u8acb\u6c42\u3055\u308c\u308b\u305f\u3081\u3001\u53ce\u5165\u304c\u6e1b\u3063\u3066\u3082\u4f4f\u6c11\u7a0e\u306f\u524d\u5e74\u5206\u306e\u307e\u307e\u3067\u3059\u3002\u8ee2\u8077\u30fb\u9000\u8077\u3092\u691c\u8a0e\u4e2d\u306e\u65b9\u306f\u3001\u4f4f\u6c11\u7a0e\u306e\u652f\u6255\u3044\u3082\u8003\u616e\u306b\u5165\u308c\u3066\u8cc7\u91d1\u8a08\u753b\u3092\u7acb\u3066\u307e\u3057\u3087\u3046\u3002\n          <\/div>\n        <\/div>\n\n        <div class=\"tax-table__timing-item\">\n          <div class=\"tax-table__timing-head\">\n            <div class=\"tax-table__timing-icon tax-table__timing-icon--green\">&#x1f3e5;<\/div>\n            <span class=\"tax-table__timing-name\">\u793e\u4f1a\u4fdd\u967a\u6599<\/span>\n            <span class=\"tax-table__timing-tag tax-table__timing-tag--green\">\u5f53\u6708\u306e\u7d66\u4e0e\u304b\u3089\u5929\u5f15\u304d<\/span>\n          <\/div>\n          <div class=\"tax-table__timing-desc\">\n            \u5065\u5eb7\u4fdd\u967a\u30fb\u539a\u751f\u5e74\u91d1\u30fb\u4ecb\u8b77\u4fdd\u967a\u306f<strong>\u6bce\u6708\u306e\u7d66\u4e0e\u3068\u30dc\u30fc\u30ca\u30b9\u304b\u3089\u5929\u5f15\u304d<\/strong>\u3055\u308c\u307e\u3059\u3002\u4fdd\u967a\u6599\u984d\u306f\u6bce\u5e744\u301c6\u6708\u306e\u7d66\u4e0e\u3092\u3082\u3068\u306b\u6c7a\u307e\u308b\u300c\u6a19\u6e96\u5831\u916c\u6708\u984d\u300d\u3067\u5e741\u56de\u6539\u5b9a\u3055\u308c\u307e\u3059\uff089\u6708\u9069\u7528\uff09\u3002\u96c7\u7528\u4fdd\u967a\u306f\u6bce\u6708\u306e\u7d66\u4e0e\u984d\u306b\u5fdc\u3058\u3066\u5909\u52d5\u3057\u307e\u3059\u3002\n          <\/div>\n          <div class=\"tax-table__timing-timeline\">\n            <div class=\"tax-table__tl-block\" style=\"flex:3;background:#68d391;color:#22543d;\">4\u301c6\u6708 \u7b97\u5b9a\u57fa\u790e\u5c4a<\/div>\n            <div class=\"tax-table__tl-block\" style=\"flex:9;background:#48bb78;color:#fff;\">9\u6708\u301c\u7fcc8\u6708 \u65b0\u4fdd\u967a\u6599\u3067\u5929\u5f15\u304d<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"tax-table__note\">\n      \u203b \u672c\u8868\u306f\u7d66\u4e0e\u6240\u5f97\u8005\uff08\u4f1a\u793e\u54e1\uff09\u3092\u5bfe\u8c61\u3068\u3057\u305f\u6982\u7b97\u3067\u3059\u3002\u793e\u4f1a\u4fdd\u967a\u6599\u306f\u5354\u4f1a\u3051\u3093\u307d\u306e\u6a19\u6e96\u6599\u7387\u3067\u8a08\u7b97\u3002\u4f4f\u6c11\u7a0e\u306f\u5747\u7b49\u52725,000\u5186\uff0b\u6240\u5f97\u527210%\u3067\u6982\u7b97\u3002\u5fa9\u8208\u7279\u5225\u6240\u5f97\u7a0e2.1%\u3092\u542b\u307f\u307e\u3059\u3002\u4f4f\u5b85\u30ed\u30fc\u30f3\u63a7\u9664\u30fb\u533b\u7642\u8cbb\u63a7\u9664\u30fbiDeCo\u7b49\u306e\u63a7\u9664\u306f\u53cd\u6620\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002\u5b9f\u969b\u306e\u91d1\u984d\u306f\u500b\u4eba\u306e\u72b6\u6cc1\u306b\u3088\u308a\u7570\u306a\u308a\u307e\u3059\u3002\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  function fmt(n){ return Math.round(n).toLocaleString(); }\n  function fmtMan(n){\n    if(n >= 10000) return Math.round(n \/ 10000).toLocaleString() + '\u4e07';\n    return fmt(n);\n  }\n\n  function calcRow(income, family, age){\n    \/\/ \u7d66\u4e0e\u6240\u5f97\u63a7\u9664\n    var ded = 0;\n    if(income <= 1625000) ded = 550000;\n    else if(income <= 1800000) ded = income * 0.4 - 100000;\n    else if(income <= 3600000) ded = income * 0.3 + 80000;\n    else if(income <= 6600000) ded = income * 0.2 + 440000;\n    else if(income <= 8500000) ded = income * 0.1 + 1100000;\n    else ded = 1950000;\n    ded = Math.round(ded);\n    var shotoku = income - ded;\n\n    \/\/ \u793e\u4f1a\u4fdd\u967a\u6599\n    var healthRate = 0.05;\n    var careRate = age === 'over40' ? 0.008 : 0;\n    var pensionRate = 0.0915;\n    var employRate = 0.006;\n    var healthIns = Math.round(income * healthRate);\n    var careIns = Math.round(income * careRate);\n    var pensionBase = Math.min(income, 7800000);\n    var pensionIns = Math.round(pensionBase * pensionRate);\n    var employIns = Math.round(income * employRate);\n    var totalIns = healthIns + careIns + pensionIns + employIns;\n\n    \/\/ \u63a7\u9664\n    var kiso = shotoku <= 24000000 ? 480000 : 0;\n    var haiguu = 0, fuyou = 0;\n    if(family === 'spouse' || family === 'spouse1') haiguu = 380000;\n    if(family === 'spouse1') fuyou = 380000;\n\n    \/\/ \u6240\u5f97\u7a0e\n    var taxable = Math.max(shotoku - totalIns - kiso - haiguu - fuyou, 0);\n    var incomeTaxRate = 0;\n    var incomeTaxRateLabel = '';\n    var incomeTax = 0;\n    if(taxable <= 1950000){ incomeTax = taxable * 0.05; incomeTaxRate = 5; incomeTaxRateLabel = '5%'; }\n    else if(taxable <= 3300000){ incomeTax = taxable * 0.10 - 97500; incomeTaxRate = 10; incomeTaxRateLabel = '10%'; }\n    else if(taxable <= 6950000){ incomeTax = taxable * 0.20 - 427500; incomeTaxRate = 20; incomeTaxRateLabel = '20%'; }\n    else if(taxable <= 9000000){ incomeTax = taxable * 0.23 - 636000; incomeTaxRate = 23; incomeTaxRateLabel = '23%'; }\n    else if(taxable <= 18000000){ incomeTax = taxable * 0.33 - 1536000; incomeTaxRate = 33; incomeTaxRateLabel = '33%'; }\n    else if(taxable <= 40000000){ incomeTax = taxable * 0.40 - 2796000; incomeTaxRate = 40; incomeTaxRateLabel = '40%'; }\n    else { incomeTax = taxable * 0.45 - 4796000; incomeTaxRate = 45; incomeTaxRateLabel = '45%'; }\n    var incomeTaxBeforeRecon = Math.round(incomeTax);\n    incomeTax = Math.max(Math.round(incomeTax * 1.021), 0);\n\n    \/\/ \u4f4f\u6c11\u7a0e\n    var jKiso = 430000;\n    var jTaxable = Math.max(shotoku - totalIns - jKiso - haiguu - fuyou, 0);\n    var juminShotokuWari = Math.round(jTaxable * 0.10);\n    var juminKintouWari = 5000;\n    var juminTax = Math.max(juminShotokuWari + juminKintouWari, 0);\n\n    var totalTax = incomeTax + juminTax;\n    var totalDeduct = totalIns + totalTax;\n    var tedori = income - totalDeduct;\n    var tedoriRate = income > 0 ? (tedori \/ income * 100) : 0;\n\n    return {\n      income: income,\n      kyuyoDeduction: ded,\n      shotoku: shotoku,\n      healthIns: healthIns, healthRate: healthRate,\n      careIns: careIns, careRate: careRate,\n      pensionIns: pensionIns, pensionRate: pensionRate, pensionBase: pensionBase,\n      employIns: employIns, employRate: employRate,\n      insurance: totalIns,\n      kiso: kiso, haiguu: haiguu, fuyou: fuyou,\n      taxable: taxable,\n      incomeTaxRate: incomeTaxRate,\n      incomeTaxRateLabel: incomeTaxRateLabel,\n      incomeTax: incomeTax,\n      jTaxable: jTaxable,\n      juminShotokuWari: juminShotokuWari,\n      juminKintouWari: juminKintouWari,\n      juminTax: juminTax,\n      totalDeduct: totalDeduct,\n      tedori: tedori,\n      tedoriRate: tedoriRate\n    };\n  }\n\n  var selectedRow = null;\n\n  window.taxBuild = function(){\n    var family = document.getElementById('taxFamily').value;\n    var age = document.getElementById('taxAge').value;\n    var tbody = document.getElementById('taxTBody');\n    tbody.innerHTML = '';\n\n    var incomes = [];\n    for(var i = 100; i <= 600; i += 50) incomes.push(i * 10000);\n    for(var i = 700; i <= 1000; i += 100) incomes.push(i * 10000);\n    for(var i = 1200; i <= 2000; i += 200) incomes.push(i * 10000);\n\n    var maxTedoriRate = 90;\n\n    for(var k = 0; k < incomes.length; k++){\n      var d = calcRow(incomes[k], family, age);\n      var tr = document.createElement('tr');\n      var barW = Math.max(Math.round(d.tedoriRate \/ maxTedoriRate * 50), 4);\n\n      tr.innerHTML =\n        '<td>' + fmtMan(d.income) + '\u5186<\/td>' +\n        '<td class=\"td-tax\">' + fmt(d.incomeTax) + '\u5186<\/td>' +\n        '<td class=\"td-tax\">' + fmt(d.juminTax) + '\u5186<\/td>' +\n        '<td>' + fmt(d.insurance) + '\u5186<\/td>' +\n        '<td>' + fmt(d.totalDeduct) + '\u5186<\/td>' +\n        '<td class=\"td-tedori\">' + fmt(d.tedori) + '\u5186<\/td>' +\n        '<td class=\"td-rate\">' + d.tedoriRate.toFixed(1) + '%<span class=\"tax-table__minibar\" style=\"width:' + barW + 'px;\"><\/span><\/td>';\n\n      (function(data, row){\n        row.addEventListener('click', function(){\n          if(selectedRow) selectedRow.classList.remove('selected');\n          row.classList.add('selected');\n          selectedRow = row;\n          showHL(data);\n        });\n      })(d, tr);\n\n      tbody.appendChild(tr);\n    }\n\n    document.getElementById('taxHL').className = 'tax-table__highlight';\n    document.getElementById('taxDetailPanel').className = 'tax-table__detail-panel';\n    selectedRow = null;\n  };\n\n  function rateTag(rate, cls){\n    return '<span class=\"tax-table__dp-rate' + (cls ? ' tax-table__dp-rate--' + cls : '') + '\">' + rate + '<\/span>';\n  }\n\n  function dpRow(label, rateHtml, value){\n    return '<div class=\"tax-table__dp-row\"><span class=\"tax-table__dp-label\">' + label + ' ' + rateHtml + '<\/span><span class=\"tax-table__dp-value\">' + value + '<\/span><\/div>';\n  }\n\n  function showHL(d){\n    \/\/ \u30cf\u30a4\u30e9\u30a4\u30c8\u30ab\u30fc\u30c9\n    document.getElementById('taxHLTitle').textContent = '\u5e74\u53ce ' + fmtMan(d.income) + '\u5186\u306e\u5185\u8a33';\n    document.getElementById('taxHLIncome').textContent = fmtMan(d.incomeTax) + '\u5186';\n    document.getElementById('taxHLResident').textContent = fmtMan(d.juminTax) + '\u5186';\n    document.getElementById('taxHLInsurance').textContent = fmtMan(d.insurance) + '\u5186';\n    document.getElementById('taxHLTedori').textContent = fmtMan(d.tedori) + '\u5186';\n    document.getElementById('taxHL').className = 'tax-table__highlight show';\n\n    \/\/ \u793e\u4f1a\u4fdd\u967a\u6599\u5185\u8a33\n    var insHtml = '';\n    insHtml += dpRow('\u5065\u5eb7\u4fdd\u967a\u6599\uff08\u672c\u4eba\u8ca0\u62c5\uff09', rateTag((d.healthRate*100).toFixed(1)+'%', 'green'), fmt(d.healthIns) + '\u5186');\n    if(d.careIns > 0){\n      insHtml += dpRow('\u4ecb\u8b77\u4fdd\u967a\u6599', rateTag((d.careRate*100).toFixed(1)+'%', 'green'), fmt(d.careIns) + '\u5186');\n    }\n    insHtml += dpRow('\u539a\u751f\u5e74\u91d1\u4fdd\u967a\u6599\uff08\u672c\u4eba\u8ca0\u62c5\uff09', rateTag((d.pensionRate*100).toFixed(2)+'%', 'green'), fmt(d.pensionIns) + '\u5186');\n    if(d.pensionBase < d.income){\n      insHtml += '<div style=\"font-size:11px;color:#a0aec0;padding:2px 0 4px;\">\u203b \u6a19\u6e96\u5831\u916c\u6708\u984d\u4e0a\u9650\uff0865\u4e07\u5186\uff09\u306b\u3088\u308a\u5e74\u53ce' + fmtMan(d.pensionBase) + '\u5186\u3067\u8a08\u7b97<\/div>';\n    }\n    insHtml += dpRow('\u96c7\u7528\u4fdd\u967a\u6599', rateTag((d.employRate*100).toFixed(1)+'%', 'green'), fmt(d.employIns) + '\u5186');\n    insHtml += '<div class=\"tax-table__dp-total\"><span class=\"tax-table__dp-total-label\">\u793e\u4f1a\u4fdd\u967a\u6599 \u5408\u8a08<\/span><span class=\"tax-table__dp-total-value--red\">' + fmt(d.insurance) + '\u5186<\/span><\/div>';\n    document.getElementById('taxDPInsurance').innerHTML = insHtml;\n\n    \/\/ \u7a0e\u91d1\u5185\u8a33\n    var taxHtml = '';\n    taxHtml += dpRow('\u6240\u5f97\u7a0e', rateTag('\u7a0e\u7387 '+d.incomeTaxRateLabel, 'orange'), fmt(d.incomeTax) + '\u5186');\n    taxHtml += '<div style=\"font-size:11px;color:#a0aec0;padding:2px 0 4px;\">\u203b \u5fa9\u8208\u7279\u5225\u6240\u5f97\u7a0e ' + rateTag('2.1%', 'orange') + ' \u3092\u542b\u3080<\/div>';\n    taxHtml += dpRow('\u4f4f\u6c11\u7a0e\uff08\u6240\u5f97\u5272\uff09', rateTag('\u4e00\u5f8b 10%', 'red'), fmt(d.juminShotokuWari) + '\u5186');\n    taxHtml += dpRow('\u4f4f\u6c11\u7a0e\uff08\u5747\u7b49\u5272\uff09', rateTag('\u5b9a\u984d', 'red'), fmt(d.juminKintouWari) + '\u5186');\n    taxHtml += '<div class=\"tax-table__dp-total\"><span class=\"tax-table__dp-total-label\">\u7a0e\u91d1 \u5408\u8a08<\/span><span class=\"tax-table__dp-total-value--red\">' + fmt(d.incomeTax + d.juminTax) + '\u5186<\/span><\/div>';\n    document.getElementById('taxDPTax').innerHTML = taxHtml;\n\n    \/\/ \u8a08\u7b97\u306e\u6d41\u308c\n    var flowHtml = '';\n    flowHtml += dpRow('\u2460 \u984d\u9762\u5e74\u53ce', '', fmt(d.income) + '\u5186');\n    flowHtml += dpRow('\u2461 \u7d66\u4e0e\u6240\u5f97\u63a7\u9664', rateTag('\u7a0e\u6cd5\u3067\u898f\u5b9a'), '\u2212' + fmt(d.kyuyoDeduction) + '\u5186');\n    flowHtml += dpRow('\u2462 \u7d66\u4e0e\u6240\u5f97\uff08\u2460\u2212\u2461\uff09', '', fmt(d.shotoku) + '\u5186');\n    flowHtml += dpRow('\u2463 \u793e\u4f1a\u4fdd\u967a\u6599\u63a7\u9664', '', '\u2212' + fmt(d.insurance) + '\u5186');\n    flowHtml += dpRow('\u2464 \u57fa\u790e\u63a7\u9664', rateTag('48\u4e07\u5186'), '\u2212' + fmt(d.kiso) + '\u5186');\n    if(d.haiguu > 0) flowHtml += dpRow('\u2465 \u914d\u5076\u8005\u63a7\u9664', rateTag('38\u4e07\u5186'), '\u2212' + fmt(d.haiguu) + '\u5186');\n    if(d.fuyou > 0) flowHtml += dpRow('\u2466 \u6276\u990a\u63a7\u9664', rateTag('38\u4e07\u5186\u00d7\u4eba\u6570'), '\u2212' + fmt(d.fuyou) + '\u5186');\n    flowHtml += dpRow('\u2467 \u8ab2\u7a0e\u6240\u5f97\uff08\u2462\u2212\u2463\u2212\u2464\u2026\uff09', '', fmt(d.taxable) + '\u5186');\n    flowHtml += '<div style=\"font-size:11px;color:#718096;padding:4px 0 2px;\">\u3053\u306e\u8ab2\u7a0e\u6240\u5f97\u306b\u5bfe\u3057\u3066\u6240\u5f97\u7a0e\u7387 ' + rateTag(d.incomeTaxRateLabel, 'orange') + ' \u304c\u9069\u7528\u3055\u308c\u307e\u3059<\/div>';\n    flowHtml += '<div class=\"tax-table__dp-total\"><span class=\"tax-table__dp-total-label\">\u5e74\u9593\u624b\u53d6\u308a\uff08\u2460\u2212\u4fdd\u967a\u6599\u2212\u7a0e\u91d1\uff09<\/span><span class=\"tax-table__dp-total-value--blue\">' + fmt(d.tedori) + '\u5186<\/span><\/div>';\n    document.getElementById('taxDPFlow').innerHTML = flowHtml;\n\n    document.getElementById('taxDetailPanel').className = 'tax-table__detail-panel show';\n  }\n\n  taxBuild();\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u6bce\u6708\u306e\u7a4d\u7acb\u984d\u30fb\u60f3\u5b9a\u5229\u56de\u308a\u30fb\u671f\u9593\u3092\u5165\u529b\u3002\u5c06\u6765\u306e\u8cc7\u7523\u984d\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u304d\u307e\u3059\u3002 &#x1f4ca; \u3064\u307f\u305f\u3066NISA\u30b7\u30df\u30e5\u30ec\u30fc\u30bf\u30fc \u6bce\u6708\u306e\u7a4d\u7acb\u984d\u30fb\u60f3\u5b9a\u5229\u56de\u308a\u30fb\u671f\u9593\u3092\u5165\u529b\u3057\u3066\u3001\u5c06\u6765\u306e\u8cc7\u7523\u984d\u3092\u30b7\u30df\u30e5\u30ec\u30fc\u30b7\u30e7\u30f3\u3067\u304d\u307e\u3059\u3002 \u6bce\u6708 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/page-notitle.php","meta":{"footnotes":""},"class_list":["post-1280","page","type-page","status-publish","hentry"],"xw_count_pv":"30","_links":{"self":[{"href":"https:\/\/17nisa.com\/index.php?rest_route=\/wp\/v2\/pages\/1280","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/17nisa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/17nisa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/17nisa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/17nisa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1280"}],"version-history":[{"count":10,"href":"https:\/\/17nisa.com\/index.php?rest_route=\/wp\/v2\/pages\/1280\/revisions"}],"predecessor-version":[{"id":1295,"href":"https:\/\/17nisa.com\/index.php?rest_route=\/wp\/v2\/pages\/1280\/revisions\/1295"}],"wp:attachment":[{"href":"https:\/\/17nisa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1280"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}