@charset "UTF-8";

#sec01 {
	margin-top:185px;
}

.deco {
	width: 100%;
	border: 2px solid #d5d5d5;
	border-bottom: 0;
	padding: 10px 14px;
}

h3 {
	font-size: 1.6rem;
	font-weight: bold;
	border-left: 4px solid #7099d7;
	padding: 0 8px;
}

dl {
	width: 100%;
	margin: 0 auto 20px;
	overflow: hidden;
	border: 2px solid #d5d5d5;
	border-top:0;
}

dl dt {
	clear: left;
	float: left;
	width: 200px;
	padding: 10px;
	border-top: 2px solid #d5d5d5;
}

dl dd {
	margin-left: 200px;
	padding: 10px;
	border-top: 2px solid #d5d5d5;
	border-left: 2px solid #d5d5d5;
}

dl dt:first-of-type {
	border-top: 2px solid #d5d5d5;
}

dl dd:last-of-type {
	border-bottom: 0;
}

.infoBox {
	border: 2px solid #d5d5d5;
	padding: 20px 30px;
}

.infoBox ul li {
	margin-bottom: 20px;
}

.infoBox .olImg {
	float: left;
	width: 400px;
}

.infoBox .gMap {
	float: right;
}

.parking {
	clear: both;
}

.parking h4 {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.parking div {
	float: left;
}

.parking img {
	float: right;
}

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

	#sec01 {
		margin-top: 97px;
    	margin-bottom: 50px;
	}

	dl dt {
		width: 100px;
		max-width: 100px
	}
	
	dl dd {
		margin-left: 100px;
	}
	
	.infoBox {
		padding: 16px;
	}
	.infoBox ul li {
		text-align: center;
	}
	
	.infoBox ul li:last-child {
		margin-bottom: 0;
	}
	.infoBox ul li.parking h4,
	.infoBox ul li.parking p {
		text-align: left;
	}
	
	.infoBox .olImg {
		float: none;
		width: 100%;
	}
	
	.infoBox .olImg img {
		width: 100%;
		max-width: 400px;
		margin: 0 auto;
	}
 	.infoBox .gMap {
		float: none;
	}

	.parking div {
		float: none;
		width: 100%;
	}
	
	.parking img {
		float: none;
		width: 100%;
		max-width: 400px;
		margin: 0 auto;	
	}

	.gMapBox {
		width: 100%;
		margin: 0 auto;
		position: relative;
		padding-bottom: 65%;
		height: 0;
		overflow: hidden;
	}
	.gMapBox iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100% !important;
	}
}