/* =========================================================
   CTA帯（共通パーツ／2箇所で使い回し：Rental直前・フッター直前）
   Figma node 113:28775「CTR-area」。背景帯＋2行コピー＋グラデのピルボタン。
   ボタンはヘッダーCTAと統一（--cta-gradient / --cta-radius）。
   ※ 細部余白は後でまとめて調整。まず構造優先。モバイルは後回し。
   ========================================================= */

.cta-band {
	width: 100%;
	padding: 56px 0; /* 縦余白はセクション側。横はinnerの .l-narrow ガター */
	background: var(--bg-beige); /* #eae2d6 */
}

.cta-band__inner {
	/* 幅は共通クラス .l-narrow（740px）。中央寄せテキストのみ保持 */
	text-align: center;
}

/* 2行コピー（ゴシックW3 / 16px / lh30 / 字間0.32px / #524635） */
.cta-band__copy {
	margin: 0;
	font-family: var(--font-gothic);
	font-weight: 300;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 0.32px;
	color: var(--color-text); /* #524635 */
}

/* グラデのピルボタン（ヘッダーCTAと統一：--cta-gradient / --cta-radius）
   Figma実測：W300 × H70 / 文字20px ゴシックW6 / 白 / 字間0.4px */
.cta-band__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 300px;
	max-width: 100%;
	height: 70px;
	margin-top: 38px;
	font-family: var(--font-gothic);
	font-weight: 600; /* W6相当 */
	font-size: 20px;
	letter-spacing: 0.4px;
	color: var(--bg-white);
	text-decoration: none;
	background: var(--cta-gradient);
	border-radius: var(--cta-radius);
	transition: opacity 0.2s ease;
}
.cta-band__button:hover {
	opacity: 0.9;
}

/* コピーの行分割：PC/タブレットは span を inline のまま（自然な折返し＝改行なし）。
   スマホのみ block で4行に分ける（br非依存＝iOSでも確実）。 */
.cta-band__line { display: inline; }

/* =========================================================
   スマホ（≤599px）：コピー4行＋ボタン余白。タブレット/PCは不変。
   ========================================================= */
@media (max-width: 599px) {
	.cta-band__line { display: block; }
	.cta-band__button { margin-top: 20px; }
}