@charset "UTF-8";

.page-title {
	background: url("../img/map/title.jpg") center no-repeat;
	background-size: cover;
	min-height: 450px;
	text-align: left;
	position: relative;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}
.page-title h2 {
	display: block;
}
@media only screen and (max-width: 768px) {
	.page-title {
		min-height: 200px;
		margin-top: 50px;
		margin-bottom: 0;
	}
	.page-title h2 {
		line-height: 1.2;
	}
}




/* 
----------------------------------------*/
.inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 100px;
	margin-bottom: 80px;
}

.map_btn{
	display: flex;
	max-width: 1000px;
	margin: 50px auto 0;
	justify-content: space-between;
}

.print_b{
	width:490px;
	height:70px;
	line-height:70px;
}
.print_b a{
	display:block;
	text-align:center;
	color:#928159;
	font-size:2rem;
	letter-spacing: 0.1em;
	transition: .4s;
	border: 1px solid #928159;
}
.print_b a:hover{
	background-color: #928159;
	color: #fff;
}

.gmap_b{
	width:490px;
	height:70px;
	line-height:70px;
}
.gmap_b a{
	display:block;
	text-align:center;
	color:#928159;
	font-size:2rem;
	letter-spacing: 0.1em;
	transition: .4s;
	border: 1px solid #928159;
}
.gmap_b a:hover{
	background-color: #928159;
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.inner{
		padding: calc(40 / 375 * 100vw) calc(25 / 375 * 100vw) calc(60 / 375 * 100vw);
	}
	.map_btn{
		max-width: 100%;
		margin-top: 30px;
	}
	
	.print_b,
	.gmap_b{
		width:48%;
		height:45px;
		line-height:45px;
	}
	.print_b a,
	.gmap_b a{
		font-size:1.3rem;
	}
	
}

/* 
----------------------------------------*/
.inner{
	max-width: 1000px;
	margin: 0 auto;
	padding: 80px 0 100px;
}
.inner h3 {
	font-size: 2.4rem;
	letter-spacing: 0.2em;
	text-align: center;
	color: #1C0C00;
	margin-bottom: 40px;
}
.inner .map_btn + h3 {
	margin-top: 80px;
}
.inner h3 + p {
	color: #1C0C00;
	font-size: 1.6rem;
	letter-spacing: 0.05em;
	text-align: center;
	border: 2px solid #5F4D39;
	padding: 1em 0.5em;
	margin: 0 0 20px;
}
.inner figure + p {
	color: #1C0C00;
	font-size: 1.7rem;
	letter-spacing: 0.05em;
	text-align: center;
	margin: 30px 0 15px;
}
.inner dl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border: 1px solid #1C0C00;
	font-size: 2.1rem;
	letter-spacing: 0.15em;
	color: #1C0C00;
	padding: 15px 20px;
}
.inner dt {
	padding: 10px 20px 10px 0;
}
.inner dd {
	padding: 10px 0 10px 20px;
	border-left: 1px solid #1C0C00;
}

.map_btn{
	display: flex;
	max-width: 1000px;
	margin: 50px auto 0;
	justify-content: space-between;
}
.map_btn.map_btn02{
	justify-content: center;
}
.print_b{
	width:490px;
	height:70px;
	line-height:70px;
}
.print_b a{
	display:block;
	text-align:center;
	color:#928159;
	font-size:2rem;
	letter-spacing: 0.1em;
	transition: .4s;
	border: 1px solid #928159;
	background-color: #fff;
}
.print_b a:hover{
	background-color: #928159;
	color: #fff;
}

.gmap_b{
	width:490px;
	height:70px;
	line-height:70px;
}
.gmap_b a{
	display:block;
	text-align:center;
	color:#928159;
	font-size:2rem;
	letter-spacing: 0.1em;
	transition: .4s;
	border: 1px solid #928159;
	background-color: #fff;
}
.gmap_b a:hover{
	background-color: #928159;
	color: #fff;
}

.inner .contact_btn {
	margin: 60px 0 160px;
}
.inner .contact_btn a {
	color: #fff;
}

@media only screen and (max-width: 768px) {
	.inner{
		padding: calc(40 / 375 * 100vw) calc(25 / 375 * 100vw) calc(60 / 375 * 100vw);
	}
	.inner h3 {
		font-size: 4.4vw;
		margin-bottom: 30px;
	}
	.inner .map_btn + h3 {
		margin-top: 60px;
	}
	.inner h3 + p {
		font-size: 1.4rem;
	}
	.inner figure + p {
		font-size: 1.4rem;
		text-align: left;
	}
	.inner dl {
		display: block;
		font-size: 1.5rem;
		letter-spacing: 0.15em;
		padding: 10px 15px;
	}
	.inner dt {
		padding: 0 0 10px;
	}
	.inner dd {
		padding: 10px 0 0;
		border-top: 1px solid #1C0C00;
		border-left: none;
	}
	.map_btn{
		max-width: 100%;
		margin-top: 30px;
	}
	.print_b,
	.gmap_b{
		width:48%;
		height:45px;
		line-height:45px;
	}
	.print_b a,
	.gmap_b a{
		font-size:1.3rem;
	}
	.inner .contact_btn {
		margin: 40px 0 60px;
	}
}