@charset "UTF-8";
.contact {
	margin: 48px 0 64px;
}

.contact__sub-text {
	padding: 0 24px 8px;
	text-align: center;
}

.contact__btn {
	font-weight: normal;
}

.background-layer .contact__wrapper {
	background: transparent !important;
}

@media screen and (max-width: 767px) {
	.contact__wrapper {
		background: transparent !important;
	}
}

@media screen and (min-width: 768px) {
	.contact {
		max-width: 880px;
		margin: 0 auto;
		padding: 88px 40px;
	}

	.contact__wrapper {
		position: relative;
		padding: 80px 40px;
	}
	
	.background-layer .contact__wrapper::before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--contents-color);
		opacity: .7;
	}
}