@charset "UTF-8";

/* ===========================
THANKS
=========================== */

.thanks-page {
	background: #f7f8fc;
}

.thanks {
	padding: 14rem 0 10rem;
}

.thanks__inner {
	max-width: 1000px;

	margin: 0 auto;

	padding: 7rem 6rem;

	background: #fff;

	border-radius: 2.4rem;

	box-shadow: 0 20px 50px rgba(20, 40, 80, 0.06);

	text-align: center;
}

.thanks__sub-title {
	color: #e57ead;

	font-size: 1.3rem;

	font-weight: 700;

	letter-spacing: 0.2em;

	margin-bottom: 1.5rem;
}

.thanks__title {
	color: #17265b;

	font-size: 4rem;

	font-weight: 700;

	line-height: 1.5;
}

.thanks__text {
	margin-top: 3rem;

	color: #65708a;

	font-size: 1.6rem;

	line-height: 2;
}

.thanks__note {
	margin-top: 3rem;

	padding-top: 3rem;

	border-top: 1px solid #eef1f7;

	color: #7a8299;

	font-size: 1.4rem;

	line-height: 2;
}

.thanks__btn {
	margin-top: 5rem;
}

.thanks__btn a {
	display: inline-flex;

	align-items: center;

	justify-content: center;

	width: 32rem;

	height: 6rem;

	border-radius: 999px;

	background: linear-gradient(90deg, #dd72b0, #ee9a91);

	color: #fff;

	font-size: 1.5rem;

	font-weight: 700;

	text-decoration: none;

	transition: 0.3s;
}

.thanks__btn a:hover {
	opacity: 0.85;

	transform: translateY(-2px);
}

/* ===========================
SP
=========================== */

@media screen and (max-width: 767px) {
	.thanks {
		padding: 9rem 1.5rem 6rem;
	}

	.thanks__inner {
		padding: 4rem 2.5rem;

		border-radius: 1.6rem;
	}

	.thanks__title {
		font-size: 2.8rem;
	}

	.thanks__text {
		font-size: 1.4rem;
	}

	.thanks__note {
		font-size: 1.3rem;
	}

	.thanks__btn a {
		width: 100%;

		height: 5.5rem;

		font-size: 1.4rem;
	}
}