@charset "utf-8";


/* -----------------------------------------------------------------

 access.css
 
------------------------------------------------------------------ */




/* -----------------------------------------------------------------

 共通
 
------------------------------------------------------------------ */

.bgStr {
	padding-top: 90px;
	margin-top:110px;
}
.shell { position:relative; }

.shell h1 {
	position: absolute;
	left:50%;
	margin: 0 0 0 -144px;
	top: -180px;
}

/* --- sec01 ---*/
.sec01 .shell{ padding-top:30px; }
.sec01 h1{ text-align:center; }
.content .sec01 .map {
	width:600px;
	float:left;
}
.content .sec01 .map .gmap {
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}
.content .sec01 .map .gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.content .sec01 .detail {
	width:380px;
	float:right;
}
.content .sec01 .detail h2 {
	color:#006CB9;
	font-weight:bold;
}

	




/* -----------------------------------------------------------------

 レスポンシブ対応
 
------------------------------------------------------------------ */


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

.shell {
	width:96%;
	padding:0 2%;
}
.content .sec01 .map {
	width:58.6%;
}
.content .sec01 .detail {
	width:37%;
}


}




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

/* --- sec01 ---*/
.content .sec01 .map {
	width:100%;
	float:none;
	text-align:center;
	margin-bottom:20px;
}
.content .sec01 .detail {
	width:100%;
	float:none;
}


}

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

.bgStr {
	margin-top:90px;
}
.shell h1 {
	margin: 0 0 0 -130px;
	top: -164px;
}

}