/* ============================================
   section-heading.css
   共通セクションラベル（ロゴマーク + テキスト）
   ============================================ */

.section-label {
	align-items: center;
	display: flex;
	gap: 10px;
}

.section-label__icon {
	display: block;
	flex-shrink: 0;
	height: 27px;
	overflow: hidden;
	width: 47px;
}

.section-label__icon img {
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.section-label__text {
	font-family: var(--font-family-noto-sans-jp);
	font-size: var(--font-size-20);
	font-weight: var(--font-weight-700);
	letter-spacing: var(--letter-spacing-0);
	line-height: var(--line-height-160);
}

/* --- ダーク背景用（白文字） --- */

.section-label--light .section-label__icon img {
	filter: brightness(0) invert(1);
}

.section-label--light .section-label__text {
	color: var(--color-white-1);
}

/* --- ライト背景用（ネイビー文字） --- */

.section-label--dark .section-label__text {
	color: var(--color-navy-2);
}