@charset "UTF-8";
/* =========================================================
	 Global Elements / Utilities
  ========================================================= */
.ANR_keyvisual {
  max-width: 1366px;
  margin: 0 auto;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  color: #040a2b;
  background-color: #010624;
  /* =========================================================
        各要素のレイアウト配置設定
     ========================================================= */
}
.ANR_keyvisual .bg-mv {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .bg-mv {
    height: calc(clamp(0px, 40.9956076135vw, 560px) * 1);
    background-image: url(/media/export/cms_2.0/LP/advanced-night-repair/20260601/keyvisual_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 0;
  }
}
.ANR_keyvisual .text_mv_bottom {
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .text_mv_bottom {
    position: absolute;
    bottom: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
    z-index: 2;
    font-size: calc(clamp(0px, 2.0497803807vw, 28px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .text_mv_bottom {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    /* PCの画像下部配置を再現するためのネガティブマージン */
  }
}
.ANR_keyvisual .pageNav {
  display: flex;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .pageNav {
    padding-top: calc(clamp(0px, 4.9414348463vw, 67.5px) * 1);
    flex-flow: row wrap;
    justify-content: center;
    justify-items: center;
    align-items: center;
    -moz-column-gap: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    column-gap: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
    row-gap: calc(clamp(0px, 2.7452415813vw, 37.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .pageNav {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.ANR_keyvisual .pageNav .pageNav__item {
  background-color: #e6dcd3;
  position: relative;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .pageNav .pageNav__item {
    width: calc(clamp(0px, 17.9355783309vw, 245px) * 1);
    height: calc(clamp(0px, 4.6120058565vw, 63px) * 1);
    background-repeat: no-repeat;
    background-position: top 54% right 4.1%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .pageNav .pageNav__item {
    width: calc(clamp(0px, 43.3333333333vw, 43.3333333333vw) * 1);
    height: calc(clamp(0px, 14.6666666667vw, 14.6666666667vw) * 1);
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.ANR_keyvisual .pageNav .pageNav__item a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .pageNav .pageNav__item a {
    letter-spacing: -0.03em;
    font-feature-settings: "palt" 1;
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .pageNav .pageNav__item a {
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .ANR_keyvisual .pageNav .pageNav__item a {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .pageNav .pageNav__item a.ico--triangle::after {
    right: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
.ANR_keyvisual .page__title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .page__title {
    padding-top: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .page__title {
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
.ANR_keyvisual .page__title-text {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .page__title-text {
    font-size: calc(clamp(0px, 2.3426061493vw, 32px) * 1);
    line-height: 1.484375;
    margin-top: calc(clamp(0px, 1.2445095168vw, 17px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .page__title-text {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.6;
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .page__title-logo {
    width: calc(clamp(0px, 18.6310395315vw, 254.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .page__title-logo {
    width: calc(clamp(0px, 54.2666666667vw, 54.2666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .ANR_new_price {
    grid-row: 3;
    grid-column: 1;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .special-set {
    background-color: unset;
    grid-row: 3;
    grid-column: 1;
    z-index: 2;
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .special-set {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-top: 0;
    padding-bottom: 0;
  }
}
.ANR_keyvisual .mv__inner {
  color: #fff;
  text-align: center;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .mv__inner {
    z-index: 2;
    justify-self: end;
    width: 72%;
    margin-left: auto;
    padding-top: calc(clamp(0px, 16.2518301611vw, 222px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .mv__inner {
    padding-top: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.ANR_keyvisual .mv__inner .textWrap__title {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  letter-spacing: 0.03em;
  line-height: 1.3;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .mv__inner .textWrap__title {
    font-size: calc(clamp(0px, 2.7818448023vw, 38px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .mv__inner .textWrap__title {
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
    line-height: 1.3;
  }
}
.ANR_keyvisual .mv__inner .textWrap__lead {
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .mv__inner .textWrap__lead {
    line-height: 1.6;
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    margin-top: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .mv__inner .textWrap__lead {
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
    line-height: 1.4210526316;
    margin-top: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .ANR_keyvisual .mv__inner .textWrap__lead {
    font-size: 19px;
  }
}
.ANR_keyvisual .mv__inner .textWrap__sub {
  letter-spacing: -0.025em;
  font-family: "游明朝", "arial important", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif, sans-serif, Tahoma;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .mv__inner .textWrap__sub {
    font-size: calc(clamp(0px, 1.6837481698vw, 23px) * 1);
    margin-top: calc(clamp(0px, 0.9150805271vw, 12.5px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .mv__inner .textWrap__sub {
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) and (max-width: 400px) {
  .ANR_keyvisual .mv__inner .textWrap__sub {
    font-size: 17px;
  }
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .mv__inner .textWrap__sub--note {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .mv__inner .textWrap__sub--note {
    margin-top: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    line-height: 1;
  }
}
.ANR_keyvisual .textWrap__label {
  display: flex;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .textWrap__label {
    gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    justify-content: center;
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1;
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .textWrap__label {
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    justify-content: space-between;
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    width: calc(clamp(0px, 77.3333333333vw, 77.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    line-height: 1;
    letter-spacing: 0;
  }
}
.ANR_keyvisual .textWrap__label span {
  border: 1px solid #ffffff;
}
@media screen and (min-width: 768px) {
  .ANR_keyvisual .textWrap__label span {
    padding: calc(clamp(0px, 0.5490483163vw, 7.5px) * 1) calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .ANR_keyvisual .textWrap__label span {
    padding: calc(clamp(0px, 2vw, 2vw) * 1) 0;
  }
  .ANR_keyvisual .textWrap__label span:nth-child(1) {
    width: 100%;
  }
  .ANR_keyvisual .textWrap__label span:nth-child(2) {
    width: calc(75.8620689655% - 2px);
  }
  .ANR_keyvisual .textWrap__label span:nth-child(3) {
    width: calc(20.6896551724% - 2px);
  }
}