@charset "utf-8";
h1{
background:rgba(242,239,227,0.6);
text-align:center;
width:100%;
height:110px;
position:relative;
z-index:10;
}

.page_tit{
background:url(../img/tit_bg.png);
background-size:cover;
padding:180px 0;
max-height:550px;
display:flex;
justify-content:center;
align-items:center;
margin-bottom:40px;
}

.desc{
text-align:center;
margin-bottom:20px;
}

.salon_photo{
background:#f0ede1;
padding:150px 0;
text-align:center;
width:100%;
}

.salon_img{
background:#8b2d2c;
width:100%;
padding:100px 0;
text-align:center;
display: inline-block;
position: relative;
}
.salon_img:before {
content: "";
width: 0;
height: 0;
border-style:solid;
border-width:35px 45px 0 45px;
border-color:#f0ede1 transparent transparent transparent;
margin: auto;
position: absolute;
top: 0;
left: 50%;
transform:translateX(-50%);
}

.salon_map{
max-width:700px;
margin:0 auto;
padding:100px 0 0;
position: relative;
}
.salon_map img{
width:100%;
}
.salon_map:before {
content: "";
width: 0;
height: 0;
border-style:solid;
border-width:35px 45px 0 45px;
border-color:#8b2d2c transparent transparent transparent;
margin: auto;
position: absolute;
top: 0;
left: 50%;
transform:translateX(-50%);
}


@media screen and (max-width: 950px) {
h1{
text-align: center;
position:static;
transform: translateX(0);
z-index:10;
width:auto;
background:transparent;
}

.page_tit{
background-size:cover;
padding:10% 0;
max-height:300px;
margin-bottom:5%;
}

.desc{
margin-bottom:10%;
}

.salon_photo{
padding:10% 5%;
}

.salon_img{
padding:10% 0;
}
.salon_img:before {
border-width:30px 35px 0 35px;
}

.salon_map{
padding:10% 5% 0;
}
.salon_map:before {
border-width:30px 35px 0 35px;
}
}