/* 人事制度改革コンサルティング（/personnel-system-reform）専用スタイル。
   レイアウトの土台は common.css に依存し、ここでは企画書の図解
   (1) 課題感／効果の2カラム (2) コンサルティングのフロー図
   (3) 特徴カード (4) 各フェーズの実施事項 (5) 新制度グランドデザインの三角図
   (6) 成長スパイラル図 (7) パフォーマンス・ディベロップメントのプロセス図
   (8) 導入準備の4ポイント を補う。
   rem は common.css の独自設計により PC で約1px相当、SP は vw 基準で自動スケール。
   ブレークポイントは common.css に合わせて max-width: 860px。 */

/* 共通トーン（service_2.css と同じ体系） */
:root {
	--hc-navy: #11589d;
	--hc-navy-d: #0d4478;
	--hc-blue: #5b9bd5;
	--hc-blue-l: #cddceb;
	--hc-blue-bg: #eef4f9;
	--hc-gray: #6b7280;
	--hc-line: #d5dee7;
	--hc-accent: #ef8b3c;
	--hc-accent-bg: #fbe4c8;
	--hc-accent-d: #8a5a1a;
}

/* ============================================================
   1. 課題感／制度改革の効果（2カラム）
   ============================================================ */
.c-hr-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24rem;
	align-items: start;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-hr-col {
	background: #fff;
	border: 1rem solid var(--hc-line);
	border-radius: 8rem;
	overflow: hidden;
}
.c-hr-col__head {
	color: #fff;
	font-size: 18rem;
	font-weight: bold;
	text-align: center;
	padding: 14rem 16rem;
}
.c-hr-col__head.--issue {
	background: var(--hc-gray);
}
.c-hr-col__head.--effect {
	background: var(--hc-navy);
}
.c-hr-col__list {
	margin: 0;
	padding: 22rem 24rem 6rem;
	list-style: none;
	counter-reset: hr-num;
}
.c-hr-col__list li {
	position: relative;
	padding-left: 34rem;
	margin-bottom: 14rem;
	font-size: 14rem;
	line-height: 1.7;
	color: #333;
	counter-increment: hr-num;
}
.c-hr-col__list li::before {
	content: counter(hr-num);
	position: absolute;
	left: 0;
	top: 1rem;
	width: 22rem;
	height: 22rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hc-blue-l);
	color: var(--hc-navy);
	font-size: 12rem;
	font-weight: bold;
	border-radius: 50%;
}
.c-hr-col__etc {
	padding: 4rem 24rem 22rem;
	font-size: 12rem;
	color: var(--hc-gray);
	line-height: 1.7;
}

/* ============================================================
   2. コンサルティングのフロー図
   ============================================================ */
.c-hr-flow {
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}
.c-hr-flow__title {
	background: var(--hc-navy-d);
	color: #fff;
	font-size: 18rem;
	font-weight: bold;
	text-align: center;
	padding: 12rem;
	border-radius: 4rem;
	margin-bottom: 16rem;
}
.c-hr-flow__phases {
	display: grid;
	grid-template-columns: 1fr 3fr 1fr;
	gap: 10rem;
	margin-bottom: 22rem;
}
.c-hr-flow__phase {
	text-align: center;
	font-size: 14rem;
	font-weight: bold;
	line-height: 1.5;
	padding: 12rem 8rem;
	border-radius: 4rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-hr-flow__phase.--p1 {
	background: var(--hc-blue);
}
.c-hr-flow__phase.--p2 {
	background: var(--hc-navy);
}
.c-hr-flow__phase.--p3 {
	background: var(--hc-blue);
}
.c-hr-flow__steps {
	display: flex;
	align-items: stretch;
	gap: 20rem;
}
.c-hr-flow__step {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	background: var(--hc-blue-bg);
	border: 1rem solid var(--hc-line);
	border-top: 4rem solid var(--hc-navy);
	border-radius: 4rem;
	padding: 16rem 10rem;
}
.c-hr-flow__step-no {
	font-size: 14rem;
	font-weight: bold;
	color: var(--hc-navy);
	margin-bottom: 8rem;
}
.c-hr-flow__step-title {
	font-size: 13rem;
	line-height: 1.6;
	flex: 1;
}
.c-hr-flow__step-term {
	margin-top: 12rem;
	font-size: 12rem;
	font-weight: bold;
	color: #fff;
	background: var(--hc-navy);
	border-radius: 50px;
	padding: 3rem 16rem;
}
/* ステップ間の矢印 */
.c-hr-flow__steps .c-hr-flow__step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -16rem;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 8rem solid transparent;
	border-bottom: 8rem solid transparent;
	border-left: 12rem solid var(--hc-navy);
	z-index: 2;
}
.c-hr-flow__after {
	margin-top: 24rem;
	background: #fff;
	border: 1rem dashed var(--hc-navy);
	border-radius: 6rem;
	padding: 18rem 20rem;
}
.c-hr-flow__after-head {
	font-size: 14rem;
	font-weight: bold;
	color: var(--hc-navy);
	text-align: center;
	margin-bottom: 14rem;
}
.c-hr-flow__after-items {
	display: flex;
	gap: 16rem;
	justify-content: center;
	flex-wrap: wrap;
}
.c-hr-flow__after-item {
	background: var(--hc-accent-bg);
	color: var(--hc-accent-d);
	font-size: 14rem;
	font-weight: bold;
	border-radius: 4rem;
	padding: 10rem 28rem;
}
.c-hr-flow__note {
	margin-top: 14rem;
	font-size: 12rem;
	color: var(--hc-gray);
	line-height: 1.7;
}

