@charset "utf-8";

/*HEADER*/
.keyvisual {
	background-image:url(../images/contact/keyvisual.webp);
}

/*NAVI*/
header nav ul#pc-main-menu > li.contact a { color:rgba(31,130,205,1);}

#contact-tel ul li.free-dial address {
	display:flex;
	align-items:center;
	line-height:1;
}
#contact-tel ul li.free-dial address::before {
	content:"";
	display:block;
	width:auto;
	height:1em;
	aspect-ratio:110 / 64;
	background:url(../images/icon_freedial.svg);
	background-size:cover;
}
#contact-tel ul li.free-dial address,
#contact-tel ul li.free-dial address a {
	color:#333;
}

@media screen and (max-width: 767px) {
/*BASE*/
#contact main article.nav-sub { display:none !important; }
section { padding:4rem 0; }
section h1.title { margin-bottom:2rem; }

/*CONTENTS*/

/*HEADER*/
.keyvisual {
	background-position-y:center;
}

/*お電話*/
#contact-tel {
	background-color:rgba(255,255,255,1);
}
#contact-tel .title-box {
	text-align:center;
	margin-bottom:2rem;
}
#contact-tel .title-box h1.title {
	margin-bottom:1rem;
}
#contact-tel .title-box p {
	font-size:14px;
}
#contact-tel ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1rem;
}
#contact-tel ul li:not(:last-child) {
	margin-bottom:2rem;
}
#contact-tel ul li h2 {
	background-color:rgba(31,126,173,1);
	color:#FFF;
	padding:0.25rem 0.5rem;
	border-radius:6px;
}
#contact-tel ul li address {
	font-size:18px;
	font-weight:600;
}
#contact-tel ul li.free-dial address {
	font-size:32px;
}
/*FAX*/
#contact-fax {
	background-color:rgba(84,143,242,.15);
}
#contact-fax ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:1rem;
}
#contact-fax ul li:not(:last-child) {
	margin-bottom:2rem;
}
#contact-fax ul li h2 {
	background-color:rgba(31,126,173,1);
	color:#FFF;
	padding:0.25rem 0.5rem;
	border-radius:6px;
}
#contact-fax ul li address {
	font-size:18px;
	font-weight:600;
}
/*メール*/
#contact-mail {
	background-color:rgba(255,255,255,1);
}
#contact-mail .content-box {
	padding:0 2rem;
}
}
@media screen and (min-width: 768px) {

/*BASE*/
section { padding:80px 0; }
section h1.title { margin-bottom:4rem; }
section .content-box { width:1000px; margin:auto; }

/*CONTENTS*/

/*HEADER*/

/*お電話*/
#contact-tel {
	background-color:rgba(255,255,255,1);
}
#contact-tel .title-box {
	text-align:center;
	margin-bottom:2rem;
}
#contact-tel .title-box h1.title {
	margin-bottom:1rem;
}
#contact-tel .title-box p {
	font-size:24px;
}
#contact-tel ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:2rem;
}
#contact-tel ul li:not(:last-child) {
	margin-bottom:3rem;
}
#contact-tel ul li.free-dial address {
	font-size:64px;
}
#contact-tel ul li h2 {
	font-size:24px;
	line-height:1;
	color:#FFF;
	background-color:rgba(30,55,128,1);
	padding:1rem 2rem;
	border-radius:6px;
}
#contact-tel ul li address {
	color:rgba(30,55,128,1);
	font-size:40px;
	font-weight:600;
	line-height:1;
	letter-spacing:.15em;
}
/*FAX*/
#contact-fax {
	background-color:rgba(84,143,242,.15);
}
#contact-fax ul li {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:2rem;
}
#contact-fax ul li:not(:last-child) {
	margin-bottom:3rem;
}
#contact-fax ul li h2 {
	font-size:24px;
	line-height:1;
	color:#FFF;
	background-color:rgba(30,55,128,1);
	padding:1rem 2rem;
	border-radius:6px;
}
#contact-fax ul li address {
	color:rgba(30,55,128,1);
	font-size:40px;
	font-weight:600;
	line-height:1;
	letter-spacing:.15em;
}

/*メール*/
#contact-mail {
	background-color:rgba(255,255,255,1);
}
}