@charset "UTF-8";
.advanced-night-repair-lotion__section.repair-ritual {
  width: 100%;
  background-color: #24469a;
  background-image: url("/media/export/cms_2.0/LP/advanced-night-repair-lotion/260821/repair-ritual__background-image.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section.repair-ritual {
    height: calc(clamp(0px, 74.1581259151vw, 1013px) * 1);
    padding-top: calc(clamp(0px, 6.2225475842vw, 85px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section.repair-ritual {
    height: calc(clamp(0px, 323.7333333333vw, 323.7333333333vw) * 1);
    padding: calc(clamp(0px, 11.4666666667vw, 11.4666666667vw) * 1) calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1) calc(clamp(0px, 13.8666666667vw, 13.8666666667vw) * 1);
    background-image: url("/media/export/cms_2.0/LP/advanced-night-repair-lotion/260821/repair-ritual__background-image.sp.jpg");
  }
}

.advanced-night-repair-lotion__section .repair-ritual__inner {
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

.advanced-night-repair-lotion__section .repair-ritual__heading {
  letter-spacing: -0.025em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__heading {
    margin-bottom: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__heading {
    margin-bottom: calc(clamp(0px, 2.4vw, 2.4vw) * 1);
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    line-height: 1.6;
  }
}

.advanced-night-repair-lotion__section .repair-ritual__lead {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__lead {
    margin-bottom: calc(clamp(0px, 3.074670571vw, 42px) * 1);
    font-size: calc(clamp(0px, 1.9765739385vw, 27px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__lead {
    margin-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 5.2vw, 5.2vw) * 1);
    line-height: 1.4;
  }
}

.advanced-night-repair-lotion__section .repair-ritual__step-list {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-list {
    gap: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-list {
    flex-direction: column;
    gap: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}

.advanced-night-repair-lotion__section .repair-ritual__step-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 2px solid #d8b66b;
  background: linear-gradient(135deg, rgba(69, 99, 181, 0.52), rgba(0, 21, 99, 0.62));
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-item {
    width: calc(clamp(0px, 31.1127379209vw, 425px) * 1);
    padding: calc(clamp(0px, 3.7335285505vw, 51px) * 1) calc(clamp(0px, 1.5373352855vw, 21px) * 1) calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-item {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    padding: calc(clamp(0px, 11.4666666667vw, 11.4666666667vw) * 1) calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1) calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}

.advanced-night-repair-lotion__section .repair-ritual__step-number {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #dbb86c;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-number {
    margin-bottom: calc(clamp(0px, 2.4158125915vw, 33px) * 1);
    font-size: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-number {
    margin-bottom: calc(clamp(0px, 4.8vw, 4.8vw) * 1);
    font-size: calc(clamp(0px, 6.4vw, 6.4vw) * 1);
  }
}

.advanced-night-repair-lotion__section .repair-ritual__step-heading {
  font-weight: 400;
  letter-spacing: -0.025em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-heading {
    margin-bottom: calc(clamp(0px, 2.3792093704vw, 32.5px) * 1);
    font-size: calc(clamp(0px, 1.9765739385vw, 27px) * 1);
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__step-heading {
    margin-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    font-size: calc(clamp(0px, 5.2vw, 5.2vw) * 1);
    line-height: 1.45;
  }
}

.advanced-night-repair-lotion__section .repair-ritual__lotion-image,
.advanced-night-repair-lotion__section .repair-ritual__serum-image {
  display: block;
  height: auto;
  margin-inline: auto;
}

@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__lotion-image {
    width: calc(clamp(0px, 4.6486090776vw, 63.5px) * 1);
    margin-bottom: calc(clamp(0px, 2.3060029283vw, 31.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__lotion-image {
    width: calc(clamp(0px, 12.1333333333vw, 12.1333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}

@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__serum-image {
    width: calc(clamp(0px, 5.9297218155vw, 81px) * 1);
    margin-top: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
    margin-bottom: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__serum-image {
    width: calc(clamp(0px, 16.8vw, 16.8vw) * 1);
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}

@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__product-name {
    margin-top: auto;
    margin-bottom: calc(clamp(0px, 1.2811127379vw, 17.5px) * 1);
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.45;
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__product-name {
    margin-top: auto;
    margin-bottom: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
    line-height: 1.55;
  }
}

.advanced-night-repair-lotion__section .repair-ritual__button {
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .advanced-night-repair-lotion__section .repair-ritual__button {
    width: calc(clamp(0px, 10.980966325vw, 150px) * 1);
    height: calc(clamp(0px, 2.8550512445vw, 39px) * 1);
    font-size: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .advanced-night-repair-lotion__section .repair-ritual__button {
    width: calc(clamp(0px, 76vw, 76vw) * 1);
    height: calc(clamp(0px, 11.7333333333vw, 11.7333333333vw) * 1);
    font-size: calc(clamp(0px, 3.6vw, 3.6vw) * 1);
  }
}