@charset "UTF-8";
@media screen and (min-width: 768px) {
  #node-488353 {
    margin-top: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
    width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  #node-488353 {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
#node-488353 .slick-slider {
  padding-bottom: 0;
  margin-bottom: 0;
}
#node-488353 .slick-dots {
  display: none !important;
}
#node-488353 .slick-arrow {
  background-image: url(/media/export/cms_2.0/LP/First_estee_lauder/20260917/banner__arrow.png);
  background-size: 100%;
}
@media screen and (min-width: 768px) {
  #node-488353 .slick-arrow {
    top: calc(clamp(0px, 11.7130307467vw, 160px) * 1);
  }
}
@media screen and (max-width: 767px) {
  #node-488353 .slick-arrow {
    top: calc(clamp(0px, 66vw, 66vw) * 1);
  }
}
#node-488353 .slick-prev {
  left: 0;
  transform: rotate(180deg);
}
#node-488353 .slick-next {
  right: 0;
  transform: initial;
}

.First_estee_lauder .FE__banner {
  position: relative;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner {
    max-width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner {
    max-width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__banner .banner__inner {
  position: absolute;
  inset: 0;
  display: inline-flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner .banner__inner {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner .banner__inner {
    align-items: center;
    padding-block: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-inline: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.First_estee_lauder .FE__banner .banner__title {
  color: #a7834f;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner .banner__title {
    line-height: 1.3;
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    padding-bottom: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
    border-bottom: 2px solid #a7834f;
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner .banner__title {
    width: 100%;
    line-height: 1.35;
    text-align: center;
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    padding-bottom: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    border-bottom: 1px solid #a7834f;
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner .banner__text {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner .banner__text {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    line-height: 1.57;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner .banner__link {
    width: calc(clamp(0px, 10.980966325vw, 150px) * 1);
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner .banner__link {
    width: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
    margin-top: calc(clamp(0px, 3.3333333333vw, 3.3333333333vw) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner .banner__link a {
    padding-block: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
.First_estee_lauder .FE__banner .banner__note {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner .banner__note {
    margin-top: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
    font-size: calc(clamp(0px, 0.8052708638vw, 11px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner .banner__note {
    margin-top: auto;
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    letter-spacing: -0.02em;
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner.FE__banner__ANR .banner__inner {
    padding-top: calc(clamp(0px, 8.4187408492vw, 115px) * 1);
    padding-left: calc(clamp(0px, 24.5241581259vw, 335px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner.FE__banner__ANR .banner__inner {
    padding-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__banner.FE__banner__ANR .banner__title {
  border-bottom: initial;
  padding-bottom: initial;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner.FE__banner__ANR .banner__title {
    width: calc(clamp(0px, 35.505124451vw, 485px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner.FE__banner__ANR .banner__title {
    width: calc(clamp(0px, 49.3333333333vw, 49.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__banner.FE__banner__ANR .banner__text,
.First_estee_lauder .FE__banner.FE__banner__ANR .banner__note {
  color: #fff;
}
.First_estee_lauder .FE__banner.FE__banner__ANR .banner__ANR__button {
  color: #040a2b;
  background: linear-gradient(90deg, #aa8655, #d3ad72, #aa8656);
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner.FE__banner__DW .banner__inner {
    padding-top: calc(clamp(0px, 3.2942898975vw, 45px) * 1);
    padding-left: calc(clamp(0px, 21.9619326501vw, 300px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner.FE__banner__DW .banner__title {
    padding-right: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__banner.FE__banner__aquacharge .banner__inner {
    padding-top: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
    padding-left: calc(clamp(0px, 34.3704245974vw, 469.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__banner.FE__banner__aquacharge .banner__inner .banner__text {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}