@charset "utf-8";
@import url("../mvExpansion/mvExpansion.css");
@import url("../parts--01/parts--01.css");
@import url("../mailform/mailform.css");

.parallax{
  height: 300px;
}
@media screen and (min-width: 768px){
  .parallax{
    height: 400px;
  }
}
@media screen and (min-width: 768px){
  .advantage .tab .tabCts--pc{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
  }
}
.parallax--sp,
.parallax{
  background-position: left center
}
.moreWrap{
  position: relative;
  min-height: 50px;
}
.moreWrap .accordionTrigger{
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.moreWrap .accordionTrigger::after{
  content: 'MORE　▼';
}
.moreWrap .accordionTrigger.active::after{
  content: 'CLOSE　▲';
}
.table tr{
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
.table tr + tr{
  border-bottom: solid 1px #eee;
}
.table th,
.table td{
  padding: 3.6vw;
}
.table td{
  padding-top: 0;
}
@media screen and (max-width: 767px){
  .table th,
  .table td{
    display: block;
  }
}
@media screen and (min-width: 768px){
  .table th,
  .table td{
    padding: 20px;
  }
}

@media screen and (min-width: 768px){
  .salonList .text{
    margin-left: 20px;
  }
}