/* ============================================================
   3. 本コンサルティングの特徴（3カード）
   ============================================================ */
.c-hr-feature {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24rem;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-hr-feature__item {
	position: relative;
	background: #fff;
	border: 1rem solid var(--hc-line);
	border-radius: 8rem;
	padding: 44rem 24rem 28rem;
	text-align: center;
}
.c-hr-feature__no {
	position: absolute;
	top: -22rem;
	left: 50%;
	transform: translateX(-50%);
	width: 48rem;
	height: 48rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hc-navy);
	color: #fff;
	font-size: 20rem;
	font-weight: bold;
	font-family: "Oswald", sans-serif;
	border-radius: 50%;
}
.c-hr-feature__title {
	font-size: 17rem;
	font-weight: bold;
	color: var(--hc-navy);
	line-height: 1.6;
	margin-bottom: 14rem;
}
.c-hr-feature__text {
	font-size: 14rem;
	line-height: 1.8;
	color: #444;
	text-align: left;
}

/* ============================================================
   4. 各フェーズにおける実施事項（Ⅰ〜Ⅳ）
   ============================================================ */
.c-hr-phase {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 24rem;
	align-items: start;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-hr-phase__item {
	background: #fff;
	border: 1rem solid var(--hc-line);
	border-left: 6rem solid var(--hc-navy);
	border-radius: 6rem;
	padding: 24rem;
}
.c-hr-phase__head {
	display: flex;
	align-items: center;
	gap: 14rem;
	padding-bottom: 14rem;
	margin-bottom: 16rem;
	border-bottom: 1rem solid var(--hc-blue-l);
}
.c-hr-phase__no {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 78rem;
	height: 30rem;
	padding: 0 14rem;
	background: var(--hc-navy);
	color: #fff;
	font-size: 14rem;
	font-weight: bold;
	border-radius: 50px;
	white-space: nowrap;
}
.c-hr-phase__title {
	font-size: 17rem;
	font-weight: bold;
	color: #222;
	line-height: 1.5;
}
.c-hr-phase__list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.c-hr-phase__list li {
	position: relative;
	padding-left: 20rem;
	margin-bottom: 10rem;
	font-size: 14rem;
	line-height: 1.7;
	color: #333;
}
.c-hr-phase__list li:last-child {
	margin-bottom: 0;
}
.c-hr-phase__list li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9rem;
	width: 8rem;
	height: 8rem;
	border-radius: 50%;
	background: var(--hc-navy);
}

/* ============================================================
   5. 新制度グランドデザインの三角図
   ============================================================ */
