@charset "utf-8";
@import url("../../assets/css/common_e.css");
@import url("../../assets/css/second_e.css");
/*メニュー個別設定*/
.con{
	background-color: #00437D;
}
.main-nav nav ul li.con a{
	color: #fff
}
.main-nav nav ul li.con > a::before{
	border-top: 2px solid #fff;
    border-left: 2px solid #fff
}
.page_header{
	background: url("../images/header_bg.jpg") top center / cover no-repeat
}
.contact_area{
	margin-bottom: 3em;
	padding: 1.2em 1.5em 1.2em 2.5em;
	border: 6px solid #D5E3F0
}
.contact_area li{
	margin-bottom: 1.5em
}
.contact_area li h3{
	margin-bottom: 0.5em;
	position: relative;
	font-size: 1.1em;
	font-weight: 500
}
.contact_area li h3::before{
	content: "";
	width: 0.7em;
	height: 0.7em;
	position: absolute;
	left: -1.2em;
	top: 0.25em;
	display: block;
	background: var(--sub-bg-color)
}
.contact_area li p{
	color: #262627;
	font-size: 1em
}
.contact_area li a{
	color: var(--main-color)
}
.contact_area li a:hover{
	text-decoration: underline
}
.contact_area li span{
	margin-top: 0.5em;
	display: block;
	color: #696A6B;
	font-size: 0.9em
}
.contact_area li iframe{
	width: 100%;
	height: 200px;
	margin-top: 1.5em
}
@media screen and (min-width:768px){
.contact_area{
	margin-bottom: 6em;
	padding: 2em 3em 2em 4em;
	border: 10px solid #D5E3F0
}	
.contact_area li{
	margin-bottom: 2.5em
}
.contact_area li h3{
	font-size: 1.25em
}
.contact_area li p{
	font-size: 1.1em
}
.contact_area li iframe{
	height: 400px
}
}
@media screen and (min-width:1400px){
.contact_area{
	padding: 3em 4em 3em 5em
}
.contact_area li h3{
	font-size: 1.35em
}
.contact_area li p{
	font-size: 1.2em
}
.contact_area li iframe{
	width: 85%
}
}