/* Diagrams — illustrative SVG/CSS info-graphics */
function AssuranceBar() {
return (
);
}
Object.assign(window, { AssuranceBar });
/* ============================================================
PATHWAY DIAGRAM — 特定技能になるには（2ルート → 1号 → 2号）
============================================================ */
function PathwayDiagram() {
return (
特定技能外国人になるための 2 つのルート
TWO PATHS TO BECOME A SPECIFIED SKILLED WORKER
① 国内ルート
育成就労 修了者
（国内からの移行ルート）
REQUIREMENT
育成就労を 3 年間 良好に修了 していること
※ 試験免除で特定技能1号へ移行可能
※ 旧制度（技能実習）の修了者も、当面の間は経過措置により移行が認められます
② 海外ルート
海外 直接受入
（送出国からの新規招聘）
REQUIREMENT
分野別技能試験 に合格
かつ 日本語試験（N4 以上）に合格
※ 当組合が現地で候補者選定・面接を実施
特定技能 1 号
在留期間：通算 5 年／登録支援機関（グループ会社）による法定 10 項目の支援
{/* 出入国在留管理庁の英語表記に準拠（特定技能1号＝Specified Skilled Worker (i)） */}
Specified Skilled Worker (i)
→
要件を満たすことで、特定技能 2 号（在留期間の制限なし／家族帯同可）への移行も可能
);
}
Object.assign(window, { PathwayDiagram });
/* ============================================================
RELATIONSHIP DIAGRAM — 登録支援機関の役割（Pop redesign）
============================================================ */
function RelationDiagram() {
/* Layout: 4-corner with 特定技能1号 top, 入管 bottom, 企業/支援機関 left/right */
return (
登録支援機関の役割
RELATIONSHIP & SUPPORT STRUCTURE
受入企業に関わる契約・委託
登録支援機関による支援
行政への届出
行政からの指導・助言
);
}
Object.assign(window, { RelationDiagram });
/* ============================================================
TIMELINE DIAGRAM — 育成就労3年 + 特定技能5年 = 通算8年
============================================================ */
function TimelineDiagram() {
return (
{/* 修正依頼 p.6：タイトル／英サブを差し替え */}
育成就労から特定技能へ、途切れない長期キャリアパスを構築
{/* 依頼 #30：英語表記を削除し日本語表記に変更 */}
ワンストップのキャリアパス｜日本での長期就労へ
{/* 依頼 #30：時間の流れを矢印で明示し、帯内の年数表記を日本語に変更 */}
時間の流れ
{/* 修正依頼 p.6：末尾の「…年／∞年」を「9年目以降｜特定技能2号（更新上限なし）」に集約 */}
{[0,1,2,3,4,5,6,7,8].map((y, i) => (
{y}年
))}
9年目以降
特定技能2号（更新上限なし）
3年
育成就労 期間
{/* 修正依頼 p.6：技能・日本語の目標を明文化 */}
監理支援機関（当組合）による監理。特定技能1号水準の技能習得と、日本語試験（N4以上）の合格を目指します。
5年
特定技能 1 号 期間
登録支援機関（グループ会社）による法定10項目の支援。同じ職場で継続就労が可能。
∞
特定技能 2 号
在留期間の制限なし、家族帯同可。条件を満たせば永住への道も開かれます。
{/* 修正依頼 p.6 */}
グループによるワンストップ支援だから、
フェーズが変わっても 一貫した体制 で伴走します。
{items.map((it, i) => (
{it.num}
{it.tag}
{it.h.split("\n").map((l, j, a) => (
{l}{j < a.length - 1 &&
}
))}
{it.p &&
{it.p}
}
))}
{/* 図のヘッダー（セクション見出しと重複しないよう、図版ラベルとして小さく置く） */}
育成就労 ─ 受入れ・キャリア形成フロー
全 7 ステップ
{/* ===== DESKTOP — 3段（段階帯／ステップ＋期間チップ／実施内容）。ラベル列なし ===== */}
{/* 段階 */}
{JOURNEY_PHASES.map((ph) => (
{ph.label}
))}
{/* ステップの流れ（期間の目安を含む） */}
{JOURNEY_STEPS.map((s) => (
{s.n}
{s.h.split("\n").map((l, i, a) => (
{l}{i < a.length - 1 &&
}
))}
{s.dur}
))}
{/* 実施内容 */}
{JOURNEY_STEPS.map((s) => (
{s.p}
))}
{/* ===== MOBILE — フェーズ（段階）単位で縦積み（番号は常に左、説明はその下） ===== */}
{JOURNEY_PHASES.map((ph) => (
{ph.label}
{JOURNEY_STEPS.filter((s) => s.phase === ph.cls).map((s) => (
-
{s.n}
{s.h.replace(/\n/g, "")}
{s.dur}
{s.p}
))}
))}
（※）記載の期間はいずれも標準的な目安です。職種・送出国・受入時期により、手続きや期間が前後する場合があります。
{phases.map((ph, i) => (
{ph.tag}
{ph.title}
{ph.items.map((it, j) => {
counter += 1;
const n = String(counter).padStart(2, "0");
return (
);
})}
))}
{FIELD_CATS.map((c, i) => {
const items = SSW_FIELDS.filter(f => f.cat === c.key);
if (!items.length) return null;
return (
{/* 帯レイアウトでは連番を見出しの中に流し込む（背面の巨大数字だと文字と重なるため） */}
{c.badge}
{c.num}
{c.eyebrow}
{c.title}
{/* --cols にその分野数を渡し、カードが常に横幅いっぱいに並ぶようにする。
カテゴリごとの分野数（4/5/5/5）の違いで余白が生じないための措置。 */}
{items.map((it, j) => (
{FIELD_ICONS[it.name] || null}
{it.en}
{it.name}
))}
);
})}
{/* 修正対応報告書 6-1：育成就労の対象は17分野（自動車運送業・航空は特定技能のみ）。
サイト各所の「特定技能（1号）と原則同一」は、この例外を含む表現。 */}
※令和8年1月23日 閣議決定の分野別運用方針に基づく{SSW_FIELD_COUNT}分野。うち育成就労の対象は17分野です（自動車運送業・航空は特定技能のみが対象）。将来の制度改正により、分野の追加・名称変更の可能性があります。
);
}
Object.assign(window, { FieldsDiagram, FIELD_ICONS, FIELD_CATS });
/* ============================================================
INDUSTRY ICONS — 主な受入分野（農業・製造・建設）をイラストで表現
============================================================ */
function IndustryIcons() {
const s = { viewBox: "0 0 64 64", fill: "none", stroke: "currentColor", strokeWidth: 2.4, strokeLinecap: "round", strokeLinejoin: "round" };
const items = [
{
cls: "ind-build", label: "建設", en: "CONSTRUCTION",
svg: (
)
},
{
cls: "ind-factory", label: "製造", en: "MANUFACTURING",
svg: (
)
},
{
cls: "ind-agri", label: "農業", en: "AGRICULTURE",
svg: (
)
},
];
return (
{items.map((it, i) => (
{it.svg}
{it.label}
{it.en}
))}
建設・製造・農業をはじめ、特定産業{SSW_FIELD_COUNT}分野に対応しています。
※分野は令和8年1月23日 閣議決定の分野別運用方針に基づきます。
);
}
Object.assign(window, { IndustryIcons });