/*===============================================================================
・の付いたリスト
================================================================================*/
.c-descList {
	--list-fz: clamp(1.25rem, 1.071rem + 0.48vw, 1.5rem);;
	--list-lh: var(--lh-md);
}
.c-descList > li {
	position: relative;
	padding-left: 1em;
	font-size: var(--list-fz);
	line-height: var(--list-lh);
}
/* ・マーク */
.c-descList > li::before {
	content: "・";
	position: absolute;
	top: calc((var(--list-fz) * var(--list-lh)) / 2);
	left: 0;
	transform: translateY(-50%);
	display: inline-block;
	font-size: inherit;
}
.c-descList.--bar > li::before {
	content: "-";
}


/*===============================================================================
✓付リスト
================================================================================*/
.c-check-list {
	--circle-width: calc(1em + var(--over-fz)); /* ｱｲｺﾝｻｲｽﾞ */
	--over-fz: 0em; /* ｱｲｺﾝをﾌｫﾝﾄｻｲｽﾞより大きくする値 */
	--check-long: calc(var(--circle-width) * 0.5); /* ﾁｪｯｸｱｲｺﾝの長辺 */
	--check-color: var(--c-main);
	--check-weight: 2px; /*ﾁｪｯｸｱｲｺﾝの太さ  */
}
.c-check-list > li {
	display: flex;
	align-items: baseline;
	gap: .5em
}
/* サークル */
.c-check-list__icon {
	position: relative;
	top: .2em;
	display: inline-block;
	min-width: var(--circle-width);
	aspect-ratio: 1;
	border: 2px solid var(--c-main);
	border-radius: 50%;
}
/* チェックアイコン */
.c-check-list__icon::before {
	position: absolute;
	top: 23%;
	left: 20%;
	transform: rotate(-45deg);
	content: "";
	display: inline-block;
	width: var(--check-long);
	aspect-ratio: 3 / 2;
	border-left: var(--check-weight) solid var(--check-color);
	border-bottom: var(--check-weight) solid var(--check-color);
}