.c-hr-triangle {
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}
.c-hr-triangle__title {
	background: var(--hc-navy-d);
	color: #fff;
	font-size: 17rem;
	font-weight: bold;
	text-align: center;
	padding: 12rem;
	border-radius: 4rem;
	margin-bottom: 24rem;
}
.c-hr-triangle__grid {
	display: grid;
	grid-template-columns: 1fr 1.4fr 1fr;
	gap: 20rem;
	align-items: center;
}
.c-hr-triangle__side {
	display: flex;
	flex-direction: column;
	gap: 14rem;
}
.c-hr-triangle__side p {
	background: var(--hc-blue-bg);
	border: 1rem solid var(--hc-line);
	border-radius: 6rem;
	padding: 14rem 16rem;
	font-size: 13rem;
	line-height: 1.7;
}
.c-hr-triangle__diagram {
	background: #f0f0f0;
	border-radius: 8rem;
	padding: 28rem 20rem;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.c-hr-triangle__node {
	width: 160rem;
	max-width: 100%;
	text-align: center;
	background: #dbe5f1;
	border: 1rem solid var(--hc-navy);
	color: var(--hc-navy);
	font-size: 16rem;
	font-weight: bold;
	border-radius: 4rem;
	padding: 14rem 10rem;
}
.c-hr-triangle__node.--top {
	position: relative;
	margin-bottom: 46rem;
}
/* 等級制度から下方向への矢印 */
.c-hr-triangle__node.--top::after {
	content: "";
	position: absolute;
	bottom: -34rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 11rem solid transparent;
	border-right: 11rem solid transparent;
	border-top: 14rem solid var(--hc-navy);
}
.c-hr-triangle__axis {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 340rem;
	margin-bottom: 16rem;
}
.c-hr-triangle__axis-label {
	font-size: 12rem;
	font-weight: bold;
	color: var(--hc-gray);
}
.c-hr-triangle__bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12rem;
	width: 100%;
}
.c-hr-triangle__bottom .c-hr-triangle__node {
	flex: 0 1 150rem;
	width: auto;
}
.c-hr-triangle__reflect {
	flex: 0 0 auto;
	font-size: 11rem;
	color: var(--hc-gray);
	text-align: center;
	line-height: 1.4;
	max-width: 90rem;
}
.c-hr-triangle__result {
	position: relative;
	margin: 40rem auto 0;
	max-width: 720rem;
	text-align: center;
	background: var(--hc-blue-bg);
	border: 2rem solid var(--hc-navy);
	border-radius: 6rem;
	padding: 16rem 20rem;
	font-size: 15rem;
	font-weight: bold;
	color: var(--hc-navy);
	line-height: 1.6;
}
.c-hr-triangle__result::before {
	content: "";
	position: absolute;
	top: -22rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 14rem solid transparent;
	border-right: 14rem solid transparent;
	border-top: 16rem solid var(--hc-navy);
}

/* ============================================================
   6. 成長スパイラル図（右肩上がりの4ステップ）
   ============================================================ */
.c-hr-growth {
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}
.c-hr-growth__lead {
	display: flex;
	flex-direction: column;
	gap: 12rem;
	max-width: 800rem;
	margin: 0 auto 44rem;
}
.c-hr-growth__lead p {
	display: flex;
	align-items: center;
	gap: 14rem;
	font-size: 15rem;
	line-height: 1.6;
}
.c-hr-growth__lead p span {
	flex: 0 0 auto;
	background: var(--hc-navy);
	color: #fff;
	font-size: 13rem;
	font-weight: bold;
	border-radius: 4rem;
	padding: 5rem 16rem;
}
.c-hr-growth__caption {
	text-align: center;
	font-size: 15rem;
	font-weight: bold;
	color: var(--hc-navy);
	margin-bottom: 24rem;
}
.c-hr-growth__steps {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	gap: 18rem;
}
.c-hr-growth__step {
	position: relative;
	flex: 1;
	max-width: 230rem;
	text-align: center;
	background: var(--hc-blue-bg);
	border: 1rem solid var(--hc-line);
	border-radius: 6rem;
	padding: 16rem 12rem;
	font-size: 14rem;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
}
.c-hr-growth__step:nth-child(1) {
	margin-bottom: 0;
}
.c-hr-growth__step:nth-child(2) {
	margin-bottom: 34rem;
}
.c-hr-growth__step:nth-child(3) {
	margin-bottom: 68rem;
}
.c-hr-growth__step:nth-child(4) {
	margin-bottom: 102rem;
}
.c-hr-growth__step.--goal {
	background: var(--hc-accent);
	border-color: var(--hc-accent);
	color: #fff;
	font-size: 16rem;
}
/* 右肩上がりの矢印 */
.c-hr-growth__steps .c-hr-growth__step:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -14rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 7rem solid transparent;
	border-bottom: 7rem solid transparent;
	border-left: 10rem solid var(--hc-navy);
	z-index: 2;
}
.c-hr-growth__pd {
	text-align: center;
	margin-top: 44rem;
	font-size: 18rem;
	font-weight: bold;
	color: var(--hc-accent);
	line-height: 1.6;
}
.c-hr-growth__pd .--en {
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 15rem;
	letter-spacing: 1rem;
	margin-bottom: 2rem;
}

