/*===============================================================================
タイトル
================================================================================*/
.c-mainText{
	font-size: clamp(1.5rem, 1.143rem + 0.95vw, 2rem);
	font-family: var(--ff-gz);
	font-weight: var(--fw-lg);
}
.c-mainText.--lg{
	font-size: clamp(1.5rem, 0.786rem + 1.9vw, 2.5rem);
}
.c-mainText.--sm{
	font-size: 1.25rem;
}

/*===============================
 * 縦並びタイトル
 * =================================*/
.c-colsTilte{
	display: flex;
	flex-direction: column;
	align-items: center;
}
/* data属性がある場合のみ */
.c-colsTilte[data-title]::after{
	content: '-'attr(data-title)'-';
	text-transform: capitalize;
	letter-spacing: 0.04em;
	font-size: .5em;
	color: var(--c-main);
}



/*===============================================================================
自動折り返しテキスト
================================================================================*/
.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: 2px;
	--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);
}

/*===============================================================================
デフォルトテーブル
================================================================================*/
.c-table{
	display: block;
	width: 100%;
}
/* table */
.c-table table{
	width: 100%;
}
/* tr */
.c-table tr{
	background: var(--c-light);
}

.c-table :is(th,td){
	padding: .5rem .75rem;
}