@charset "UTF-8";

body{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	background-color: #eedcb3;
}

.backImageBox{
	position: absolute;
	width: 100%;
	height: 68vw;
	padding: 0;
	margin: 0;
	top: 0;
}

.backImage{
	position: absolute;
	width: 100%;
	height: 68vw;
	padding: 0;
	margin: 0;
	z-index: 55;
	background-repeat: no-repeat;
	background-position: 0 -3vw;
	background-attachment: fixed;
}

.backImageText{
	position: absolute;
	width: 100%;
	height: 10vw;
	padding: 0;
	margin: 0;
	z-index: 60;
	text-align: center;
		top: 15vw;
}

.pageMainTitle{
	color: #000;
	font-family: title;
	text-shadow: 0vw 0vw 40px #fff,0vw 0vw 50px #fff,0vw 0vw 60px #fff,0vw 0vw 70px #fff,0vw 0vw 80px #fff,0vw 0vw 80px #fff,0vw 0vw 80px #fff,2vw 2vw 40px #fff,-2vw 2vw 40px #fff,2vw -2vw 40px #fff,-2vw -2vw 40px #fff;
}

.title{
	color: #007b43;
	font-family: title;
}

.text{
	color: #000;
	font-family: sans-serif;
}

.accessAll{
	height: auto;
	padding: 0;
	background-color: #eedcb3;
	position: absolute;
	z-index: 60;
	border: solid 0.1vw #fff;
	box-shadow: 0.2vw 0.2vw 1px #888;
}


.mapAll{
	padding: 0;
	z-index: 65;
}

	.mapTitle{
		padding: 0;
		z-index: 70;
	}
	
	.map{
		padding: 0;
		z-index: 70;
	}

.accessInfo{
	padding: 0;
	z-index: 65;
}

	.accessInfoImage{
		padding: 0;
		z-index: 70;
		background-image: url(../image/access0.png);		/*未記入*/
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.accessInfoText{
		padding: 0;
		z-index: 70;
	}


.carAccess{
	padding: 0;
	margin: 0;
	z-index: 65;
}

	.carAccessImage{
		padding: 0;
		z-index: 70;
		background-image: url(../image/access1.png);		/*未記入*/
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.carAccessText{
		padding: 0;
		z-index: 70;
	}


.busAccess{
	padding: 0;
	margin: 0;
	z-index: 65;
}

	.busAccessImage{
		padding: 0;
		z-index: 70;
		background-image: url(../image/access2.png);		/*未記入*/
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.busAccessText{
		padding: 0;
		z-index: 70;
	}


@media screen and (min-width:993px){
	
	.pageMainTitle{
		font-size: 4vw;
	}
	
	.title{
		font-size: 1.7vw;
	}
	
	.text{
		font-size: 1vw;
	}
	
	
	
	#backImage{
		background-size: 100% 100%;
	}
	
	.backImageText{
		height: 5vw;
			top: 16vw;
	}
	
	.column{
		float: left;
	}
	
	#accessAll{
		width: 90%;
		margin: 0 5%;
			top: 39vw;
	}
	
	
	#mapAll{
		width: 100%;
		height: 43vw;
		margin: 0 0 2vw;
	}
	
		#mapTitle{
			width: 50%;
			height: 3vw;
			margin: 0 0 0 5%;
			line-height: 2vw;
		}
		
		#map{
			width: 90%;
			height: 40vw;
			margin: 0 5%;
			border: solid 0.1vw #fff;
			box-shadow: 0.2vw 0.2vw 1px #888;
		}
	
	#accessInfo{
		width: 90%;
		height: 19vw;
		margin: 0 5%;
		border-top: 0.1vw #007b43 solid;
	}
	
		#accessInfoImage{
			width: 30%;
			height: 16vw;
			margin: 1vw 0 1vw 2%;
		}
		
		#accessInfoText{
			width: 54%;
			height: 16vw;
			margin: 1vw 0 1vw 3%;
			line-height: 1vw;
		}
		
			#accessInfoTextTitle{
				height: 2vw;
				line-height: 1vw;
			}
	
	#carAccess{
		width: 90%;
		height: 25vw;
		margin: 0 5%;
		border-top: 0.1vw #007b43 solid;
	}
	
		#carAccessImage{
			width: 30%;
			height: 16vw;
			margin: 3vw 0 3vw 2%;
		}
		
		#carAccessText{
			width: 54%;
			height: 16vw;
			margin: 1vw 0 1vw 3%;
			line-height: 2vw;
		}
		
		#carAccessTextTitle{
			height: 2vw;
			line-height: 0vw;
		}
	
	
	#busAccess{
		width: 90%;
		height: 41vw;
		margin: 0 5%;
		border-top: 0.1vw #007b43 solid;
	}
	
		#busAccessImage{
			width: 30%;
			height: 16vw;
			margin: 3vw 0 3vw 2%;
		}
		
		#busAccessText{
			width: 62%;
			height: 40vw;
			margin: 1vw 0 1vw 3%;
			line-height: 2vw;
		}
		
		#busAccessTextTitle{
			height: 2vw;
			line-height: 0vw;
		}
	
	/*↓↓↓★★★サイトリンクと使用コンテンツ★★★↓↓↓*/
	
	#footer{
			top: 174vw;
	}
	
}