/* ============================================================
   7. パフォーマンス・ディベロップメントのプロセス図
   ============================================================ */
.c-hr-pd {
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}
.c-hr-pd__1on1 {
	background: var(--hc-blue-bg);
	border: 1rem dashed var(--hc-navy);
	border-radius: 6rem;
	text-align: center;
	font-size: 14rem;
	font-weight: bold;
	color: var(--hc-navy);
	padding: 12rem 16rem;
	margin-bottom: 22rem;
	line-height: 1.6;
}
.c-hr-pd__main {
	display: flex;
	align-items: stretch;
	gap: 20rem;
}
.c-hr-pd__inputs {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 12rem;
}
.c-hr-pd__input {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hc-navy);
	color: #fff;
	font-size: 14rem;
	font-weight: bold;
	border-radius: 4rem;
	padding: 14rem 18rem;
	white-space: nowrap;
}
.c-hr-pd__steps {
	flex: 1;
	display: flex;
	align-items: stretch;
	gap: 20rem;
}
.c-hr-pd__box {
	position: relative;
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--hc-blue-bg);
	border: 1rem solid var(--hc-line);
	border-radius: 6rem;
	padding: 16rem 10rem;
	line-height: 1.5;
}
.c-hr-pd__box strong {
	font-size: 14rem;
	font-weight: bold;
	color: #333;
}
.c-hr-pd__box small {
	display: block;
	font-size: 11rem;
	color: var(--hc-gray);
	margin-top: 6rem;
	line-height: 1.5;
}
.c-hr-pd__box.--goal {
	background: var(--hc-navy);
	border-color: var(--hc-navy);
}
.c-hr-pd__box.--goal strong {
	color: #fff;
}
/* 業績・行動目標 → 最初のボックスへの矢印 */
.c-hr-pd__inputs::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
}
.c-hr-pd__steps .c-hr-pd__box:not(:last-child)::after {
	content: "";
	position: absolute;
	right: -16rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 8rem solid transparent;
	border-bottom: 8rem solid transparent;
	border-left: 12rem solid var(--hc-navy);
	z-index: 2;
}
.c-hr-pd__subs {
	display: flex;
	gap: 16rem;
	justify-content: center;
	flex-wrap: wrap;
	margin-top: 22rem;
}
.c-hr-pd__sub {
	background: var(--hc-accent-bg);
	color: var(--hc-accent-d);
	font-size: 13rem;
	font-weight: bold;
	border-radius: 4rem;
	padding: 10rem 22rem;
	line-height: 1.5;
}

/* ============================================================
   8. 新人事制度導入準備の4ポイント
   ============================================================ */
.c-hr-impl {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20rem;
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-hr-impl__item {
	display: flex;
	align-items: center;
	gap: 18rem;
	background: var(--hc-blue-bg);
	border: 1rem solid var(--hc-line);
	border-radius: 8rem;
	padding: 22rem 24rem;
}
.c-hr-impl__no {
	flex: 0 0 auto;
	width: 44rem;
	height: 44rem;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--hc-navy);
	color: #fff;
	font-size: 22rem;
	font-weight: bold;
	font-family: "Oswald", sans-serif;
	border-radius: 50%;
}
.c-hr-impl__text {
	font-size: 15rem;
	font-weight: bold;
	line-height: 1.6;
	color: #222;
}

/* ============================================================
   9. 人事制度改革コンサルティングの進め方（PJの展開＋HCProの機能）
   ============================================================ */
