/*===============================================================================
SWELL使用時、.c-iconBtnのクラス名は使用禁止
ヘッダーのハンバーガーメニューと被る為
================================================================================*/
/*===============================================================================
角丸ボタン
================================================================================*/
.c-radiusBtn{
	display: inline-block;
	width: 100%;
	min-width: fit-content;
	padding: .85em .75em;
	text-align: center;
	background: var(--c-main);
	border: 2px solid var(--c-main);
	border-radius: 99999px;
	font-weight: var(--fw-lg);
	font-size: 1.5rem;
	color: var(--c-dark);
	cursor: pointer;
	transition: var(--ani-t--normal) ease-out;
}

/* バリエーション */
.c-radiusBtn.--act01{
	background: var(--c-act01);
	border-color: var(--c-act01);
}
/* .c-radiusBtn{
	background: var(--c-gray);
	border-color: var(--c-gray);
} */

/* アニメーション */
.c-radiusBtn:is(:hover, :focus){
	background: var(--c-light);
}