/* CSS Document */

/*BASE*/
section {
	position:relative;
}
.title-box {
	text-align:center;
	margin-bottom:2em;
}

@media screen and (max-width: 767.98px) {
/*BASE*/
.title-box h1 {
	font-size:24px;
}

/*CONTACT*/
#contact {
	padding:2rem 60px 4rem;
}

#contact .attention-box {
	font-size:12px;
	text-align:center;
	color:#000;
	max-width:800px;
	margin: 2rem auto 2rem;
}
#contact .attention-box li:not(:last-child) {
	margin-bottom:1rem;
}
}


@media screen and (min-width: 768px) {
/*BASE*/
.title-box h1 {
	font-size:clamp(24px, 2.4vw, 48px);
}

/*CONTACT*/
#contact {
	padding-top:60px;
	padding-bottom:60px;
}
#contact .attention-box {
	text-align:center;
	color:#000;
	max-width:800px;
	margin: 2rem auto 2rem;
}
#contact .attention-box li:not(:last-child) {
	margin-bottom:1rem;
}
#contact .attention-box .tel {
	font-size:24px;
}
}