@charset "UTF-8";
.First_estee_lauder .FE__loyalty {
  position: relative;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty {
    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) {
  .First_estee_lauder .FE__loyalty {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty .loyalty__inner {
  text-align: center;
}
.First_estee_lauder .FE__loyalty .loyalty__link {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty .loyalty__link {
    gap: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty .loyalty__link {
    gap: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty .loyalty__button {
    width: calc(clamp(0px, 11.3469985359vw, 155px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty .loyalty__button {
    width: calc(clamp(0px, 38vw, 38vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty .loyalty__button__white {
  background-color: #fff;
  color: #040a2b;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top {
    margin-top: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__inner {
  position: absolute;
  inset: 0;
  display: grid;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__inner {
    place-content: center;
    justify-content: flex-start;
    padding-left: calc(clamp(0px, 8.78477306vw, 120px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__inner {
    place-content: flex-start;
    justify-content: center;
    padding-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__title {
    font-size: calc(clamp(0px, 1.9765739385vw, 27px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__title {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__text {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__text {
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__text {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__link {
    margin-top: calc(clamp(0px, 1.8301610542vw, 25px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-top .loyalty-top__link {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom {
    display: flex;
    flex-direction: row-reverse;
    margin-block: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom {
    margin-block: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__image {
    flex-shrink: 0;
    width: calc(clamp(0px, 40.2635431918vw, 550px) * 1);
  }
}
.First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__inner {
  width: 100%;
  display: grid;
  place-content: center;
  background-color: #b0d1db;
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__inner {
    padding-block: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__title {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__title {
    font-size: calc(clamp(0px, 2.635431918vw, 36px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__title {
    letter-spacing: -0.025em;
    font-size: calc(clamp(0px, 7.2vw, 7.2vw) * 1);
  }
}
.First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__subtitle {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__subtitle {
    font-size: calc(clamp(0px, 1.756954612vw, 24px) * 1);
    margin-top: calc(clamp(0px, 1.2811127379vw, 17.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__subtitle {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
    font-size: calc(clamp(0px, 5.0666666667vw, 5.0666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__link {
    margin-top: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__loyalty.FE__loyalty-bottom .loyalty-bottom__link {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}