@media screen and (min-width:481px) and (max-width:992px){
	
	h2{
		margin: 0;
		padding: 0;
	}
	
	.pageMainTitle{
		font-size: 6vw;
	}
	
	.title{
		font-size: 2.6vw;
	}
	
	.text{
		font-size: 1.7vw;
	}
	
	
	
	#backImage{
		background-size: 100% 71vw;
	}
	
	.backImageText{
		height: 8vw;
		top: 20vw;
	}
	
	.column{
		float: left;
	}
	
	
	#accessAll{
		width: 90%;
		margin: 0 5%;
		top: 42vw;
	}
	
	
	#mapAll{
		width: 100%;
		height: 47vw;
		margin: 0 0 2vw;
	}
	
		#mapTitle{
			width: 50%;
			height: 6vw;
			margin: 0 0 0 5%;
			line-height: 6vw;
		}
		
		#map{
			width: 90%;
			height: 40vw;
			margin: 0 5%;
			border: 0.1vw #007b43 solid;
		}
	
	#accessInfo{
		width: 90%;
		height: 40vw;
		margin: 0 5%;
		border-top: 0.1vw #007b43 solid;
	}
	
		#accessInfoImage{
			width: 33%;
			height: 20vw;
			margin: 2vw 0 18vw 2%;
		}
		
		#accessInfoText{
			width: 58%;
			height: 38vw;
			margin: 1vw 0 1vw 3%;
			line-height: 3vw;
		}
		
			#accessInfoTextTitle{
				height: 5vw;
				line-height: 5vw;
			}
	
	#carAccess{
		width: 90%;
		height: 44vw;
		margin: 0 5%;
		border-top: 0.1vw #007b43 solid;
	}
	
		#carAccessImage{
			width: 33%;
			height: 20vw;
			margin: 2vw 0 22vw 2%;
		}
		
		#carAccessText{
			width: 58%;
			height: 33vw;
			margin: 1vw 0 1vw 3%;
			line-height: 3vw;
		}
		
		#carAccessTextTitle{
			height: 5vw;
			line-height: 5vw;
		}
	
	
	#busAccess{
		width: 90%;
		height: 96vw;
		margin: 0 5%;
		border-top: 0.1vw #007b43 solid;
	}
	
		#busAccessImage{
			width: 33%;
			height: 20vw;
			margin: 2vw 0 3vw 2%;
		}
		
		#busAccessText{
			width: 62%;
			height: 94vw;
			margin: 2vw 0 1vw 3%;
			line-height: 4vw;
		}
		
		#busAccessTextTitle{
			height: 2vw;
			line-height: 0vw;
		}
	
	/*↓↓↓★★★サイトリンクと使用コンテンツ★★★↓↓↓*/
	
	#footer{
		top: 274vw;
	}
	
}

@media screen and (max-width:480px){
	
	.main{
		position: relative;
			top: 15vw;
	}
	
	h2{
		margin: 0;
		padding: 0;
	}
	
	.pageMainTitle{
		font-size: 8vw;
	}
	
	.title{
		font-size: 5vw;
	}
	
	.text{
		font-size: 4vw;
	}
	
	
	#backImage{
		background-size: 100% 68vw;
		background-position: 0 11vw;
	}
	
	.backImageText{
		height: 10vw;
		top: 26vw;
	}
	
	
	
	#accessAll{
		width: 90%;
		margin: 0 4%;
		top: 69vw;
		border: solid 1vw #fff;
	}
	
	
	#mapAll{
		width: 100%;
		height: 130vw;
		margin: 0 0 2vw;
	}
	
		#mapTitle{
			width: 50%;
			height: 8vw;
			margin: 0 0 0 5%;
			line-height: 8vw;
		}
		
		#map{
			width: 90%;
			height: 122vw;
			margin: 0 5%;
			border: 0.1vw #007b43 solid;
		}
	
	#accessInfo{
		width: 90%;
		height: 130vw;
		margin: 0 5%;
		border-top: 0.5vw #007b43 solid;
	}
	
		#accessInfoImage{
			width: 100%;
			height: 59vw;
			margin: 2vw 0;
		}
		
		#accessInfoText{
			width: 100%;
			height: 66vw;
			margin: 1vw 0;
			line-height: 5vw;
		}
		
			#accessInfoTextTitle{
				height: 6vw;
				line-height: 6vw;
			}
	
	#carAccess{
		width: 90%;
		height: 135vw;
		margin: 0 5%;
		border-top: 0.5vw #007b43 solid;
	}
	
		#carAccessImage{
			width: 100%;
			height: 59vw;
			margin: 2vw 0;
		}
		
		#carAccessText{
			width: 100%;
			height: 71vw;
			margin: 1vw 0;
			line-height: 5vw;
		}
		
		#carAccessTextTitle{
			height: 6vw;
			line-height: 6vw;
		}
	
	
	#busAccess{
		width: 90%;
		height: 238vw;
		margin: 0 5%;
		border-top: 0.5vw #007b43 solid;
	}
	
		#busAccessImage{
			width: 100%;
			height: 59vw;
			margin: 2vw 0;
		}
		
		#busAccessText{
			width: 100%;
			height: 117vw;
			margin: 1vw 0;
			line-height: 5vw;
		}
		
		#busAccessTextTitle{
			height: 6vw;
			line-height: 6vw;
		}
	
	/*↓↓↓★★★サイトリンクと使用コンテンツ★★★↓↓↓*/
	
	#footer{
		top: 728vw;
	}
}