@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;
}

.mg{
	max-width: 930px;
	width: 60%;
	margin: 100px auto 0 auto;
}
.mg_wrap{
	width: 100%;
}
.map_a{
	width: 100%;
}
.txt_a{
	width: 100%;
	text-align: center;
	background-color: #E5DAC5;
	padding: 2%;
	box-sizing: border-box;
}
.txt_a p{
	line-height:1.5em!important;
}
.txt_a .address{
	font-size: clamp(1.0rem, 2vw, 2.0rem)!important;
}
.txt_a .train{
	margin-bottom: 20px;
	font-size: clamp(1.2rem, 2vw, 2.6rem)!important;
}
.txt_a .car span{
	content: "";
	display: inline-block;
	width: 1.3em;
	height: 1.3em;
	margin-left: 0.2em;
	margin-right: 0.2em;
	margin-bottom: 0.2em;
	vertical-align: middle;
	background: url(../img/park.png) no-repeat;
	background-size: contain;
}

#contents .map .black{
	width: 100%;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	font-size: clamp(1.1rem, 3vw, 3.0rem)!important;
}

@media screen and (max-width: 768px) {
	#contents .map {
		max-width: 100%;
		width: 100%;
	}
	.mg{
		max-width: 100%;
		width: 100%;
		margin: 50px auto 0 auto;
	}
	.map_a{
		width: 100%;
		margin-bottom: 20px;
	}
	.txt_a{
		width: 100%;
	}
	.txt_a .address{
		font-size: 1.4rem!important;
	}
	.txt_a .train{
		font-size: 1.7rem!important;
	}
	#contents .map .black{
		font-size: 1.5rem!important;
        line-height: 1.4;
	}
	
}

@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;
	}
}

/* 印刷用CSS */

@media print{
	#contents .btnBox{
		display: none!important;
	}
	#contents .map{
		margin: 100px auto 0 auto!important;
	}
	#contents .map{
		margin: 0;
	}
}