@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap');

/*-----------------------------------------
-----------------------------------------*/
/*----------------------------------------
	future CSS
	- common
	- concept_wrapper
	- information

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


.page_cap {
	max-width: 1200px;
	margin: 0 auto 60px;
}
.page_cap p {
	font-size: 12px;
}
@media only screen and (max-width: 768px){
	.page_cap {
		max-width: 1200px;
		margin: 0 auto 60px;
		padding: 0 5%;
	}
	.page_cap p {
		font-size: 12px;
	}

}

#head_area h2{
	margin: 0 0 40px 0;
	background: rgb(0,100,48);
	background: linear-gradient(108deg, rgba(0,100,48,1) 0%, rgba(0,160,64,1) 44%, rgba(0,54,20,1) 100%);
	padding: 16px 0 23px;
	text-align: center;
	color: #fff;
	font-size: 38px;
	letter-spacing: 0.1em;
}

.map {
	margin: 0 0 40px 0;
}
.map h3{
	text-align: center;
	font-size: 30px;
	margin-top: 50px;
	margin-bottom: 30px;
	letter-spacing: 0.1em;
}

.w1000{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}

.map .salonmap{
	margin-top: 50px;
}
.map .print {
	margin: 50px auto 20px;
	padding: 15px 0;
	background-color: #085b2c;
	font-size: 16px;
	width: 310px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	transition: all 0.3s 0s ease;
	display: block;
}.map .print:hover {
	opacity: 0.7;
	transition: all 0.3s 0s ease;
}
.note {
	margin-top: 40px;
	color: #B50101;
	text-align: center;
	font-size: 20px;
}

@media only screen and (max-width: 768px){
	.map h3{
		font-size: 24px;
	}
	.note {
		font-size: 14px;
	}
}
.map .gmap {
	max-width: 310px;
	margin: 0 auto;
}
.map .gmap p {
	background-color: #ee6d34;
	padding: 15px 0;
	text-align: center;
	margin-bottom: 20px;
}
.map .gmap a {
	font-size: 16px;
	color: #ffffff;
	transition: all 0.3s 0s ease;
}
.map .gmap a:hover {
	opacity: 0.7;
}