/* =========================================================
   page-recruit.php  —  RECRUIT
   共通クラス（.page-hero / .section / .btn 等）は style.css を参照。
   ここではRECRUIT固有要素のみ。
   ========================================================= */

/* page-hero（.page-hero__inner / __ornament / __title / __sub）は style.css に一本化。
   ここに複製しないこと（後読みで上書きしてしまう）。 */

/* ---------- 入稿コンテンツ ---------- */
.recruit-content__inner {
	max-width: 760px;
	margin-inline: auto;
	font-size: 14px;
	line-height: 2;
	color: var(--c-text);
}

.recruit-content__inner > *:first-child {
	margin-top: 0;
}

.recruit-content__inner > *:last-child {
	margin-bottom: 0;
}

/* 冒頭の見出しは募集キャッチとして大きく見せる（本文中の h2 とは別扱い） */
.recruit-content__inner > h2:first-child {
	margin-bottom: 32px;
	font-size: clamp(21px, 2.6vw, 28px);
	line-height: 1.7;
	text-align: center;
}

/* 本文とCTAの間が空きすぎるため、本文側の下余白を詰める */
.recruit-content {
	padding-bottom: 0;
}

/* ---------- 応募導線 ---------- */
.recruit-cta__inner {
	text-align: center;
}

.recruit-cta__title {
	margin: 0 0 24px;
	font-size: 15px;
	letter-spacing: var(--ls-mid);
	color: var(--c-text);
}

.recruit-cta__buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}