feat: 子ども・子育て支援金を給与・賞与計算に追加（令和8年4月以降）

frontend/payroll-settings.html

@@ -300,6 +300,9 @@
                   <option value="厚生年金">厚生年金</option>
                   <option value="雇用保険">雇用保険</option>
                   <option value="労災保険">労災保険</option>
+                  <option value="子ども・子育て支援金">
+                    子ども・子育て支援金
+                  </option>
                 </select>
               </div>
               <div class="form-group">
@@ -795,6 +798,7 @@
         const rates = {
           healthNoCareRate: metadata.health_no_care_rate,
           healthWithCareRate: metadata.health_with_care_rate,
+          childSupportRate: metadata.child_support_rate,
           pensionRate: metadata.pension_rate,
         };
 
@@ -885,26 +889,34 @@
               <th rowspan="3">報酬月額 未満</th>
               <th colspan="2">健康保険料（介護保険なし）</th>
               <th colspan="2">健康保険料（介護保険あり）</th>
+              <th colspan="2">子ども・子育て支援金</th>
               <th colspan="2">厚生年金保険料</th>
             </tr>
             <tr style="background-color: #f0f0f0;">
               <th colspan="2" style="text-align: center; font-weight: bold; color: #007bff;">
                 ${
-                  rates.healthNoCareRate !== undefined
+                  rates.healthNoCareRate != null
                     ? rates.healthNoCareRate.toFixed(2) + "%"
                     : "-"
                 }
               </th>
               <th colspan="2" style="text-align: center; font-weight: bold; color: #007bff;">
                 ${
-                  rates.healthWithCareRate !== undefined
+                  rates.healthWithCareRate != null
                     ? rates.healthWithCareRate.toFixed(2) + "%"
                     : "-"
                 }
               </th>
               <th colspan="2" style="text-align: center; font-weight: bold; color: #007bff;">
                 ${
-                  rates.pensionRate !== undefined
+                  rates.childSupportRate != null
+                    ? rates.childSupportRate.toFixed(4) + "%"
+                    : "-"
+                }
+              </th>
+              <th colspan="2" style="text-align: center; font-weight: bold; color: #007bff;">
+                ${
+                  rates.pensionRate != null
                     ? rates.pensionRate.toFixed(2) + "%"
                     : "-"
                 }
@@ -917,6 +929,8 @@
               <th>折半額</th>
               <th>全額</th>
               <th>折半額</th>
+              <th>全額</th>
+              <th>折半額</th>
             </tr>
           </thead>
         `;
@@ -924,13 +938,16 @@
           <tbody>
             ${adjustedData
               .map((row) => {
-                // 保険料を2で割って折半額を計算
+                // 全額を2で割って折半額を計算
                 const healthNoCareHalf = (
                   parseFloat(row.health_insurance_no_care) / 2
                 ).toFixed(2);
                 const healthWithCareHalf = (
                   parseFloat(row.health_insurance_with_care) / 2
                 ).toFixed(2);
+                const childSupportHalf = (
+                  parseFloat(row.child_support ?? 0) / 2
+                ).toFixed(2);
                 const pensionHalf = (
                   parseFloat(row.pension_insurance) / 2
                 ).toFixed(2);
@@ -949,6 +966,8 @@
                       row.health_insurance_with_care ?? 0,
                     ).toLocaleString()}</td>
                     <td>${Number(healthWithCareHalf ?? 0).toLocaleString()}</td>
+                    <td>${Number(row.child_support ?? 0).toLocaleString()}</td>
+                    <td>${Number(childSupportHalf).toLocaleString()}</td>
                     <td>${Number(
                       row.pension_insurance ?? 0,
                     ).toLocaleString()}</td>