/* 就業規則の作成・見直し — 入口(rules.html)と個別ページ(rules-*.html)の共通部品 設計メモ:02_自社/01_顧客向け/202610_就業規則サービス商品設計/design-note.md 内容の正:同フォルダ 決定事項と未決事項.md(後の行が優先) */ const RP_STYLE = ` .rp-anchor { scroll-margin-top: 90px; } .rp-cmp-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--paper-line); border-radius: var(--radius); background: #fff; } .rp-cmp { min-width: 720px; border: 0; border-radius: 0; overflow: visible; font-size: 14px; } .rp-cmp thead th { text-align: center; vertical-align: middle; } .rp-cmp thead th:first-child { text-align: left; } .rp-cmp th:first-child, .rp-cmp td:first-child { position: sticky; left: 0; z-index: 2; width: 170px; min-width: 150px; box-shadow: 1px 0 0 var(--paper-line); } .rp-cmp thead th:first-child { background: var(--navy-700); } .rp-cmp tbody th:first-child { background: var(--navy-050); } .rp-cmp td { text-align: center; vertical-align: middle; padding: 12px 10px; } .rp-cmp td.mk { color: var(--accent); font-family: var(--font-sans); font-weight: 900; font-size: 24px; line-height: 1; -webkit-text-stroke: 1.2px var(--accent); } .rp-cmp td.mk-part { color: var(--ink-700); font-size: 13px; } .rp-cmp td.none { color: var(--ink-300); opacity: .6; } .rp-cmp tr.rp-grp th { background: var(--navy-100); color: var(--navy-700); font-family: var(--font-serif); font-size: 13px; letter-spacing: .08em; text-align: left; position: static; box-shadow: none; width: auto; } .rp-cmp tr.rp-top th, .rp-cmp tr.rp-top td { background: var(--accent-l); } .rp-cmp tr.rp-top td { color: var(--ink-900); font-weight: 700; font-family: var(--font-serif); } .rp-cmp tr.rp-top th:first-child { background: var(--accent-l); } .rp-cmp thead th.rp-hl { background: var(--accent); } .rp-cmp tbody td.rp-hl { background: #fdf1e3; } .rp-cmp tr.rp-top td.rp-hl { background: #f9dcb8; } .rp-hint { display: none; font-size: 12px; color: var(--ink-500); margin: 8px 0 0; } .rp-sp, .rp-sp-block { display: none; } .flowchart.rp-flow { padding: 20px 40px; } .pricetbl.rp-menu { min-width: 720px; } .pricetbl.rp-wage { min-width: 640px; } .pricetbl.rp-menu tbody td { font-family: var(--font-sans); font-weight: 500; font-size: 14px; text-align: left; line-height: 1.8; } .pricetbl.rp-menu tbody td.rp-price { font-family: var(--font-serif); font-weight: 700; white-space: nowrap; color: var(--navy-700); } .pricetbl.rp-menu tbody th { width: auto; font-family: var(--font-sans); font-size: 14px; font-weight: 500; text-align: left; } .pricetbl.rp-menu tbody td.rp-nm { font-family: var(--font-serif); font-weight: 700; } .pricetbl.rp-wage tbody td { text-align: left; font-size: 15px; } .pricetbl.rp-wage tbody td.rp-price { white-space: nowrap; } .rp-wage tbody th { width: 200px; font-family: var(--font-sans); font-size: 14px; } .rp-sys { display: flex; flex-direction: column; text-decoration: none; color: inherit; background: #fff; border: 1px solid var(--paper-line); border-top: 3px solid var(--navy-700); border-radius: var(--radius); padding: 26px 24px 22px; transition: transform .18s, box-shadow .18s, border-color .18s; } .rp-sys:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); border-color: var(--accent); } .rp-q { display: grid; grid-template-columns: 1fr 1.2fr; gap: 20px; align-items: center; padding: 18px 0; border-top: 1px solid var(--paper-line); } .rp-q:first-of-type { border-top: 0; } .rp-q .rp-qt { font-family: var(--font-serif); font-weight: 700; font-size: 17px; color: var(--ink-900); line-height: 1.6; } .rp-q .rp-qt span { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; color: var(--navy-700); display: block; margin-bottom: 4px; } .rp-q .flowchart__answer { padding: 16px 20px 14px; text-align: left; } .rp-q .flowchart__answer .nm { margin-bottom: 4px; } .rp-calc { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 20px; } .rp-calc > div { background: #fff; border: 1px solid var(--paper-line); border-radius: var(--radius); padding: 20px 22px; } .rp-calc .n { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; color: var(--navy-700); } .rp-calc .t { font-family: var(--font-serif); font-weight: 900; font-size: 28px; color: var(--ink-900); margin: 6px 0 8px; } .rp-calc .t small { font-size: .5em; font-weight: 700; margin-left: .15em; } .rp-calc p { margin: 0; font-size: 13px; line-height: 1.9; color: var(--ink-700); } .rp-step-key { border-color: var(--accent) !important; border-top-width: 3px !important; background: var(--accent-l) !important; } .rp-step-key .rp-time { display: inline-block; margin-top: 10px; padding: 3px 10px; border-radius: 999px; background: var(--accent); color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .04em; } .rp-time-plain { display: block; margin-top: 10px; font-size: 12px; color: var(--ink-500); } .rp-plan { display: flex; flex-direction: column; text-decoration: none; color: inherit; background: #fff; border: 1px solid var(--paper-line); border-top: 3px solid var(--navy-700); border-radius: var(--radius); padding: 22px 20px 18px; transition: transform .18s, box-shadow .18s, border-color .18s; } .rp-plan:hover { transform: translateY(-2px); box-shadow: var(--shadow-2); border-color: var(--accent); } .rp-plan--key { border-top-color: var(--accent); background: var(--accent-l); } .rp-card { background: #fff; border: 1px solid var(--paper-line); border-radius: var(--radius); padding: 22px 22px 20px; } .rp-card h4 { font-family: var(--font-serif); font-weight: 700; font-size: 16px; margin: 0 0 8px; color: var(--ink-900); letter-spacing: .04em; line-height: 1.6; } .rp-card p { font-size: 13.5px; line-height: 1.95; color: var(--ink-700); margin: 0; } .rp-list { margin: 0; padding: 0; list-style: none; } .rp-list li { position: relative; padding: 9px 0 9px 22px; border-top: 1px solid var(--paper-line); font-size: 15px; line-height: 1.9; color: var(--ink-700); } .rp-list li:first-child { border-top: 0; } .rp-list li::before { content: ''; position: absolute; left: 4px; top: 1.15em; width: 8px; height: 8px; border-radius: 50%; background: var(--accent); } .rp-case { background: #fff; border: 1px solid var(--paper-line); border-radius: var(--radius); padding: 22px 24px; } .rp-case h4 { font-family: var(--font-serif); font-weight: 700; font-size: 16px; margin: 0 0 12px; color: var(--ink-900); line-height: 1.6; } .rp-case dl { margin: 0; } .rp-case dl > div { display: grid; grid-template-columns: 112px 1fr; gap: 14px; padding: 10px 12px; border-top: 1px solid var(--paper-line); font-size: 14px; line-height: 1.85; color: var(--ink-700); } .rp-case dl > div:first-child { border-top: 0; } .rp-case dt { font-weight: 700; color: var(--navy-700); } .rp-case dl > div.rp-me { background: var(--accent-l); border-radius: 6px; border-top-color: transparent; } .rp-case dl > div.rp-me dt { color: var(--accent); } .rp-pricestrip { display: flex; align-items: center; gap: 28px; flex-wrap: wrap; background: #fff; border: 1px solid var(--paper-line); border-left: 4px solid var(--accent); border-radius: var(--radius); padding: 22px 28px; } .rp-pricestrip .rp-pr { font-family: var(--font-serif); font-weight: 900; font-size: 40px; line-height: 1; color: var(--accent); white-space: nowrap; } .rp-pricestrip .rp-pr small { font-size: .38em; font-weight: 700; margin-left: .2em; color: var(--ink-700); } .rp-pricestrip .rp-one { flex: 1; min-width: 240px; font-family: var(--font-serif); font-weight: 700; font-size: 19px; line-height: 1.7; color: var(--ink-900); } .rp-pricestrip .rp-tag { font-family: var(--font-mono); font-size: 12px; letter-spacing: .14em; color: var(--navy-700); display: block; margin-bottom: 4px; font-weight: 500; } .rp-common { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .rp-common .rp-card h4 span { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em; color: var(--navy-700); display: block; margin-bottom: 4px; font-weight: 500; } .rp-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .rp-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; } .rp-four { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .rp-ph { display: block; width: 100%; aspect-ratio: 21/7; object-fit: cover; border-radius: var(--radius); } @media (max-width: 960px) { .rp-four { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rp-three { grid-template-columns: minmax(0, 1fr); } } @media (max-width: 760px) { .rp-q { grid-template-columns: minmax(0, 1fr); gap: 10px; } .rp-calc { grid-template-columns: minmax(0, 1fr); } .rp-cmp th:first-child, .rp-cmp td:first-child { width: 112px; min-width: 112px; padding-left: 8px; padding-right: 8px; font-size: 12px; } .rp-two, .rp-common { grid-template-columns: minmax(0, 1fr); } .rp-four { grid-template-columns: minmax(0, 1fr); } .rp-ph { aspect-ratio: 16/9; } .rp-case dl > div { grid-template-columns: minmax(0, 1fr); gap: 2px; } .rp-pricestrip { padding: 18px 20px; gap: 12px; } .rp-pricestrip .rp-pr { font-size: 34px; } .rp-pricestrip .rp-one { font-size: 17px; } .steps.rp-steps { grid-template-columns: minmax(0, 1fr) !important; } } @media (max-width: 720px) { body { word-break: normal; word-break: auto-phrase; line-break: strict; } } @media (max-width: 640px) { .rp-pc { display: none; } .rp-sp { display: inline; } .rp-sp-block { display: block; } .rp-sec { padding-top: 28px !important; padding-bottom: 28px !important; } .rp-sec .section-head, .rp-anchor .section-head { margin-bottom: 16px !important; gap: 8px; } .rp-sec .section-head .lead { margin-top: 0 !important; font-size: 14px; line-height: 1.8; } .rp-ph { aspect-ratio: 2/1; } .rp-two, .rp-three, .rp-four, .rp-common { gap: 10px; } .rp-card { padding: 14px 16px; } .rp-card h4 { font-size: 15px; margin-bottom: 4px; } .rp-card p { font-size: 14px; line-height: 1.7; } .rp-card .rp-list li { font-size: 14px; } .rp-card .rp-list li { padding-top: 6px; padding-bottom: 6px; line-height: 1.7; } .rp-list li::before { top: 1em; } .rp-sys { padding: 12px 16px; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: baseline; } .rp-sys > div:first-child, .rp-sys h3, .rp-sys p { grid-column: 1 / -1; } .rp-sys h3 { margin: 2px 0 4px !important; font-size: 18px !important; } .rp-sys p { margin-bottom: 6px !important; line-height: 1.7 !important; } .rp-sys > div:nth-child(4) { grid-column: 1; } .rp-sys > div:last-child { grid-column: 2; margin-top: 0 !important; } .rp-plan { padding: 12px 16px 10px; display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; align-items: baseline; } .rp-plan > div:first-child { grid-column: 1; } .rp-plan > div:nth-child(2) { grid-column: 2; margin: 0 !important; font-size: 21px !important; } .rp-plan > p { grid-column: 1 / -1; } .rp-plan > div:last-child { grid-column: 1 / -1; } .rp-plan p { font-size: 14px !important; line-height: 1.7 !important; margin-bottom: 6px !important; } .rp-case { padding: 14px 14px; } .rp-case h4 { margin-bottom: 6px; } .rp-case dl > div { padding: 8px 10px; font-size: 14px; line-height: 1.7; } .rp-pricestrip { padding: 14px 16px; gap: 6px; } .rp-pricestrip .rp-one { min-width: 0; } .rp-calc { gap: 8px; margin-top: 12px; } .rp-calc > div { padding: 8px 14px; display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 12px; align-items: center; } .rp-calc .n { grid-column: 1; grid-row: 1; } .rp-calc .t { grid-column: 1; grid-row: 2; } .rp-calc p { grid-column: 2; grid-row: 1 / span 2; } .rp-calc .t { margin: 2px 0 4px; font-size: 24px; } .rp-calc p { font-size: 14px; line-height: 1.7; } .rp-wrapnote { font-size: 14px; } .price-note { padding: 12px 14px; font-size: 14px; line-height: 1.8; margin-top: 12px; } .callout { padding: 14px 16px; } .steps, .steps.rp-steps { gap: 8px; } .step { padding: 12px 14px; display: grid; grid-template-columns: 30px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: start; } .step__n { grid-row: 1 / span 3; margin: 0; width: 30px; height: 30px; font-size: 15px; } .step > :not(.step__n) { grid-column: 2; } .step__t { margin: 0; font-size: 15px; } .step__b { font-size: 14px; line-height: 1.7; } .rp-step-key .rp-time { margin-top: 4px; justify-self: start; } .rp-time-plain { margin-top: 2px; font-size: 12px; } .rp-card [style*="letter-spacing"] { font-size: 12px !important; } /* 比較表:番号見出し・横スクロールなし */ .rp-legend { margin: 0 0 10px; font-size: 14px; line-height: 1.8; color: var(--ink-700); } .rp-legend span { display: inline-block; margin-right: 10px; } .rp-note-sp { margin: 8px 0 0; font-size: 12px; line-height: 1.7; color: var(--ink-500); } .rp-menu-wrap .rp-note-sp { margin: 0 0 6px; } .rp-cmp-wrap { overflow: visible; } .rp-cmp { min-width: 0; width: 100%; table-layout: fixed; font-size: 14px; } .rp-cmp tr.rp-top { display: none; } .rp-cmp th:first-child, .rp-cmp td:first-child { position: static; box-shadow: none; width: 40%; min-width: 0; font-size: 14px; line-height: 1.5; padding: 4px 6px 4px 8px; word-break: normal; word-break: auto-phrase; } .rp-cmp thead th { padding: 8px 0; font-size: 16px; } .rp-cmp thead th:first-child { padding: 8px 6px; } .rp-cmp td { padding: 3px 0; } .rp-cmp td.mk { font-size: 20px; } .rp-cmp td.mk-part { font-size: 14px; } .rp-cmp tr.rp-grp th { font-size: 14px; padding: 7px 8px; } /* 選び方:1問=1枚の詰めたカード */ .flowchart.rp-flow { padding: 0; background: none; border: 0; } .rp-flow .rp-q, .rp-flow .rp-q:first-of-type { display: block; padding: 10px 14px; margin-bottom: 8px; background: #fff; border: 1px solid var(--paper-line); border-radius: var(--radius); } .rp-q .rp-qt { font-size: 15px; line-height: 1.55; } .rp-q .rp-qt span { display: inline; margin: 0 8px 0 0; font-size: 14px; letter-spacing: .06em; } .rp-q .flowchart__answer { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 10px; padding: 4px 0 0; border: 0; background: none; border-radius: 0; text-align: left; } .rp-q .flowchart__answer:hover { transform: none; box-shadow: none; } .rp-q .flowchart__answer .rec { display: none; } .rp-q .flowchart__answer .nm { font-size: 15px; margin: 0; color: var(--accent); } .rp-q .flowchart__answer .pr { font-size: 15px; } /* 目的別メニュー・賃金表:1項目=1枚のカード(ラベルなし) */ .rp-menu-wrap, .rp-wage-wrap { overflow: visible; margin-top: 0; } .pricetbl.rp-menu, .pricetbl.rp-wage { display: block; min-width: 0; border: 0; border-radius: 0; background: none; overflow: visible; } .rp-menu thead, .rp-wage thead { display: none; } .rp-menu tbody, .rp-wage tbody { display: grid; gap: 8px; } .pricetbl.rp-menu tr, .pricetbl.rp-wage tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 12px; row-gap: 2px; align-items: baseline; background: #fff; border: 1px solid var(--paper-line); border-radius: var(--radius); padding: 8px 14px; } .pricetbl.rp-menu th, .pricetbl.rp-menu td, .pricetbl.rp-wage th, .pricetbl.rp-wage td { display: block; border: 0 !important; padding: 0; background: none; width: auto; text-align: left; } .pricetbl.rp-menu tbody td.rp-nm { grid-column: 1; grid-row: 1; font-size: 16px; line-height: 1.5; } .pricetbl.rp-menu tbody td.rp-price { grid-column: 2; grid-row: 1; font-size: 16px; text-align: right; } .pricetbl.rp-menu tbody th { grid-column: 1 / -1; grid-row: 2; font-size: 14px; line-height: 1.6; color: var(--ink-700); } .pricetbl.rp-menu tbody td:last-child { grid-column: 1 / -1; grid-row: 3; font-size: 14px; line-height: 1.7; color: var(--ink-500); } .pricetbl.rp-wage tbody th { grid-column: 1; grid-row: 1; font-size: 15px; font-weight: 700; color: var(--ink-900); } .pricetbl.rp-wage tbody td.rp-price { grid-column: 2; grid-row: 1; font-size: 15px; text-align: right; } .pricetbl.rp-wage tbody td:last-child { grid-column: 1 / -1; grid-row: 2; font-size: 14px; line-height: 1.7; color: var(--ink-500); } } `; /* 冒頭の画像(書類・机まわりの生成画像。人物は写さない) */ const RpImage = ({ src, alt }) => (
{alt
); const RP_TAX = 税別; /* ---------- 比較表(A 4列×17行。決定事項 2026-10-05 で「労務リスク診断」の行は削除済み) ---------- */ const RP_COLS = ['① 標準作成', '② 全体改訂', '③ 診断・説明付き安心パック', '④ キャリアアップ助成金対応']; const RP_HREFS = ['rules-standard.html', 'rules-revise.html', 'rules-anshin.html', 'rules-careerup.html']; const RP_TOP = [ ['料金(税別)', '12万円', '20万円〜', '40万円〜', '10万円'], ['対象', '新しく一式作りたい', '今ある規程全体を見直したい', '制度から整え、規程の内容を理解して使いたい', '助成金対応だけしたい'] ]; const RP_GROUPS = [ {g:'作るもの', rows:[ ['本則', '○','○','○','必要箇所'], ['賃金規程', '○','○','○','必要箇所'], ['育児介護休業規程', '○','○','○','―'], ['法改正対応', '○','○','○','対象箇所'], ['キャリアアップ助成金対応', '○','○','○','○'] ]}, {g:'確認・反映すること', rows:[ ['賃金台帳の確認', '○','○','○','○'], ['労働条件通知書等の確認', '○','○','○','○'], ['実態を規程へ反映', '○','○','○','対象箇所'], ['既存規程の全体チェック', '―','○','○','―'], ['規程間の整合性の確認', '―','○','○','関連箇所'] ]}, {g:'診断と相談', rows:[ ['制度改善の提案', '―','―','○','―'], ['制度設計の相談', '―','―','○','―'], ['社長・役員との面談', '―','―','○','―'], ['社長・役員向け説明', '―','―','○','―'], ['社員向けルールブック', '―','―','○','―'] ]} ]; /** 比較表。hl に 0〜3 を渡すと、その列を強調する(個別ページ用)。 */ const RpCompareTable = ({ hl }) => { const isHl = (j) => hl === j; const cell = (v, j) => { const c = isHl(j) ? ' rp-hl' : ''; if (v === '○') return ○; if (v === '―') return ―; return {v}一部; }; return (

{RP_COLS.map((c, i) => {c.replace(' ', '')})}

{RP_COLS.map((c, i) => ( ))} {RP_TOP.map((r, i) => ( {r.slice(1).map((v, j) => )} ))} {RP_GROUPS.map((g, gi) => ( {g.rows.map((r, ri) => ( {r.slice(1).map(cell)} ))} ))}
{isHl(i) ? <>{c}{c.slice(0, 1)} : {c}{c.slice(0, 1)}}
{r[0]}{v}
{g.g}
{r[0]}

表は横にスクロールできます。

一部=助成金対応に関わる箇所だけ

); }; /* ---------- B 目的別メニュー(決定事項 2026-10-06:実際によく頼まれる7つ+その他) ---------- */ const RP_MENU_ROWS = [ ['休職者が出て困っている', '休職・復職', '5万円〜', '休職事由、期間、診断書、復職判定、再休職など'], ['育休の規程が古い', '育児・介護', '5万円〜', '育児介護休業規程の新設・改訂、法改正への対応'], ['ハラスメントの相談が来たときの手順がない', 'ハラスメント', '5万円〜', '禁止事項、相談窓口、対応の手順など'], ['お客様の理不尽な要求から、社員を守る決まりがない', 'カスハラ', '5万円〜', 'カスハラにあたる行為、対応方針、相談窓口、社員の保護など'], ['在宅勤務を始めたが、ルールがない', 'テレワーク', '5万円〜', '対象者、勤務場所、費用の負担、労働時間など'], ['退職金を払うかどうか、決まりがない', '退職金', '10万円〜', '支給要件、算定方法、勤続年数など'], ['子どもと接する仕事で、こども性暴力防止法への対応が必要', 'こども性暴力防止法', '5万円〜', '性犯罪歴の確認手続き、配置転換、懲戒事由、情報管理など'], ['上の7つにない規程を作りたい・直したい', 'その他の規程の作成・見直し', '1規程 5万円〜', '副業・兼業、服務規律・懲戒、特別休暇、退職・定年など'] ]; const RpMenuTable = () => (

料金は税別

{RP_MENU_ROWS.map((r, i) => ( ))}
困りごとメニュー料金(税別)内容
{r[0]} {r[1]} {r[2]} {r[3]}
); /* ---------- 全プラン共通(提出資料・AIの利用・届出代行・意見書) ---------- */ const RP_AI_TEXT = 'お送りいただいた資料は、AIで読み取ったうえで、社労士が内容を確認します。入力した内容を学習に使わない法人向けのAIを使用しています。マイナンバーなどの番号は、消してからお送りください。'; const RpCommonBox = ({ bg, id, title }) => (
全プラン共通のご案内

{title || '必要な資料と届出の手続き'}

このほかに必要な資料は、各プランのページでご案内しています。

01 · 勤怠記録・賃金台帳どのプランでも必要な2つの資料

勤怠記録と賃金台帳は、直近1年分をお願いします。難しければ、最低6か月分で始められます。規程が実際の働き方に合っているかを確認するために使います。

02 · AIの利用について資料の読み取りに、AIを使います

{RP_AI_TEXT}

03 · 労働基準監督署への届出届出は、当社が代行します

全プランの料金に含まれます。労働者代表の選任届など、届出に必要な書式も当社が用意します。

04 · 就業規則の意見書様式と書き方をご案内します

意見書の様式・書き方と、従業員代表の選び方をご案内します。従業員代表の意見は、貴社で確認していただきます。

); /* ---------- 安心パックの進め方(6ステップ) ---------- */ const RP_ANSHIN_STEPS = [ {n:'①', t:'事前診断', b:'規程・賃金台帳・雇用契約書・会社カレンダー等を分析します。', m:'当社で実施'}, {n:'②', t:'診断結果の整理', b:'矛盾・リスク・不足・会社として決める事項をまとめます。', m:'当社で実施'}, {n:'③', t:'作成ミーティング', b:'診断結果をもとに、会社のルール・制度を社長・役員と決めます。', m:'1〜2時間', key:true}, {n:'④', t:'就業規則作成・改訂', b:'ミーティングで決めた内容を規程へ反映します。', m:'当社で実施'}, {n:'⑤', t:'ルールブック作成', b:'社員向けに重要なルールを分かりやすくまとめます。WordとPDFの両方でお渡しします。', m:'当社で実施'}, {n:'⑥', t:'規程の説明ミーティング', b:'社長・役員へ、完成した規程と運用方法を説明します。', m:'2〜3時間', key:true} ]; const RpAnshinSteps = ({ bg }) => (
安心パックのご依頼後の流れ

会社のルールを相談し、運用方法まで確認します。

社長・役員には、③作成ミーティングと⑥規程の説明ミーティングの2回、ご参加いただきます。

{RP_ANSHIN_STEPS.map((s, i) => (
{s.n}
{s.t}
{s.b}
{s.key ? {s.m} : {s.m}}
))}
③ 作成ミーティングでは

現状と課題をお伝えし、見直し案をご提案します。検討する内容を確認しながら、社長・役員に方針を決めていただきます。

⑥ 規程の説明ミーティングでは

休職・無断欠勤・育休の申出・懲戒など、実際の場面を例に、規程のどこを確認し、どの手順で対応するかを説明します。

); /* ---------- CTA ---------- */ const RpCTA = ({ heading, text }) => (
無料相談

{heading || <>プラン選びに迷ったら、
ご相談ください。}

{text || '今ある就業規則や賃金台帳を拝見して、どのプランが合うかをお伝えします。'}

無料相談を予約する 就業規則の作成・見直しの一覧へ
); Object.assign(window, { RP_STYLE, RP_TAX, RP_AI_TEXT, RP_COLS, RP_HREFS, RP_MENU_ROWS, RpImage, RpCompareTable, RpMenuTable, RpCommonBox, RpAnshinSteps, RpCTA });