@charset "UTF-8";

body {
	background-color: #f9f5ec;
}

.contents {
	width: 1272px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
/* .content-1 {
	width: 1272px;
	margin-right: auto;
	margin-left: auto;
} */

.content-2 {
	padding-right: 81px;
	padding-left: 81px;
}
.content-3 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.button {
	width: 80%;
	max-width: 360px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 5rem;
	text-align: center;
}
.button img {
	max-width: 100%;
	height: auto;
}
.button a {
	transition: all .2s ease-in-out;
}
.button a:hover {
	opacity: 0.85;
}

@media (max-width: 767.98px) {
	.contents {
		width: 100%;
	}
	.contents img {
		max-width: 100%;
		height: auto;
	}
	.content-2 {
		padding: 0 6.125%;
	}
	.content-3 {
		padding: 10vw 15px;
	}
	.content-3 img {
		width: 60%;
		max-width: 416px;
	}
}