/**
 * 退会のご案内（/withdraw/）・退会完了（/withdraw-confirm/）
 */

.minolink-withdraw-page {
	box-sizing: border-box;
	color: var(--wp--preset--color--contrast);
	overflow-x: clip;
}

.minolink-withdraw-page .w-space {
	max-width: var(--wp--custom--layout--wide);
}

.minolink-withdraw-page__page-title-inner .minolink-pattern-heading--h1-normal {
	padding-block-start: var(--wp--preset--spacing--50);
	padding-block-end: var(--wp--preset--spacing--50);
}

.minolink-withdraw-page__intro {
	padding-block-end: var(--wp--preset--spacing--50);
}

.minolink-withdraw-page__intro-text {
	max-width: var(--wp--custom--layout--thin);
	margin: 0 auto;
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--large);
	text-align: center;
}

.minolink-withdraw-page__benefits {
	margin-block-start: var(--wp--preset--spacing--section);
	background-color: var(--wp--preset--color--gray-100);
	padding-block: var(--wp--preset--spacing--section);
}

.minolink-withdraw-page__section-heading {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--20);
	margin-block-end: var(--wp--preset--spacing--50);
	text-align: center;
}

.minolink-withdraw-page__eyebrow {
	margin: 0;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--small);
	font-weight: var(--wp--custom--font-weight--semibold);
	letter-spacing: 0.12em;
	color: var(--wp--preset--color--primary);
}

.minolink-withdraw-page__section-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--xx-large);
	font-weight: var(--wp--custom--font-weight--semibold);
	line-height: var(--wp--custom--line-height--small);
}

.minolink-withdraw-page__section-lead {
	margin: 0;
	font-size: var(--wp--preset--font-size--large);
	font-weight: var(--wp--custom--font-weight--semibold);
}

.minolink-withdraw-page__section-note {
	margin: 0;
	max-width: 36rem;
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--normal);
	color: var(--wp--preset--color--gray-500);
}

.minolink-withdraw-page__function-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--wp--preset--spacing--50);
	width: 100%;
	max-width: var(--wp--custom--layout--normal);
	margin-inline: auto;
}

.minolink-withdraw-page__function-card {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--40);
	background-color: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--radius--large);
	box-shadow: 0 0 14px color-mix(in srgb, var(--wp--preset--color--contrast) 15%, transparent);
}

.minolink-withdraw-page__function-num-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: var(--wp--preset--spacing--20);
}

.minolink-withdraw-page__function-num {
	margin: 0;
	font-family: var(--wp--preset--font-family--montserrat);
	font-size: var(--wp--preset--font-size--xxx-large);
	font-weight: var(--wp--custom--font-weight--medium);
	line-height: var(--wp--custom--line-height--tight);
	color: var(--wp--preset--color--primary);
}

.minolink-withdraw-page__function-rule {
	display: block;
	width: 40px;
	height: 3px;
	background-color: var(--wp--preset--color--primary-light);
	border-radius: var(--wp--custom--radius--full);
}

.minolink-withdraw-page__function-card-title {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	font-weight: var(--wp--custom--font-weight--semibold);
	line-height: var(--wp--custom--line-height--small);
	color: var(--wp--preset--color--primary);
}

.minolink-withdraw-page__function-card-text {
	margin: 0;
	font-size: var(--wp--preset--font-size--medium);
	line-height: var(--wp--custom--line-height--normal);
}

.minolink-withdraw-page__actions {
	padding-block: var(--wp--preset--spacing--section);
}

.minolink-withdraw-page__actions-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: var(--wp--preset--spacing--40);
	max-width: var(--wp--custom--layout--thin);
	margin-inline: auto;
}

.minolink-withdraw-page__btn-stay,
.minolink-withdraw-page__btn-proceed {
	min-width: min(100%, 18rem);
	justify-content: center;
	text-align: center;
}

.minolink-withdraw-page__actions .minolink-message-box--alert {
	margin-block-end: var(--wp--preset--spacing--40);
}

.minolink-withdraw-page__footnote {
	margin: var(--wp--preset--spacing--50) auto 0;
	max-width: var(--wp--custom--layout--thin);
	font-size: var(--wp--preset--font-size--small);
	line-height: var(--wp--custom--line-height--normal);
	text-align: center;
	color: var(--wp--preset--color--gray-500);
}

.minolink-withdraw-page__footnote a {
	color: var(--wp--preset--color--primary);
}

/* ログイン情報：パスワード変更アコーディオン直下の退会リンク */
.lb-mypage-withdraw-entry {
	margin-block-start: var(--wp--preset--spacing--40);
	text-align: right;
}

.lb-mypage-withdraw-entry a {
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--gray-500);
	text-decoration: underline;
	text-underline-offset: 0.2em;
}

.lb-mypage-withdraw-entry a:hover {
	color: var(--wp--preset--color--primary);
}

@media (min-width: 640px) {
	.minolink-withdraw-page__function-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.minolink-withdraw-page__actions-inner {
		flex-direction: row;
		justify-content: center;
		flex-wrap: wrap;
	}
}

@media (min-width: 1024px) {
	.minolink-withdraw-page__function-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}