/* =============================================================================
   Component: Section Title — 全ページ共通の見出し
   形式: 「News / お知らせ」 = EN 大 + 区切り + JP 小
   Montserrat Black 900 / letter-spacing 0 / #000
   ========================================================================== */

.tt-section-title {
	margin: 0 0 clamp(var(--space-6), 5vw, var(--space-8));
}

.tt-section-title__inner {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.25em;
	margin: 0;
	font-family: var(--font-heading); /* Montserrat */
	font-weight: 900;                 /* Black */
	font-size: clamp(36px, 6vw, 64px);
	letter-spacing: 0;
	line-height: 1;
	color: var(--tt-ink);
}

.tt-section-title__en {
	font-weight: 900;
}

.tt-section-title__sep {
	font-family: var(--font-body);
	font-weight: var(--fw-bold);
	font-style: normal;
	font-size: 0.32em;
	letter-spacing: 0.02em;
	opacity: 0.4;
}

.tt-section-title__jp {
	font-family: var(--font-body);
	font-size: 0.28em;
	font-weight: var(--fw-bold);
	font-style: normal;
	letter-spacing: 0.05em;
	line-height: 1.5;
	color: var(--tt-ink);
}

@media (max-width: 640px) {
	.tt-section-title__inner {
		font-size: clamp(32px, 9vw, 42px);
	}

	.tt-section-title__jp {
		font-size: 0.4em;
	}
}