/*
* salon.css
*
*/
/* --------------------------------
   intro
-------------------------------- */
.c-intro:after {
  width: 143px;
  height: 213px;
  background-image: url(/img/salon/intro_bg_color_sm.png);
}
@media (min-width: 768px) {
  .c-intro:after {
    left: 50%;
    margin-left: 287px;
    width: 613px;
    height: 712px;
    background-image: url(/img/salon/intro_bg_color_lg.png);
  }
}
@media (min-width: 1800px) {
  .c-intro:after {
    right: 0; 
    left: auto;
    margin: 0;
  }
}

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

-------------------------------- */
.salon {
  position: relative;
  padding: 0 4.66667% 15px;
}
@media (min-width: 768px) {
  .salon {
    padding: 0 20px;
  }
}
.salon:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 104.61133%;
}
@media (min-width: 768px) {
  .salon:before {
    top: -464px;
    right: 50%;
    left: auto;
    margin-right: 549px;
    width: 352px;
    height: 698px;
    background: url(/img/salon/bg_obj_01_lg.png) 0 0 no-repeat;
  }
}
@media (min-width: 1800px) {
  .salon:before {
    right: auto; 
    left: 0;
    margin: 0;
  }
}
@media (max-width: 767.98px) {
  .salon.set-bgImage:before {
    background: url(/img/salon/bg_obj_01_sm.png) 0 6.14844% no-repeat, url(/img/salon/bg_obj_02_sm.png) right bottom no-repeat;
    background-size: 64px 257px, 58px 209px;
  }
}
@media (min-width: 768px) {
  .salon:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 256px;
    left: 50%;
    margin-left: 566px;
    width: 334px;
    height: 584px;
  }
}
@media (min-width: 1800px) {
  .salon:after {
    right: 0; 
    left: auto;
    margin: 0;
  }
}
@media (min-width: 768px) {
  .salon.set-bgImage:after {
    background: url(/img/salon/bg_obj_02_lg.png) 0 0 no-repeat;
  }
}

@media (min-width: 768px) {
  .detailContent_block_heading {
    font-size: 1.8rem;
  }
}