@charset "utf-8";
/*--------------------------------------------
 
　　　アクセスページ用CSS
 
---------------------------------------------*/


/* =======================================
   section01
   ======================================= */
   
   
   
   
   
   
/* =======================================
   section02
   ======================================= */
   
   
   
   
   
   
/* =======================================
   section03
   ======================================= */
/*---- section01 ----*/
#section01 .inner {
	padding-top: 30px;
}
#section01 #map_canvas {
	width: 830px;
	height: 470px;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid #FFF;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 3px 2px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 3px 2px;
	-moz-box-shadow:rgba(0, 0, 0, 0.08) 0px 0px 3px 2px;
	margin-bottom: 2.0em;
}
#section01 .photo {
	float: left;
	margin-left: 80px;
}
#section01 .text {
	width: 480px;
	float: right;
}
#section01 .text .train {
	background-image: url(../../../%E3%81%96%EF%BC%8D%E8%94%B5%E7%8E%8B%E5%B9%BC%E7%A8%9A%E5%9C%92/web/access/img/section01_icon_train.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	margin-bottom: 0.4em;
}
#section01 .text .bus {
	background-image: url(../../../%E3%81%96%EF%BC%8D%E8%94%B5%E7%8E%8B%E5%B9%BC%E7%A8%9A%E5%9C%92/web/access/img/section01_icon_bus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
}


/*---- sectin02 ----*/



/*---- sectin03 ----*/



/*---- sectin04 ----*/


@media screen and (max-width:768px) {
#main h1 img {width:100%;}
#section01 .inner {padding-top:0;}
#section01 #map_canvas {width:100%; height:300px; box-sizing:border-box;}
#section01 #map_canvas iframe {height:100%;}
#section01 .photo {float:none; margin:0 10%; width:80%;}
#section01 .text {width:80%; float:none; margin:0 10%;}
}