.c-hr-process {
	font-family: "Zen Kaku Gothic New", sans-serif;
	color: #333;
}
.c-hr-process__title {
	background: var(--hc-navy-d);
	color: #fff;
	font-size: 17rem;
	font-weight: bold;
	text-align: center;
	padding: 12rem;
	border-radius: 4rem;
	margin-bottom: 24rem;
}
.c-hr-process__flow {
	display: flex;
	align-items: stretch;
	gap: 24rem;
}
.c-hr-process__step {
	position: relative;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: var(--hc-blue-bg);
	border: 1rem solid var(--hc-line);
	border-top: 4rem solid var(--hc-navy);
	border-radius: 4rem;
	padding: 24rem 14rem;
	font-size: 15rem;
	font-weight: bold;
	line-height: 1.6;
	color: #222;
}
/* ステップ間の矢印 */
.c-hr-process__flow .c-hr-process__step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -18rem;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 8rem solid transparent;
	border-bottom: 8rem solid transparent;
	border-left: 12rem solid var(--hc-navy);
	z-index: 2;
}
.c-hr-process__loop {
	text-align: center;
	font-size: 13rem;
	font-weight: bold;
	color: var(--hc-navy);
	margin-top: 16rem;
}
.c-hr-process__funcs {
	position: relative;
	margin-top: 40rem;
	background: var(--hc-accent-bg);
	border: 1rem solid var(--hc-accent);
	border-radius: 8rem;
	padding: 26rem 24rem 24rem;
}
/* 機能ボックスへ向かう上向き三角 */
.c-hr-process__funcs::before {
	content: "";
	position: absolute;
	top: -20rem;
	left: 50%;
	transform: translateX(-50%);
	width: 0;
	height: 0;
	border-left: 16rem solid transparent;
	border-right: 16rem solid transparent;
	border-bottom: 16rem solid var(--hc-accent);
}
.c-hr-process__funcs-head {
	text-align: center;
	font-size: 16rem;
	font-weight: bold;
	color: var(--hc-accent-d);
	margin-bottom: 20rem;
}
.c-hr-process__funcs-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 16rem;
}
.c-hr-process__func {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #fff;
	border: 1rem solid var(--hc-line);
	border-radius: 6rem;
	padding: 16rem 14rem;
	font-size: 14rem;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
}

/* ============================================================
   10. コンサルティングの実効性を高めるための具体策（テーブル）
   ============================================================ */
.c-hr-measures {
	font-family: "Zen Kaku Gothic New", sans-serif;
}
.c-hr-measures__table {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1rem solid var(--hc-line);
}
.c-hr-measures__table th,
.c-hr-measures__table td {
	border: 1rem solid var(--hc-line);
	padding: 16rem 20rem;
	text-align: left;
	vertical-align: middle;
}
.c-hr-measures__table thead th {
	background: var(--hc-navy);
	color: #fff;
	font-size: 15rem;
	font-weight: bold;
	text-align: center;
}
.c-hr-measures__th-no {
	width: 44rem;
}
.c-hr-measures__th-feature {
	width: 300rem;
}
.c-hr-measures__no {
	text-align: center;
	font-family: "Oswald", sans-serif;
	font-size: 16rem;
	font-weight: bold;
	color: var(--hc-navy);
	background: var(--hc-blue-bg);
}
.c-hr-measures__feature {
	font-size: 14rem;
	font-weight: bold;
	color: var(--hc-navy);
	line-height: 1.6;
	background: var(--hc-blue-bg);
}
.c-hr-measures__content {
	font-size: 13rem;
	line-height: 1.8;
	color: #444;
}

/* ============================================================
   レスポンシブ（SP：max-width 860px）
   ============================================================ */
