/* ------------------------------------------------------------
 * 見出しコンポーネント
 * ------------------------------------------------------------ */

.heading {
	display: block;
	margin: 0;
	font-weight: 400;
	line-height: 1;
}

/* 日本語サブ見出し */
.heading__jp {
	display: block;
	font-family: var(--font-family-base);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.7;
	color: var(--color-text);
}

/* 英語メイン見出し */
.heading__en {
	display: inline-block;
	margin-top: 8px;
	font-family: var(--font-family-serif);
	font-size: 40px;
	font-weight: 400;
	line-height: 1;
	color: var(--color-text);
}

/* --- variant: gradient（青 → テキストカラー） --- */
.heading--gradient .heading__en {
	background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-text) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

/* --- variant: white --- */
.heading--white .heading__jp,
.heading--white .heading__en {
	color: var(--color-white);
}

/* --- align --- */
.heading--align-center {
	text-align: center;
}

.heading--align-right {
	text-align: right;
}