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

	- page title
	- contents
		- map
		- button

-----------------------------------------*/

/*----------------------------------------
	page title
-----------------------------------------*/
.page_ttl_area {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 220px;
	background-color: rgba(232, 232, 232, 0.3);
}

.page_ttl_area .page_ttl {
	font-size: 5.0rem;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0.08em;
}

.page_ttl_area .page_ttl span:nth-of-type(2) {
	display: block;
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0;
}

@media screen and (max-width: 768px) {
	.page_ttl_area {
		height: 121px;
	}

	.page_ttl_area .page_ttl {
		font-size: 3.6rem;
	}

	.page_ttl_area .page_ttl span:nth-of-type(2) {
		font-size: 1.2rem;
	}
}

/*----------------------------------------
	contents
-----------------------------------------*/
#contents {
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

@media screen and (max-width: 768px) {
	#contents {
		width: 89%;
	}
}

/* map */
#contents .map {
	max-width: 930px;
	width: 90%;
	margin: 100px auto 0 auto;
}

@media screen and (max-width: 768px) {
	#contents .map {
		max-width: 100%;
		width: 100%;
	}
}

@media screen and (max-width: 630px) {
	#contents .map {
		margin: 16vw auto 0 auto;
	}
}

/* button */
#contents .btnBox {
	margin: 60px auto 0;
}

#contents .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 260px;
	height: 52px;
	margin: auto;
	padding: 10px;
	border: 1px solid #1a1816;
	color: #1a1816;
	font-size: 1.8rem;
	box-sizing: border-box;
	transition: all .3s ease-out;
}

#contents .btn a:hover {
	background: #1a1816;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	#contents .btnBox {
		margin: 10.67vw auto 0;
	}

	#contents .btn a {
		height: 12vw;
		font-size: 1.4rem;
	}
}