@charset "UTF-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#gNavi .navi06 a {
	color: #7E8EA3;
}

#main {
	margin-bottom: 0;
}

#main .mainVisual {
	background: url(/img/access/main_visual_bg.jpg) no-repeat center center;
	background-size: cover;
}

#access h2 {
	margin-bottom: 60px;
	padding-top: 2px;
	text-align: center;
}

#access .map {
	margin-bottom: 60px;
	text-align: center;
}

#access #map_canvas {
	width: 100%;
	height: 500px;
}

#access p {
	margin-bottom: 29px;
	font-size: 16px;
	text-align: center;
	line-height: 1.6;
}

#access p a {
	color: #191919;
}

#access .text01 {
	margin-bottom: 55px;
}

#access .txtImg {
	margin-bottom: 34px;
	text-align: center;
}

#case {
	padding: 60px 0;
	background-color: #F8F5F0;
}

#case h3 {
	margin-bottom: 39px;
	text-align: center;
}

#case .caseBox .lBox {
	float: left;
}

#case .caseBox .rBox {
	margin-top: 15px;
	width: 392px;
	float: right;
}

#case .caseBox p {
	margin-bottom: 56px;
	font-size: 14px;
	text-align: left;
}

@media all and (min-width: 0) and (max-width: 736px) {
	#main .mainVisual {
		margin-bottom: 41px;
		background: url(/img/access/sp_main_visual_bg.jpg) no-repeat center center;
		background-size: cover;
	}
	
	#access h2 {
		margin-bottom: 33px;
	}
	
	#access h2 img {
		width: 83px;
		height: auto;
	}
	
	#access .map {
		margin-bottom: 34px;
	}
	
	#access #map_canvas {
		height: 256px;
	}
	
	#access .txtImg {
		margin-bottom: 21px;
	}
	
	#access .txtImg img {
		width: 171px;
		height: auto;
	}
	
	#access p {
		margin-bottom: 9px;
		font-size: 14px;
	}
	
	#access .text01 {
		margin-bottom: 39px;
	}
	
	#case {
		padding: 43px 0;
	}
	
	#case h3 {
		margin-bottom: 32px;
	}
	
	#case h3 img {
		width: 143px;
		height: auto;
	}
		
	#case .caseBox img {
		width: 100%;
		height: auto;
	}
	
	#case .caseBox p {
		margin-bottom: 31px;
	}

	#case .caseBox .lBox {
		margin-bottom: 47px;
		float: none;
	}
	
	#case .caseBox .rBox {
		margin-top: 0;
		width: auto;
		float: none;
	}
}