@media screen and (max-width: 860px) {
	/* 1. cols */
	.c-hr-cols {
		grid-template-columns: 1fr;
		gap: 32rem;
	}
	.c-hr-col__head {
		font-size: 28rem;
		padding: 18rem;
	}
	.c-hr-col__list {
		padding: 28rem 28rem 8rem;
	}
	.c-hr-col__list li {
		font-size: 24rem;
		padding-left: 48rem;
		margin-bottom: 18rem;
	}
	.c-hr-col__list li::before {
		width: 34rem;
		height: 34rem;
		font-size: 20rem;
		top: 2rem;
	}
	.c-hr-col__etc {
		font-size: 20rem;
		padding: 4rem 28rem 28rem;
	}

	/* 2. flow */
	.c-hr-flow__title {
		font-size: 28rem;
	}
	.c-hr-flow__phases {
		grid-template-columns: 1fr;
		gap: 14rem;
	}
	.c-hr-flow__phase {
		font-size: 24rem;
		padding: 16rem;
	}
	.c-hr-flow__phase br {
		display: none;
	}
	.c-hr-flow__steps {
		flex-direction: column;
		gap: 42rem;
	}
	.c-hr-flow__step {
		padding: 24rem 20rem;
	}
	.c-hr-flow__step-no {
		font-size: 24rem;
	}
	.c-hr-flow__step-title {
		font-size: 23rem;
	}
	.c-hr-flow__step-term {
		font-size: 20rem;
		padding: 5rem 22rem;
	}
	.c-hr-flow__steps .c-hr-flow__step:not(:last-child)::after {
		top: auto;
		right: 50%;
		bottom: -28rem;
		transform: translateX(50%);
		border-top: 12rem solid var(--hc-navy);
		border-left: 8rem solid transparent;
		border-right: 8rem solid transparent;
		border-bottom: 0;
	}
	.c-hr-flow__after-head {
		font-size: 24rem;
	}
	.c-hr-flow__after-items {
		flex-direction: column;
	}
	.c-hr-flow__after-item {
		font-size: 24rem;
		padding: 14rem;
		text-align: center;
	}
	.c-hr-flow__note {
		font-size: 19rem;
	}

	/* 3. feature */
	.c-hr-feature {
		grid-template-columns: 1fr;
		gap: 48rem;
	}
	.c-hr-feature__item {
		padding: 50rem 28rem 32rem;
	}
	.c-hr-feature__no {
		width: 62rem;
		height: 62rem;
		font-size: 28rem;
		top: -28rem;
	}
	.c-hr-feature__title {
		font-size: 27rem;
	}
	.c-hr-feature__text {
		font-size: 23rem;
	}

	/* 4. phase */
	.c-hr-phase {
		grid-template-columns: 1fr;
		gap: 28rem;
	}
	.c-hr-phase__item {
		padding: 28rem;
	}
	.c-hr-phase__head {
		flex-direction: column;
		align-items: flex-start;
		gap: 14rem;
	}
	.c-hr-phase__no {
		font-size: 22rem;
		height: 42rem;
		min-width: 120rem;
	}
	.c-hr-phase__title {
		font-size: 26rem;
	}
	.c-hr-phase__list li {
		font-size: 23rem;
		padding-left: 28rem;
		margin-bottom: 14rem;
	}
	.c-hr-phase__list li::before {
		top: 12rem;
		width: 12rem;
		height: 12rem;
	}

	/* 5. triangle */
	.c-hr-triangle__title {
		font-size: 26rem;
	}
	.c-hr-triangle__grid {
		grid-template-columns: 1fr;
		gap: 28rem;
	}
	.c-hr-triangle__side p {
		font-size: 22rem;
		padding: 20rem;
	}
	.c-hr-triangle__diagram {
		padding: 34rem 20rem;
	}
	.c-hr-triangle__node {
		width: 300rem;
		font-size: 26rem;
		padding: 18rem;
	}
	.c-hr-triangle__node.--top {
		margin-bottom: 54rem;
	}
	.c-hr-triangle__axis {
		max-width: 480rem;
	}
	.c-hr-triangle__axis-label {
		font-size: 20rem;
	}
	.c-hr-triangle__bottom {
		gap: 10rem;
	}
	.c-hr-triangle__bottom .c-hr-triangle__node {
		flex: 1 1 0;
		font-size: 21rem;
		padding: 16rem 6rem;
	}
	.c-hr-triangle__reflect {
		font-size: 17rem;
		max-width: 130rem;
	}
	.c-hr-triangle__result {
		font-size: 24rem;
	}

	/* 6. growth */
	.c-hr-growth__lead p {
		font-size: 23rem;
		flex-wrap: wrap;
		gap: 10rem;
	}
	.c-hr-growth__lead p span {
		font-size: 20rem;
	}
	.c-hr-growth__caption {
		font-size: 24rem;
	}
	.c-hr-growth__steps {
		flex-direction: column;
		align-items: stretch;
		gap: 42rem;
	}
	.c-hr-growth__step {
		max-width: none;
		margin-bottom: 0 !important;
		font-size: 24rem;
		padding: 24rem;
	}
	.c-hr-growth__step.--goal {
		font-size: 26rem;
	}
	.c-hr-growth__steps .c-hr-growth__step:not(:last-child)::after {
		top: auto;
		right: 50%;
		bottom: -28rem;
		transform: translateX(50%);
		border-top: 12rem solid var(--hc-navy);
		border-left: 8rem solid transparent;
		border-right: 8rem solid transparent;
		border-bottom: 0;
	}
	.c-hr-growth__pd {
		font-size: 26rem;
	}
	.c-hr-growth__pd .--en {
		font-size: 22rem;
	}

	/* 7. pd */
	.c-hr-pd__1on1 {
		font-size: 22rem;
	}
	.c-hr-pd__main {
		flex-direction: column;
		gap: 42rem;
	}
	.c-hr-pd__inputs {
		flex-direction: row;
	}
	.c-hr-pd__input {
		flex: 1;
		font-size: 22rem;
		padding: 18rem;
	}
	.c-hr-pd__steps {
		flex-direction: column;
		gap: 42rem;
	}
	.c-hr-pd__box {
		padding: 24rem;
	}
	.c-hr-pd__box strong {
		font-size: 23rem;
	}
	.c-hr-pd__box small {
		font-size: 19rem;
	}
	.c-hr-pd__steps .c-hr-pd__box:not(:last-child)::after {
		top: auto;
		right: 50%;
		bottom: -28rem;
		transform: translateX(50%);
		border-top: 12rem solid var(--hc-navy);
		border-left: 8rem solid transparent;
		border-right: 8rem solid transparent;
		border-bottom: 0;
	}
	.c-hr-pd__subs {
		flex-direction: column;
	}
	.c-hr-pd__sub {
		font-size: 22rem;
		text-align: center;
		padding: 14rem;
	}

	/* 8. impl */
	.c-hr-impl {
		grid-template-columns: 1fr;
		gap: 24rem;
	}
	.c-hr-impl__item {
		padding: 26rem;
	}
	.c-hr-impl__no {
		width: 58rem;
		height: 58rem;
		font-size: 28rem;
	}
	.c-hr-impl__text {
		font-size: 24rem;
	}

	/* 9. process */
	.c-hr-process__title {
		font-size: 26rem;
	}
	.c-hr-process__flow {
		flex-direction: column;
		gap: 42rem;
	}
	.c-hr-process__step {
		font-size: 24rem;
		padding: 26rem 20rem;
	}
	.c-hr-process__flow .c-hr-process__step:not(:last-child)::after {
		top: auto;
		right: 50%;
		bottom: -28rem;
		transform: translateX(50%);
		border-top: 12rem solid var(--hc-navy);
		border-left: 8rem solid transparent;
		border-right: 8rem solid transparent;
		border-bottom: 0;
	}
	.c-hr-process__loop {
		font-size: 22rem;
	}
	.c-hr-process__funcs {
		padding: 32rem 24rem 26rem;
	}
	.c-hr-process__funcs-head {
		font-size: 26rem;
	}
	.c-hr-process__funcs-grid {
		grid-template-columns: 1fr;
		gap: 20rem;
	}
	.c-hr-process__func {
		font-size: 24rem;
		padding: 24rem;
	}

	/* 10. measures */
	.c-hr-measures__table,
	.c-hr-measures__table tbody,
	.c-hr-measures__table tr,
	.c-hr-measures__table td {
		display: block;
		width: 100%;
	}
	.c-hr-measures__table {
		border: 0;
	}
	.c-hr-measures__table thead {
		display: none;
	}
	.c-hr-measures__table tr {
		background: #fff;
		border: 1rem solid var(--hc-line);
		border-radius: 8rem;
		margin-bottom: 24rem;
		padding: 28rem;
	}
	.c-hr-measures__table td {
		border: 0;
		padding: 0;
		background: transparent;
	}
	.c-hr-measures__no {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 48rem;
		height: 48rem;
		background: var(--hc-navy);
		color: #fff;
		font-size: 26rem;
		border-radius: 50%;
		margin-bottom: 16rem;
	}
	.c-hr-measures__feature {
		font-size: 26rem;
		font-weight: bold;
		color: var(--hc-navy);
		line-height: 1.6;
		padding-bottom: 16rem;
		margin-bottom: 16rem;
		border-bottom: 1rem solid var(--hc-blue-l);
	}
	.c-hr-measures__content {
		font-size: 23rem;
		line-height: 1.8;
	}
	.c-hr-measures__content::before {
		content: "内容";
		display: block;
		font-size: 19rem;
		font-weight: bold;
		color: var(--hc-gray);
		margin-bottom: 8rem;
	}
}