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

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

/* ---------- 固定導入文（対応エリア） ---------- */
.access-intro__inner {
	max-width: 760px;
	margin-inline: auto;
	text-align: center;
}

.access-intro__body {
	margin-top: 20px;
	font-size: 14px;
	line-height: 2;
	color: var(--c-text-sub);
}

.access-intro__body p {
	margin: 0;
}

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

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

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

/* ---------- 対応エリア補足カード ---------- */
.access-area__card {
	padding: clamp(28px, 4vw, 40px);
	text-align: center;
}

.access-area__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}