@charset "UTF-8";
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular {
    background: linear-gradient(0deg, rgba(221, 239, 253, 0.4) 0%, rgba(253, 236, 220, 0.4) 50%, rgba(255, 255, 255, 0.4) 100%);
    padding-block: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular {
    background: linear-gradient(0deg, rgb(221, 239, 253) 0%, rgb(253, 236, 220) 60%, rgb(255, 255, 255) 80%);
    padding-block: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular .popular__panel__list {
    width: calc(clamp(0px, 65.8857979502vw, 900px) * 1);
    margin-inline: auto;
    margin-top: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular .popular__panel__list {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular .popular__panel__item {
    display: flex;
    align-items: center;
    gap: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular .popular__panel__item:not(:first-child) {
    margin-top: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular .popular__panel__item:not(:first-child) {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__popular .popular__panel__item:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular .popular__panel__image {
    width: calc(clamp(0px, 31.4787701318vw, 430px) * 1);
    flex-shrink: 0;
  }
}
.First_estee_lauder .FE__popular .popular__panel__column {
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular .popular__panel__column {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__popular .popular__panel__title {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular .popular__panel__title {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular .popular__panel__title {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__popular .popular__panel__text {
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__popular .popular__panel__text {
    margin-top: calc(clamp(0px, 1.317715959vw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular .popular__panel__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__popular .popular__panel__link {
    margin-top: calc(clamp(0px, 1.3909224012vw, 19px) * 1);
    width: calc(clamp(0px, 11.3469985359vw, 155px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__popular .popular__panel__link {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}