@charset "utf-8";
.map_btn .btn {
    border: 1px solid;
    color: #3f4845;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    line-height: 1.7;
    display: inline-block;
    width: 200px;
    position: relative;
    padding: 8px;
    transition: all 0.3s ease-out;
    text-align: center;
}
.map_btn .btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.map_btn .btn span::before {
    content: "";
    background: url(../imgs/icon_map.svg) no-repeat center center / auto 100%;
    width: 16px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.map_btn .btn.w { color: #fff;}
.map_btn .btn.w span::before { background: url(../imgs/icon_map_w.svg) no-repeat center center / auto 100%;}
.headline {
    position: relative;
    margin: 0 clamp(15px, 1.7857142857142857143vw, 30px);
    line-height: 1.2;
    padding: clamp(60px, 5.0595238095238095238vw, 85px) 9% clamp(30px, 2.9761904761904761905vw, 50px);
    z-index: 0;
}
.headline::before {
    content: "";
    background: url(../imgs/icon_leaf.png) no-repeat left center/contain;
    position: absolute;
    height: clamp(120px, 14.285714285714285714vw, 240px);
    width: 100%;
    left: 0;
    top: 22.5%;
    z-index: -1;
}
.headline .ttl {
    font-size: clamp(3.2rem,4.1666666666666666667vw,7rem);
    letter-spacing: 0.015em;
}
.headline .txt {
    font-size: clamp(1.4rem, 0.95238095238095238095vw,1.6rem);
    letter-spacing: 0.01em;
    line-height: 1.75;
    text-align: center;
}
/* sec_local */
.sec_local {
    color: #fff;
    padding: 0 0 clamp(100px,2.9761904761904761905vw, 150px);
}
@media screen and (max-width: 767px) {
	.sec_local {
		padding-bottom: 60px;;
	}	
}
.sec_local .inner { max-width: 995px;}
.sec_local .img { margin-bottom: clamp(30px,3.8690476190476190476vw, 65px);}
/* sec_salon */
.sec_salon { padding: 0 0 clamp(60px, 8.0357142857142857143vw, 135px);}
.sec_salon .inner { max-width: 1030px;}
.box_cont { margin: 20px 0 clamp(30px, 5.6547619047619047619vw, 95px);}
.box_cont .topic {
    padding-bottom: clamp(10px, 1.1904761904761904762vw, 20px);
    margin-bottom: clamp(10px, 1.1904761904761904762vw, 15px);
    border-bottom: 1px solid;
}
.box_cont .ttl {
    font-size: 1.5rem;
    letter-spacing: 0.01em;
    line-height: 1.8;
    margin-bottom: 5px;
}
.box_cont .txt {
    font-size: 1.2rem;
    letter-spacing: 0.01em;
    line-height: 1.9;
}
.box_cont .notes {
    font-size: 1.1rem;
    letter-spacing: 0.01em;
    line-height: 1.6;
    text-indent: -11px;
    padding-left: 11px;
    margin-top: clamp(10px, 1.7857142857142857143vw, 30px);
}
@media screen and (max-width: 767px) {
    .sec_salon .map_btn  { text-align: center;}
}