@charset "utf-8";
/* CSS Document */

/* アクセスマップページ設定 */

#contents #title h1 {
	background-image: url(../img/map/title_ph.jpg);
}
#contents #title h1::before {
	content: "\f21d";
}
#footer .access {
	display:none;
}

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

/* PC用設定 */

#contents #map {
	padding:60px 0px;
}
#contents #map ul {
}
#contents #map li {
	float:left;
	width:45%;/* 590px 540px */
	padding:35px 2.08%;/* 35px 25px */
	background-color: #FBFBFB;
}
#contents #map li:nth-child(2) {
	float:right;
}
#contents #map li h3 {
	font-size: 36px;
	line-height: 1em;
	margin-bottom:25px;
	text-align:center;
}
#contents #map li h4 {
	font-size: 28px;
	line-height: 1em;
	color: #089EDE;
	margin-bottom:20px;
}
#contents #map li h5 {
	font-size: 24px;
	line-height: 1.3em;
	font-weight: normal;
	height: 3.9em;
	margin-left:1.3em;
	margin-bottom:15px;
}
#contents #map li h5:before {
	font-family: "Font Awesome 5 Free";
	content: "\f3c5";
	font-weight: bold;
	position: absolute;
	margin-left:-1.3em;
}
#contents #map li h6 {
	font-size: 24px;
	line-height: 1.3em;
	display: inline-block;
	font-weight: normal;
	margin-bottom:15px;
	margin-right:1em;
}
#contents #map li iframe {
	width:100%;
	height:300px;
	margin-bottom:15px;
}
#contents #map li p {
	line-height: 1.5em;
	height: 6em;
	margin:0px;
}

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

/* スマホ用設定 */

#contents #map {
	padding:20px 0px;
}
#contents #map ul {
	width:auto;
}
#contents #map li {
	float:none;
	width:auto;
	padding:25px 15px;
	background-color: #FBFBFB;
	margin-top:20px;
}
#contents #map li h3 {
	font-size: 16px;
	line-height: 1em;
	margin-bottom:15px;
	text-align:center;
}
#contents #map li h4 {
	font-size: 16px;
	line-height: 1em;
	color: #089EDE;
	margin-bottom:15px;
}
#contents #map li h5 {
	font-size: 14px;
	line-height: 1.5em;
	font-weight: normal;
	height: auto;
	margin-left:1.3em;
	margin-bottom:15px;
}
#contents #map li h5:before {
	font-family: "Font Awesome 5 Free";
	content: "\f3c5";
	font-weight: bold;
	position: absolute;
	margin-left:-1.3em;
}
#contents #map li h6 {
	font-size: 14px;
	line-height: 1em;
	display: block;
	font-weight: normal;
	margin-bottom:10px;
	margin-right:1em;
}
#contents #map li iframe {
	width:100%;
	height:300px;
	margin:10px 0px;
}
#contents #map li p {
	line-height: 1.5em;
	height: auto;
	margin:0px;
}

}