@charset "utf-8";

@media screen and (max-width:960px) {
  .topContents .contents {
    width: 60%;
  }
  .topContents .salonTopMessage {
    width: 100%;
  }
}

@media screen and (max-width:760px) {
  .topContents .contents {
    width: 80%;
  }
}

@media screen and (max-width:540px) {
  body {
    font-size: 16px;
  }
  .topContents::before {
    opacity: 0.4;
  }
  .topContents .contents {
    width: 100%;
    padding-top: 140px;
  }
  .topContents .topText h2 {
    font-size: 38px;
  }
  .topContents .meritPoint ul {
    padding-top: 20px;
  }
  .topContents .meritPoint li {
    margin-top: 35px;
  }
  .topContents .salonTopMessage h3 {
    font-size: 20px;
  }
  .topContents .salonTopMessage p {
    font-size: 16px;
  }
}