<>
.f_bu_b {
font-family: "BIZ UDPGothic"sans-serif;
font-weight: 700;
font-: normal;
}
<>
.chart_base *{ box-sizing: border-box; line-height: 1.8rem; font-size: 16px;}
.chart_base{ width: 100%; max-width: 900px; margin: 0 auto;}
@media screen and (max-width: 768px){
.chart_base *{ font-size: 14px;}
.chart_001{ width: 1000px !important; max-width: 1000px; margin: 0 auto;}
}
.chart_001_scroll{ overflow-x: unset; position: relative;}
.chart_001{ width: 1200px !important; max-width: 1200px; margin: 0 auto;}
.chart_base img { width: 100%; height: auto; }
.f_w_bold{ font-weight: bold;}
.f_c_red{ color: #E50505; padding: 0 0 0 2px;}
.ua_c_row{ display: flex; align-items: center; flex-wrap: wrap; width: 100%;}
.ua_c_row_s{ height: 15px;}
.ua_c_row_w100p{ width: 100%;}
.ua_c_box{ border: solid 3px #999; padding: 0.7rem 1.5rem; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; min-height: 6rem; position: relative; z-index: 2; max-width: 430px; background: #eee; flex: 1;}
.ua_c_box_ttl{ width: 40%; margin: 0 4% 0 0; color: #0071bc; font-weight: bold; font-size: 1.0em; text-align: center;}
.ua_c_box_ttl_G{ color: #39b54a;}
.ua_c_box_ttl_txt{ width: 56%; font-size: 0.88em; text-align: center;}
.ua_c_box_inn{ width: 100%; text-align: center;}
.ua_c_box_01{ background: #0074BE; border-color: #0074BE; text-align: center; font-size: 1.12em; color: #fff; font-weight: bold; width: 100%; max-width: 100%;}
.ua_c_box_02{ border: solid 3px #0074BE;}
.ua_c_box_03{ border: solid 3px #39b54a;}
.ua-block{ display: flex; flex-wrap: wrap; border: solid 3px #39b54a; padding: 20px; position: relative; z-index: 3; background: #fff; border-radius: 10px;}
.ua-block_inn_txt{ width: 100%; text-align: right; font-size: 0.8em !important; margin: 5px 0 0 0; }
.ua-b_01{ width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.ua-b_02{ width: 100%; display: flex; flex-wrap: wrap;}
.ua-b_03{ width: 100%;}
.ua-b_04{ width: 100%;}
.ua-b_05{ width: 50%; display: flex; flex-wrap: wrap;}
.ua-b_06{ width: 50%; height: 100%; display: flex; flex-wrap: wrap;}
.ua-b_ttl_01{ background: #ff9999; border-color: #ff9999; color: #fff; font-size: 1.12em; width: calc(100% - 30px); text-align: center; position: relative; z-index: 1;}
/*.ua-b_ttl_01::after{ content: "✕"; font-size: 25px; font-weight: bold; color: #ccc; position: absolute; bottom: -16px; left: 50%; transform: translateX(-50%); z-index: 3;}*/
.ua-b_ttl_02{ background: #41bfe9; border-color: #41bfe9; color: #fff; font-size: 1.12em; width: calc(100% - 30px); text-align: center; position: relative; z-index: 1;}
.ua-b_ttl_03{ background: #8ac457; border-color: #8ac457; color: #fff; font-size: 1.12em; width: calc(100% - 30px); text-align: center; position: relative; z-index: 1;}
.ua-b_ttltxt_01{ background: #FFDADA; border-color: #FFDADA; justify-content: center; padding: 0.4rem; min-height: 2rem;}
.ua-b_ttltxt_02{ background: #FEFFDA; border-color: #FEFFDA; justify-content: center; padding:1.3rem 0.4rem; min-height: 2rem;}
.line_box_01{ height: 30px; display: flex; align-items: center; position: relative; z-index: 0;}
.line_box_02{ width: 30px; height: 6rem; display: flex; align-items: center; position: relative; z-index: 2; overflow: hidden;}
.line_box_03{ height: 6rem; display: flex; align-items: center; position: relative; z-index: 2;}
.ua_c_txt_01{ font-size: 0.8em; margin: 10px 0 0 0; text-align: right;}
@media screen and (max-width: 1200px){
.chart_001_scroll{ overflow-x: scroll; }
}
.c001_box_01{ display: flex;}
.c001_box_02{ width: 33% !important;}
.c001_box_03{ width: 66% !important;}
.uc_row{ display: flex; flex-wrap: wrap; width: 100%;}
.uc_row_s{ height: 15px;}
.uc_row_m{ height: 30px;}
.uc_hb{ width: 50%; display: flex;}
.uc_hb_w100p{ width: 100%;}
.uc_hb_ttl{ flex: 1; padding: 0.7rem 1.5rem; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; min-height: 6rem; position: relative; z-index: 2; background: #eee; align-content: center; justify-content: center;}
.uc_hb_ttl_none{ border: none; background:none;}
.uc_row img { width: auto !important; height: auto;}
.uc_hb img { position: relative; z-index: 3;}
.c_b_bo_B{ border: solid 3px #0074BE;}
.c_b_ba_B{ background: #0074BE; color: #fff;}
.c_b_ba_O{ background: #F8CAAC;}
.c_b_ba_BB{ background: #C2E0FF;}
.c_b_ba_G{ background: #C4E0B3;}
.c_b_ba_Y{ background: #FEE9AA;}
.c_b_ba_GG{ background: #B2E6D1;}
@media screen and (max-width: 768px){
.uc_hb_w768under{ width: 100%; }
.uc_row_s{ height: 15px;}
.ua_c_box_ttl_txt{ font-size: 1em; }
}
.br_w650{ display: none;}
@media screen and (max-width: 650px){
.br_w650{ display: block;}
}
.uc_hb_p_l_24{ padding: 0 0 0 24px;}
.uc_hb_02{ width: 100%;}
.uc_k_01{ width: 40%;}
.uc_k_02{ width: 60%; display: flex; }
.uc_k_02 ul{ width: 100%; display: flex; flex-wrap: wrap;}
.uc_k_02 li{ width: calc(50% - 5px); list--type: none; margin: 0 5px 5px 0; text-indent: -1.3em; padding-left: 1.3em; font-size: 0.94em;}
.uc_k_0101{ width: 100%; font-size: 1.2em; margin: 10px 0 10px 0;}
.uc_k_0102{ width: 100%; margin: 10px 0 10px 0;}
@media screen and (max-width: 768px){
.uc_k_01{ width: 100%;}
.uc_k_02{ width: 100%;}
}
.bumon_pc{ display: unset;}
.uc_row_w600{ max-width:100%; margin: 0 auto;}
.uc_row_w768over_none{ display: block;}
.uc_row_w768under_none{ display: none;}
@media screen and (min-width: 768px){
.uc_row_w600{ max-width:600px; margin: 0 auto;}
.uc_row_w768over_none{ display: none;}
.uc_row_w768under_none{ display: flex;}
.bumon_pc{ display: flex; justify-content: space-between;}
.bumon_pc .uc_row{ width: 32%;}
.bumon_pc .uc_k_01{ width: 100%; text-align: center;}
.bumon_pc .uc_k_02{ width: 100%;}
.bumon_pc .uc_k_02 li{ width: 100%;}
}
.box_01_w60{ width: 60px; height: auto; min-height: 6rem; position: relative; background: #fff; overflow: hidden; display: flex;}
.box_01_w30{ width: 30px; height: auto; min-height: 6rem; position: relative; background: #fff; overflow: hidden;}
@media screen and (min-width: 768px){
.box_01_w30{ width: 60px;}
}
.box_02{ width: 3px; height: 500px; background: #000; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.box_03{ width: 500px; height: 3px; background: #000; position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%);}
.box_04{ width: 500px; height: 3px; background: #000; position: absolute; top: 50%; left: 50%; transform: translateY(-50%);}
.box_05{ width: 3px; height: 250px; background: #000; position: absolute; bottom: calc(50% - 2px); left: 50%; transform: translateX(-50%);}
.box_06{ width: 3px; height: 250px; background: #000; position: absolute; top: calc(50% - 2px); left: 50%; transform: translateX(-50%);}
.box_07{ width: 500px; height: 3px; background: #000; position: absolute; top: 50%; right: 50%; transform: translateY(-50%);}
.box_08{ width: 500px; height: 3px; background: #000; position: absolute; top: 50%; right: 50%; transform: translateY(-50%);}
.box_bgc_B{ background: #0074BE;}
.box_bgc_G{ background: #39b54a;}
.box_bgc_BB{ background: #66CCFF;}
.box_bgc_O{ background: #EE823C;}
.box_bgc_BBB{ background: #007EFD;}
.box_bgc_OO{ background: #FCC213;}
.box_bgc_GG{ background: #39B181;}
UAゼンセンの組織
連合（日本労働組合総連合会）
ITUC*
国際労働組合総連合
ITUC-AP*
国際労働組合総連合
アジア太平洋地域組織
アジア太平洋地域組織
加盟組合 2,136組合 1,939,075名
2025年9月現在
IndustriALL*
国際製造
IndustriALL-A/P*
国際製造
アジア太平洋地域組織
アジア太平洋地域組織
UNI*
国際商業・通信
UNI-APRO*
国際商業・通信
アジア太平洋地域組織
アジア太平洋地域組織
IUF*
国際食品
IUF-A/P*
国際食品
アジア太平洋地域組織
アジア太平洋地域組織
BWI*
国際建設林産
BWI-A/P*
国際建設林産
アジア太平洋地域組織
アジア太平洋地域組織
*：国際関連組織
会 長
副会長
書記長
政治戦略本部
短時間組合員総合戦略本部
組織
グループ
グループ
組織局
多様性協働局
運動推進局
共済事業局
政策
グループ
グループ
政策政治局
労働条件局
国際局
政策サポートセンター
企画
グループ
グループ
企画局
情報システム局
広報局
管理
グループ
グループ
総務・人財局
生活応援事業局
財政局
大 会
中央委員会
中央執行委員会
常任中央執行委員会
製造産業部門
869組合 185163名
- 〇 繊維素材部会
- 〇 繊維加工部会
- 〇 総合製造部会
- 〇 衣料・スポーツ部会
- 〇 化学部会
- 〇 医薬・化粧品部会
流通部門
507組合 1,178,773名
- 〇 スーパーマーケット部会
- 〇 GMS部会
- 〇 住生活関連部会
- 〇 百貨店部会
- 〇 ドラッグ 関連部会
- 〇 専門店部会
- 〇 家電関連部会
総合サービス部門
760組合 575,125名
- 〇 フード部会
- 〇 フードサービス部会
- 〇 インフラサービス部会
- 〇 生活サービス部会
- 〇 ホテル・レジャー部会
- 〇 パチンコ関連部会
- 〇 医療・介護・福祉部会
- 〇 人材サービス部会
加盟組合・組合員の構成
<>
/* ====== 配色・共通 ====== */
:root{
--ua-z-font: "Inter","Noto Sans JP",system-ui,sans-serif;
--ua-z-accent: #7fb4e6; /* 罫線の淡いブルー */
--ua-z-bullet: #2491ff; /* 見出しの青い点 */
--ua-z-text: #1f2937;
}
.ua_z_block{font-family:var(--ua-z-font); color:var(--ua-z-text); font-size: 0.92em;}
.ua_z_title{
display:flex; align-items:center; gap:.5rem; font-weight:700; margin:0 0 .5rem;
}
/* ====== テーブル（PC〜タブレット） ====== */
.ua_z_table-wrap{border-radius:12px; background:#fff;}
.ua_z_table{
width:100%; border-collapse:separate; border-spacing:0; table-layout:fixed;
border-radius:8px; overflow:hidden;
}
.ua_z_table th.ua_z_table td{
padding:.75rem .9rem; border-bottom:2px solid var(--ua-z-accent);
}
.ua_z_table thead th{
font-weight:700; text-align:left; border-bottom:2.5px solid var(--ua-z-accent);
}
.ua_z_table tr:last-child > *{ border-bottom:none; }
.ua_z_table td:nth-child(2).ua_z_table td:nth-child(3){
text-align:right; font-variant-numeric:tabular-nums; font-feature-settings:"tnum";
}
.ua_z_table colgroup col:nth-child(1){width:40%}
.ua_z_table colgroup col:nth-child(2){width:30%}
.ua_z_table colgroup col:nth-child(3){width:30%}
.bg_c_ee{background:#eee;}
.bg_c_f6{background:#f6f6f6;}
/* ====== スマホ時（≤640px）：カード化＋1行目を50/50 ====== */
@media (max-width:640px){
.ua_z_table{display:block;}
.ua_z_table thead{display:none;}
.ua_z_table tbody{display:grid; gap:.6rem;}
.ua_z_table tr{
display:grid;
grid-template-columns: 1fr 1fr; /* ← 50% / 50% */
column-gap:.75rem;
row-gap:.35rem;
border:2px solid var(--ua-z-accent);
border-radius:10px;
padding:.6rem .7rem;
background:#fff; /* 本体背景 */
}
/* 各セルはラベル左・値右の2カラム内で完結表示 */
.ua_z_table td{
border:none; padding:.35rem .35rem;
display:flex; justify-content:space-between; align-items:center; gap:.75rem;
background:#f6f6f6; border-radius:6px;
}
.ua_z_table td::before{
content: attr(data-label);
font-weight:700;
background:#ddd; padding:2px 6px; border-radius:4px;
margin-right:.5rem;
}
/* 1列目・2列目を上段左右に、3列目は下段で全幅 */
.ua_z_table td:nth-child(1){ grid-column:1; }
.ua_z_table td:nth-child(2){ grid-column:2; }
.ua_z_table td:nth-child(3){ grid-column:1 / -1; }
/* PC時に付けていた薄ベージュはモバイルでは透明に */
.bg_c_f6{background:transparent;}
}
■組合員数規模割合
| 組合員数(名) | 組合数 | 割合(%) |
|---|---|---|
| 1〜99 | 1,063 | 49.8 |
| 100〜299 | 428 | 20.0 |
| 300〜999 | 325 | 15.2 |
| 1,000〜2,999 | 191 | 8.9 |
| 3,000〜 | 129 | 6.0 |
<>
:root{
--pie-size: clamp(170px38vw200px);
--gap: 22px;
--font: "Inter","Noto Sans JP",system-ui,sans-serif;
}
.ua_z_chart-grid{display:grid; gap:15px; grid-template-columns:repeat(2,minmax(280px,1fr)); font-family:var(--font); color:#111827;}
@media (max-width:840px){ .ua_z_chart-grid{grid-template-columns:1fr} }
.ua_z_chart-card{ padding:16px 16px 12px; background:#fff;}
.ua_z_chart-head{display:flex; align-items:center; gap:8px; font-weight:700; margin:0 0 12px}
.ua_z_chart-head .ua_z_dot{width:10px; height:10px; border-radius:50%}
.ua_z_chart-wrap{display:flex; align-items:center; gap:var(--gap)}
@media (max-width:520px){ .ua_z_chart-wrap{flex-direction:column; align-items:flex-start} }
.ua_z_pie{
position:relative; width:var(--pie-size); height:var(--pie-size); border-radius:50%; background: conic-gradient(var(--c1) 0 calc(var(--p)*1%)var(--c2) 0); flex:0 0 auto; margin: 0 auto;}
.ua_z_slice-label{
position:absolute;
left:50%; top:50%; transform:translate(-50%,-50%);
font-size:0.88em; line-height:1.15; color:#fff; text-align:center;
text-shadow:0 1px 2px rgba(0,0,0,.8);
display:flex; flex-direction:column; align-items:center; gap:2px; pointer-events:none;
white-space:nowrap; padding:4px 8px; border-radius:10px; background:transparent;
}
.ua_z_slice-label.ua_z_secondary{ background:rgba(0,0,0,.18); backdrop-filter:saturate(1.2) blur(.5px); }
.ua_z_legend{display:grid; gap:8px; font-size:0.93em; margin: 0 auto;}
.ua_z_legend-row{display:flex; align-items:center; gap:10px}
.ua_z_legend-key{width:14px; height:14px; border-radius:3px; flex:0 0 auto}
.ua_z_legend-txt b{font-weight:700}
.ua_z_num{font-variant-numeric:tabular-nums; font-feature-settings:"tnum"}
.ua_z_note{color:#6b7280; font-size:12px}
/* ★ ラベル位置調整（手動） */
/* 女性（a） */
.ua_z_label-chart-gender-a{
left: 72%;
top: 58%;
transform: translate(-50%,-50%);
}
/* 男性（b） */
.ua_z_label-chart-gender-b{
left: 28%;
top: 40%;
transform: translate(-50%,-50%);
}
/* 短時間組合員（a） */
.ua_z_label-chart-employment-a{
left: 76%;
top: 55%;
transform: translate(-50%,-50%);
}
/* 正社員組合員（b） */
.ua_z_label-chart-employment-b{
left: 20%;
top: 38%;
transform: translate(-50%,-50%);
}
/* スマホでの再配置（必要なら） */
@media (max-width:520px){
.ua_z_label-chart-gender-a{ left: 75%; top: 60%; }
.ua_z_label-chart-gender-b{ left: 15%; top: 35%; }
.ua_z_label-chart-employment-a{ left: 80%; top: 65%; }
.ua_z_label-chart-employment-b{ left: 15%; top: 35%; }
}
■男女割合
女性
（%）
（%）
男性
（%）
（%）
■雇用形態割合
短時間組合員
（%）
（%）
正社員組合員
（%）
（%）