@charset "UTF-8";

#keyvisual-sub_blc {
    background: url(../img/common/mainV_salon.jpg) no-repeat right center / contain;
}
@media screen and (max-width: 643px) {
    #keyvisual-sub_blc {
        background: url(../img/common/mainV_salon_sp.jpg) no-repeat right center / contain;
    }
}

.salon-inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2rem;
margin: 0 0 5rem;
}

.salon-left {
width: 50%;
}

.slider img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.salon-right {
  flex: 1 1 45%;
}

.salon-info {
  list-style: none;
  padding: 0;
  font-size: 0.95rem;
}
.salon-info li.dual span {
  display: flex;
  align-items: center;
  margin-right: 2rem; /* TELとFAXの間隔 */
}

.salon-info li {
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.salon-info .icon {
  display: inline-block;
    width: 3em;
    height: 3em;

  margin-right: 1em;
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 0.5em;
}

.salon-info .tel { background-image: url('../img/common/icon_tel.png'); }
.salon-info .fax { background-image: url('../img/common/icon_fax.png'); }
.salon-info .mail { background-image: url('../img/common/icon_mail.png'); }
.salon-info .pin { background-image: url('../img/common/icon_map.png'); }

.salon-map iframe {
  width: 100%;
  height: 235px;
      border: 2px solid #636363;
}

/* slick dots 調整 */
.slick-dots {
  text-align: center;
  margin-top: 10px;
}

.slick-dots li button:before {
  color: #cecdd2;
  font-size: 12px;
      opacity:1;
}

.slick-dots li.slick-active button:before{
 color: #a94442;
     opacity:1;
}

@media screen and (max-width:1058px) {
.salon-info li.dual span:first-child{
      margin-bottom: 1rem;
}
.salon-map iframe {
  height: 200px;
}
}

@media screen and (max-width: 767px) {
  .salon-left {
    width: 100%;
}
.salon-info li.dual span:first-child{
      margin-bottom: 0rem;
}
.salon-map iframe {
  height: 230px;
}
}
@media screen and (max-width: 495px) {
.salon-info li.dual span:first-child{
      margin-bottom: 1rem;
}
}