main .is-sp {
  display: block;
}

main .is-pc {
  display: none;
}

/******************************************
  KV
******************************************/
.spa-kv {
  height: calc(100vh - 50px);
}

.spa-kv__img {
  background-position: center;
}

.spa-kv__logo {
  width: 220px;
  bottom: 50%;
}

/******************************************
  LEAD
******************************************/
.spa-lead {
  padding: 100px 28px 90px;
}

.spa-lead__txt .heading {
  font-size: 2.2rem;
  margin-bottom: 16px;
}

.spa-lead__txt .subHeading {
  font-size: 1.8rem;
  margin-bottom: 25px;
}

.spa-lead__txt .subHeading::after {
  margin-top: 22px;
}

.spa-lead__txt .desc {
  font-size: 1.3rem;
  margin-bottom: 44px;
}

.spa-lead__img {
  width: 100%;
}

/******************************************
  サロンのご案内
******************************************/
.spa-salon__ttl {
  font-size: 2.2rem !important;
  margin-bottom: 27px !important;
}

.spa-salon.roomAll-info .room-wrapper h4 {
  font-size: 1.5rem !important;
  margin: calc(100vw * 20/375) auto 50px !important;
}

.spa-salon.roomAll-info .room-wrapper div:nth-child(odd) .room-right h4,
.spa-salon.roomAll-info .room-wrapper div:nth-child(even) .room-right h4 {
  padding: 0;
}

/******************************************
  BANNER
******************************************/
/* banner03 */
.banner03 {
  margin: 90px 14px 0px;
  padding: 30px 23px 37px;
}

.banner03 h3 {
  font-size: 1.9rem;
}

.banner03 .more {
  font-size: 1.3rem;
  margin: 1.1em auto 0;
}

/* banner01 */
.banner01 {
  margin-top: 90px;
  display: block;
}

.banner01 a {
  display: block;
}

.banner01 .spa-banner__img {
  width: 100%;
}

.banner01 .spa-banner__img img {
  width: 100%;
  height: auto;
}

.banner01 .spa-banner__txt {
  width: 100%;
  padding: 38px 28px 35px;
  box-sizing: border-box;
}

.banner01 .spa-banner__txt a {
  margin: 0;
}

.banner01 .spa-banner__txt .wrap {
  width: 100%;
  margin: 0;
}

.banner01 .spa-banner__txt .wrap-heading {
  font-size: 1.7rem;
  margin-bottom: 24px;
  line-height: 1.6;
}

.banner01 .spa-banner__txt .wrap-desc {
  font-size: 1.3rem;
  margin-bottom: 32px;
}

.banner01 .wrap-more__txt {
  font-size: 1.5rem;
  margin-right: 10px;
}

.banner01 .wrap-more__arrow {
  width: 40px;
  height: 40px;
}

.banner01 a:hover .wrap-more__arrow {
  width: 40px;
  height: 40px;
  margin: 0;
}

.banner01 .wrap-more__arrow::after {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -5px;
}

/* banner02 */
.banner02 {
  width: 100%;
  padding: 56px 28px 52px;
  box-sizing: border-box;
  margin-top: 90px;
}

.banner02 .wrap-heading {
  font-size: 2.4rem;
  text-align: left;
}

.banner02 .wrap-desc {
  text-align: left;
  margin-top: 24px;
  margin-bottom: 32px;
}

.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

.banner02 .wrap-more {
  justify-content: flex-start;
}

.banner02 .wrap-more__txt {
  font-size: 1.5rem;
  margin-right: 10px;
}

.banner02 .wrap-more__arrow {
  width: 40px;
  height: 40px;
}

.banner02 a:hover .wrap-more__arrow {
  width: 40px;
  height: 40px;
  margin: 0;
}

.banner02 .wrap-more__arrow::after {
  width: 6px;
  height: 6px;
  margin-top: -3px;
  margin-left: -5px;
}

/******************************************
  【固定】ご予約はこちら
******************************************/
.spa-booking.spa-booking-sp {
  display: block;
}

.spa-booking {
  height: 147px;
  font-size: 1.3rem;
  right: 6px;
  bottom: 6px;
}

.spa-booking.spa-booking-pc {
  display: none;
}