@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);


/*-------------------------------------------------------------------
	access
-------------------------------------------------------------------*/

#access {
	width:960px;
	margin:0 auto;
}

#access .first {
	text-align:center;
	margin:0 0 30px;
}

#access .map {
	margin:0 0 120px;
}

#access .map iframe {
	width:100% !important;
	height:520px !important;
}

#access dl {
	text-align:center;
	padding-top:40px;
}

#access dl dt {
	font-size:2.3em;
	line-height:1.0;
	margin:0 0 16px;
	font-weight:600;
}

#access dl.car {
	background:url(../image/access/access_icon01.png) top center no-repeat;
	margin:0 0 120px;
}

#access dl.train {
	background:url(../image/access/access_icon02.png) top center no-repeat;
	margin:0 0 120px;
}

#access dl.bus {
	background:url(../image/access/access_icon03.png) top center no-repeat;
}


/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	#access {
		width:94%;
	}
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	#access .first {
		margin:0 0 20px;
	}

	#access .map {
		margin:0 0 60px;
	}

	#access .map iframe {
		height:300px !important;
	}

	#access dl {
		text-align:center;
		padding-top:30px;
	}

	#access dl dt {
		font-size:2.4em;
	}

	#access dl.car {
		margin:0 0 60px;
	}

	#access dl.train {
		margin:0 0 60px;
	}


	
}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
	
}