/* ==========================================================================
   c-section-title（Figma c-section-title 10:40）— template-parts/corporate/section-title.php
   - Layout: inline（英字と和文を横並び。和文は下にそろえる）／stack（縦積み）。SP はどちらも縦積み（Layout=SP）
   - Tone: default／inverse（色面・写真の上）
   ========================================================================== */

.c-section-title {
	display: flex;
	flex-shrink: 0; /* 横並びの行の中で縮めない（縮むと和文が1文字ずつ縦に並ぶ） */
	align-items: flex-end;
	gap: var(--space-lg);
	margin: 0;
	color: var(--color-text-primary);
}

.c-section-title__en {
	font: var(--text-en-h1);
	letter-spacing: var(--ls-en-h1);
	white-space: nowrap;
}

.c-section-title__jp {
	padding-bottom: 18px; /* Figma の値（英字の下の線に和文をそろえる） */
	font: var(--text-h5);
	letter-spacing: var(--ls-h5);
	color: var(--color-text-brand);
}

.c-section-title--stack {
	flex-direction: column;
	align-items: flex-start;
	gap: var(--space-2xs);
}

.c-section-title--stack .c-section-title__jp {
	padding-bottom: 0;
}

.c-section-title--inverse,
.c-section-title--inverse .c-section-title__jp {
	color: var(--color-text-on-brand);
}

@media (max-width: 767px) {
	.c-section-title {
		flex-direction: column;
		align-items: flex-start;
		gap: var(--space-2xs);
	}

	.c-section-title__en {
		white-space: normal;
	}

	.c-section-title__jp {
		padding-bottom: 0;
	}
}