@charset "UTF-8";
/* CSS Document */

#baseCol {
	background-color: #efefef;
	padding-bottom: 30px;
}
#h2Box,#h2BoxMr {
	padding: 3em 0 1.5em 0;
	display: none;
	
}
#h2Box h2,#h2BoxMr h2 {
	text-align: center;
	font-size: 21px;
	letter-spacing: 0.3em;
	padding: 1.5em 0 0.5em 0;
}
#mapBox {
	max-width: 1000px;
}
#btBox {
	padding-top: 20px;
}
#btBox a,#btBoxMr a {
	color: #a48462;
	background-color: #fff;
	font-size: 15px;
	letter-spacing: 0.2em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24em;
	height: 4em;
	border: #a48462 solid 1px;
	margin: 30px auto ;
}
#btBox a:hover {
	background-color: #000;
}

#mapBoxMr {
	max-width: 900px;
}
#mapBoxMr .imgBox {
	width: 50%;
}
#mapBoxMr .txtBox {
	width: 50%;
	background: #00384D;
background: linear-gradient(180deg, rgba(0, 56, 77, 1) 0%, rgba(0, 11, 31, 1) 100%);
}



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

@media screen and (max-width: 599px) {
	#h2Box h2,#h2BoxMr h2 {
		font-size: 5.1vw;
		font-size: clamp(18px, 5.1vw, 20px);
		padding: 0;
	}
	#h2BoxMr h2 {
		letter-spacing: 0em;
	}
	#btBox a,#btBoxMr a {
		color: #a48462;
		background-color: #fff;
		font-size: 14px;
		font-size: clamp(13px, 3.7vw, 15px);
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80%;
		height: 3em;
		border: #a48462 solid 1px;
		margin: 20px auto;
	}
	#mapBoxMr .imgBox {
		width: 100%;
	}
	#mapBoxMr .txtBox {
		width: 100%;
		text-align: center;
	
	}
	#mapBoxMr .txtBox img {
		width: 80%;
	}
}