@charset "utf-8";

@media screen and (max-width: 767.98px) {

/*BASE*/
main aside.contact-menu { display:none !important; }
section {
	padding:2rem 2rem 4rem;
}
section .container {
}
section .hgroup h1 {
	color:#3f65ee;
	text-align:center;
	margin-bottom:2rem;
}

/*お電話でのお問い合せ*/
#telephone { border-bottom:solid 1px #CCC; }
#telephone .address-box  {
	text-align:center;
}
#telephone .address-box li {
	text-align:center;
	background-color:#e6eaf9;
	padding:1.5rem 1rem;
	border-radius:6px;
	margin-bottom:2rem;
}
#telephone .address-box li:last-child { margin-bottom:0; }
#telephone .address-box li h2 { font-size:24px; margin-bottom:1rem; }
#telephone .address-box li h2 .type { display:block; font-size:14px; }
#telephone .address-box li address a {
	display:block;
	font-size:20px;
	letter-spacing:.1em;
	color:#FFF;
	background-color:#3f65ee;
	padding:1rem 0;
	border-radius:6px;
}

}


@media screen and (min-width: 768px) {

/*BASE*/
section {
	padding:80px 60px;
}
section .container {
	max-width:1000px;
	margin:auto;
}
section .hgroup {
	margin-bottom:60px;
}
section .hgroup h1 {
	color:#3f65ee;
	text-align:center;
}

/*お電話でのお問い合せ*/
#telephone { border-bottom:solid 1px #CCC; }
#telephone .address-box  {
	display:flex;
	column-gap:60px;
	font-size:clamp(16px, 1.6vw, 18px);
	text-align:center;
}
#telephone .address-box li {
	flex:1;
	background-color:#e6eaf9;
	padding:40px 1rem;
	border-radius:6px;
}
#telephone .address-box li h2 { font-size:clamp(24px, 2.4vw, 32px); margin-bottom:1rem; }
#telephone .address-box li h2 .type { display:block; font-size:clamp(16px, 1.6vw, 18px); margin-bottom:.5rem; }
#telephone .address-box li address { font-size:clamp(24px, 2.4vw, 32px); font-weight:bold; letter-spacing:.1em; color:#3f65ee; }

/*メールでのお問い合せ*/


}