/*===============================================================================
タイトル
================================================================================*/
/*===============================
* 縦並びタイトル
* =================================*/
.c-column-title{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: .75rem;
}
.c-column-title .c-en-text{
	position: relative;
}
.c-column-title .c-en-text::after{
	position: absolute;
	bottom: -0.5rem;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	content: "";
	width: 1.25rem;
	height: 2px;
	background: var(--c-dark);
}


/*===============================
* 日本語テキスト
* =================================*/
.c-ja-text{
	font-size: clamp(1.75rem, 1.216rem + 1.43vw, 2.5rem);
	font-weight: var(--fw-lg);
	text-shadow: 0px 2px 0px #3333331A;
}
.c-ja-text.--fz-sm{
	font-size: clamp(1.75rem, 1.572rem + 0.48vw, 2rem);
	text-shadow: unset;
}
.c-ja-text.--fz-xs{
	font-size: 1.25rem;
	text-shadow: unset;
}


/*===============================
* 英語テキスト
* =================================*/
.c-en-text{
	letter-spacing: 0.04em;
	font-size: clamp(1.5rem, 1.144rem + 0.95vw, 2rem);
	font-weight: var(--fw-lg);
	font-family: var(--ff-en);
	text-transform: uppercase;
}
.c-en-text.--fz-lg{
	font-size: clamp(3rem, 2.466rem + 1.43vw, 3.75rem);
}



/*===============================================================================
自動折り返しテキスト
================================================================================*/
.c-autoWrap > * {
	display: inline-block;
}

/*===============================================================================
注釈テキスト
================================================================================*/
.c-note {
	display: flex;
}
.c-note::before {
	content: "※";
}
.c-note.--inline {
	display: inline-flex;
}

/*===============================================================================
■有りのテキスト
================================================================================*/
.c-iconText {
	display: flex;
	align-items: baseline;
}
.c-iconText.--square::before {
	content: "■";
}
.c-iconText.--circle::before {
	content: "〇";
}
.c-iconText.--inline {
	display: inline-flex;
}

/*===============================================================================
枠線エリア
================================================================================*/
.c-borderArea {
	padding: var(--g--sm) var(--g--md);
	border: 1px solid var(--c-gray);
}

/*===============================================================================
縁取りテキスト
================================================================================*/
.c-blur {
	--c-current: var(--c-light);
	--position: 1px;
	--blur: 1.5px;
	text-shadow: var(--position) var(--position) var(--blur) var(--c-current),
		calc(var(--position) * -1) calc(var(--position) * -1) var(--blur)
		var(--c-current),
		calc(var(--position) * -1) var(--position) var(--blur) var(--c-current),
		var(--position) calc(var(--position) * -1) var(--blur) var(--c-current),
		0 var(--position) var(--blur) var(--c-current),
		0 calc(var(--position) * -1) var(--blur) var(--c-current),
		calc(var(--position) * -1) 0 var(--blur) var(--c-current),
		var(--position) 0 var(--blur) var(--c-current);
}