/* ====== custom ======= */
.button:hover { color: var(--brand-primary); }

.button {
	--btn-w: 240px;
	--btn-h: 64px;
	color: var(--fc-black);
    max-width: var(--btn-w);
    max-height: var(--btn-h);
	width: 100%;
	height: 100%;
    border-radius: 50rem;
    background-color: var(--color-white);
    border: 2px solid var(--brand-primary);
	
    justify-content: space-around;
}

.button::after {
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    content: '\f138';
	font-size: 1.5em;
	text-indent: 0;
    color: var(--brand-primary);
	position: relative;
	left: 0.9em;
}

/* -- default設定（大きめ）--*/
.button.theme-default {
	--btn-w: 366px;
	--btn-h: 64px;
	text-indent: -1em;
}
.button.theme-default::after {
	position: absolute;
	left: unset;
	right: 0.5em;
}

/* 個別指導用ボタンの位置調整 */
.button.theme-personal::after { left: 0.8em; }


.button.back-button::before {
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    content: '\f137';
	font-size: 1.5em;
	text-indent: 0;
    color: var(--brand-primary);
	position: relative;
	right: 0.9em;
}
.button.back-button::after {
    display:none;
}