@charset "utf-8";
.sec_top_btn {
	background-color: #505146;
	border: 1px solid #FFF;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	line-height: 1;
	height: 50px;
	width: 210px;
	position: relative;
	text-align: center;
    margin: auto;
}
.sec_top_btn:before {
	background-color: #FFF;
	content: "";
	display: block;
	height: 50px;
	width: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%) rotate(90deg);
	transition: linear 0.15s;
}
.sec_top_btn:hover:before {
	height: 25px;
	width: 25px;
}
.sec_top_btn:after {
	content: "";
	display: block;
	position: absolute;
	left: 8px;
	top: 50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #505146;
	transform: translateY(-50%);
	transition: ease-in-out 0.15s;
	opacity: 0;
}
.sec_top_btn:hover::after { opacity: 1;}
.sec_head .topic { font-size: clamp(1.6rem, 1.1904761904761904762vw, 2rem);}
.sec_head.space_leaf .ttl { margin-bottom: clamp(30px, 2.0833333333333333333vw, 35px);}
/* sec_local  */
.sec_local { padding: clamp(60px, 8.6309523809523809524vw, 145px) 0 clamp(60px, 10.119047619047619048vw, 170px);}
.sec_local .sec_head { margin-bottom: clamp(30px, 5.952380952380952381vw, 100px);}
.sec_local .map_content {
    max-width: 970px;
    margin: auto;
}
.sec_local .img_map { margin-bottom: clamp(30px, 6.547619047619047619vw, 110px);}
.sec_local .sec_top_btn { background-color: #596356;}
.sec_local .sec_top_btn:before { background-color: #a8a686;}
.sec_local .sec_top_btn:after { border-color: transparent transparent transparent #596356;}
/* sec_salon */
.sec_salon { padding: clamp(60px, 8.6309523809523809524vw, 145px) 0 clamp(60px, 6.547619047619047619vw, 110px);}
.sec_salon .map_content {
    max-width: 690px;
    margin: auto;
}
.map_info { margin-bottom: clamp(30px, 4.7619047619047619048vw, 80px);}
.map_info .map_ttl {
  font-size: clamp(1.6rem, 1.0714285714285714286vw, 1.8rem);
  margin: clamp(30px, 2.3809523809523809524vw, 40px) 0 0;
  letter-spacing: .3em;
}
.map_info .map_ttl .sm {
  font-size: 78%;
  letter-spacing: 0.1em;
}
.map_info .notice {
  font-size: clamp(1rem, 0.71428571428571428571vw, 1.2rem);
  margin: 15px 0 0;
  letter-spacing: .1em;
}
@media only screen and (max-width: 767px) {
    .map_info .notice { text-align: left;}
}