@charset "utf-8";

.ttl_area.contact::before{background-image:url(/img/contact/h1_contact.jpg);}

.content_area p{
	padding:45px 20px 43px;
	margin:0;
	color:#39468A;
	font-weight:bold;
}
.bg_blue{
	display:flex;
	background:#EEF0F9;
	border-radius:10px;
}
.bg_blue p{
	position:relative;
	width:50%;
}
.bg_blue p:first-child::after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	width:1px;
	height:40px;
	margin:auto;
	background:#ccc;
}
.bg_blue p, p.bg_blue{
	display:flex;
	align-items:center;
	justify-content:center;
}
.bg_blue a, .bg_blue span{
	display:inline-block;
	margin-left:10px;
	color:#39468A !important;
	font-size:2.4rem;
	letter-spacing:2.4px;
	text-decoration:none !important;
}
.bg_blue [href^="tel:"], .bg_blue span{margin-bottom:2px;}
.bg_blue [href^="mailto:"]{margin-bottom:7px;}
.bg_blue a:hover{text-decoration:underline !important;}


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

.content_area p{padding:41px 20px 39px;}
.bg_blue a, .bg_blue span{
	font-size:2.2rem;
	letter-spacing:2.2px;
}

}


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

.content_area p{padding:37px 20px 35px;}
.bg_blue{border-radius:5px;}
.bg_blue p{
	font-size:1.2rem;
	letter-spacing:1.2px;
}
.bg_blue a, .bg_blue span{
	font-size:2rem;
	letter-spacing:2px;
}
.bg_blue [href^="tel:"], .bg_blue span{margin-bottom:4px;}
.bg_blue [href^="mailto:"]{
	font-size:1.5rem;
	letter-spacing:1.5px;
	margin-bottom:1px;
}

}


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

.bg_blue{
	display:block;
	padding:0 25px;
}
.bg_blue p{width:auto;}
.bg_blue p:first-child{border-bottom:1px solid #ccc;}
.bg_blue p::after{display:none;}

}