@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");

.damask {
  background: url("/campaign/mens_lhr/img/bg-damask.jpg") no-repeat top center;
  background-size: cover;
}
.lp-title {
  background-color: var(--color-blue-04);
  color: #fff;
}

/*--mv--*/
.mv {
  width: 100%;
  background-color: #9c9c92;
}
.mv-yt {
  width: 100%;
  background-color: #9babba;
}
@media screen and (max-width: 770px) {
  .mv,
  .mv-yt {
    background-color: #9babba;
    .container {
      padding-left: 0;
      padding-right: 0;
    }
  }
}
@media screen and (min-width: 769px) {
  .mv,
  .mv-yt {
    background-repeat: no-repeat;
    background-position: top center;
    display: grid;
    align-content: center;
    min-height: 594px;
    .picture {
      img {
        max-width: 520px;
      }
    }
  }
  .mv {
    background-image: url("/campaign/mens2203/img/mv-bg.jpg");
  }
  .mv-yt {
    background-image: url("/campaign/mens_lhr/img/mv-bg.jpg?25091");
  }
}

/*--campaign--*/
.campaign {
  .campaign-lead {
    background-color: var(--color-blue-01);
  }
}
.campaign-price-btn {
  background-color: var(--color-blue-04);
}

/*reserve-予約全般*/
.reserve {
  background-color: var(--color-blue-02);
  .container {
    background-color: #fff;
  }
  .reserve-web {
    color: var(--color-orange);
  }
}
.middle-reserve {
  h2 {
    color: var(--color-orange);
  }
}
.reserve-btn {
  color: #fff;
  background-color: var(--color-orange);
  &::before {
    color: #fff;
  }
}
.reserve-btn-lp {
  background-color: var(--color-gold-01);
  color: #fff;
  &::before {
    color: #fff;
  }
}
.reserve-block-sp-tel {
  background-color: var(--color-gold-02);
  color: #fff;
  &::before {
    color: #fff;
    font-weight: 400;
    font-size: 1.25em;
    padding-right: 0.5em;
  }
}

/*--case--*/
.case {
  .case-item {
    background-color: var(--color-blue-04);
  }
  .case-title {
    background-color: var(--color-blue-04);
  }
}

/*--point--*/
.point {
  background-color: var(--color-gray);
  .point-title {
    color: var(--color-blue-04);
  }
  .point-list {
    .point-list__title {
      background: rgba(var(--color-blue-04-rgb), 0.7);
      color: #fff;
    }
  }
}

/*--promise--*/
.promise-zero-addition {
  background-color: var(--color-blue-04);
}
.promise-zero svg .c {
  fill: var(--color-blue-04);
}
.promise-zero-col {
  background-color: var(--color-blue-03);
}

/*--elite--*/
.elite-title,
.chart-title {
  background-color: var(--color-blue-04);
}
.elite {
  .elite-point_title {
    color: var(--color-blue-04);
    border-color: var(--color-blue-04);
  }
  .elite-point {
    li {
      &::before {
        color: var(--color-blue-04);
      }
    }
  }
  .elite-emphasis {
    color: var(--color-orange);
  }
}

/*--FAQ--*/
.faq {
  background-color: var(--color-blue-03);
  dt {
    color: #fff;
    background-color: var(--color-blue-02);
    &::before {
      color: #fff;
    }
  }
  dd {
    background-color: #fff;
    color: var(--color-blue-04);
    &::before {
      color: var(--color-blue-04);
    }
  }
}

/*--review--*/
.review {
  background-color: var(--color-gray);
  .review-attr {
    background-color: var(--color-blue-05);
  }
  .review-rate {
    border-bottom: solid 1px var(--color-blue-05);
  }
  .rate-star {
    color: var(--color-gold-01);
  }
}