<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
#contact {
	width: 100%;
}
#contact div.headline {
	width: 100%;
	padding: 12px 5%;
	border: solid 1px #e8e8e8;
	border-width: 1px 0;
	box-sizing: border-box;
	font-size: 55px;
	font-family: 'Crimson Text', serif;
	text-align: center;
}
#contact div.main {
	width: 100%;
	margin: 0 auto;
	padding: 55px 5% 80px;
	box-sizing: border-box;
}
#contact div.main p.ttl {
	font-size: 14px;
	text-align: center;
	line-height: 25px;
}
#contact div.main div.arrow {
	margin-top: 15px;
	text-align: center;
}
#contact div.main ul.btn_list {
	width: 380px;
	margin: 20px auto 0;
}
#contact div.main ul.btn_list li {
	margin-top: 30px;
}
#contact div.main ul.btn_list li:first-child {
	margin-top: 0;
}
#contact div.main ul.btn_list li a {
	color: #4b4b4b;
	text-decoration: none;
}
#contact div.main ul.btn_list li p {
	padding: 15px;
	border: solid 1px #b2b2b2;
	font-size: 16px;
	text-align: center;
	line-height: 25px;
}

/* ---------- Media Queries ---------- */

/* ----- pc ----- */
@media only screen and (max-width: 1116px) {
}

/* ----- sp ----- */
@media only screen and (max-width: 640px) {
#contact div.headline {
	border-top: none;
}
#contact div.main {
	padding: 30px 5% 80px;
}
#contact div.main ul.btn_list {
	width: 100%;
}
}

/* ----- other ----- */
@media only screen and (max-width: 320px) {
}
</pre></body></html>