@charset "utf-8";

/* ----------------------------------------------------------------------------
	現地案内図
	map/
---------------------------------------------------------------------------- */
#content #map_area {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	padding: 0 0;
	margin: 90px 0 30px;
	box-sizing: border-box;
}
#content #map_area h3{
	width: 100%;
	text-align: center;
	font-size: 1.250rem;
	letter-spacing: 0.1em;
	color: rgba(255,255,255,1.00);
	padding: 0 0 25px 0;
}
#content #map_area #mapwide{
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 60px 0;
	border: rgba(150,150,150,0.5) 5px solid;
	line-height: 0;
}
#content #map_area #map{
	width: 100%;
	box-sizing: border-box;
	border: rgba(150,150,150,0.5) 5px solid;
	line-height: 0;
}
#content #map_btns {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 auto 50px auto;
}
#content #map_btns a{
	width: 48%;
	display: block;
	font-size: 1.000rem;
	letter-spacing: 0.1em;
	text-align: center;
	padding: 1em 1em 1em 2em;
	border: rgba(255,255,255,0.10) 1px solid;
	color: rgba(255,255,255,1.00);
	box-sizing: border-box;
	text-decoration: none;
}
#content #map_btns a.gmap{
	background: rgba(20,20,25,1.00) url("../img/icon_map.svg") center left 1.5em/25px auto no-repeat;
}
#content #map_btns a.print{
	background: rgba(20,20,25,1.00) url("../img/icon_print.svg") center left 1.5em/25px auto no-repeat;
}


#content #tel_area1 {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-content: center;
	padding: 50px 0 90px 0;
	margin: 0 0 0;
	border-top: rgba(255,255,255,0.10) 1px solid;
	box-sizing: border-box;
}
#content #tel_area1 h5{
	width: 100%;
	font-size: 0.875rem;
	text-align: center;
	color: #FFF;
	padding: 0 0 20px 0;
}
#content #tel_area1 .tel_num{
	width: 330px;
	margin: 0 auto;
}
#content #tel_area1 p{
	width: 100%;
	font-size: 0.750rem;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	padding: 15px 0 0 0;
}

@media only screen and (max-width: 999px) {
	#content #map_area {
		padding: 0 0;
		margin: 90px 0 30px;
	}
	#content #map_area #mapwide{
		width: 100%;
	}
	#content #map_area #map{
		width: 100%;
	}
	#content #map_btns {
		margin: 0 auto 50px auto;
	}
	#content #map_btns a{
		width: 48%;
		font-size: 0.938rem;
	}
	#content #map_btns a.gmap{
		background: rgba(20,20,25,1.00) url("../img/icon_map.svg") center left 1.5em/25px auto no-repeat;
	}
	#content #map_btns a.print{
		background: rgba(20,20,25,1.00) url("../img/icon_print.svg") center left 1.5em/25px auto no-repeat;
	}


	#content #tel_area1 {
		padding: 50px 0 90px 0;
	}
	#content #tel_area1 h5{
		font-size: 0.875rem;
		padding: 0 0 20px 0;
	}
	#content #tel_area1 .tel_num{
		width: 330px;
		margin: 0 auto;
	}
	#content #tel_area1 p{
		font-size: 0.750rem;
		padding: 15px 0 0 0;
	}
}
@media only screen and (max-width: 768px) {
	#content #map_area {
		padding: 0 0;
		margin: 60px 0 20px;
	}
	#content #map_area #mapwide{
		width: 100%;
	}
	#content #map_area #map{
		width: 100%;
	}
	#content #map_btns {
		margin: 0 auto 40px auto;
	}
	#content #map_btns a{
		width: 100%;
		font-size: 0.875rem;
		margin: 0 0 10px 0;
	}
	#content #map_btns a.gmap{
		background: rgba(20,20,25,1.00) url("../img/icon_map.svg") center left 1.5em/25px auto no-repeat;
	}
	#content #map_btns a.print{
		background: rgba(20,20,25,1.00) url("../img/icon_print.svg") center left 1.5em/25px auto no-repeat;
	}


	#content #tel_area1 {
		padding: 30px 0 60px 0;
	}
	#content #tel_area1 h5{
		font-size: 0.813rem;
		padding: 0 0 15px 0;
	}
	#content #tel_area1 .tel_num{
		width: 70%;
		margin: 0 auto;
	}
	#content #tel_area1 p{
		font-size: 0.688rem;
		padding: 10px 0 0 0;
	}
}
@media only screen and (max-width: 480px) {	
}