@charset "UTF-8";
@media screen and (min-width: 768px) {
  #node-488349 .content-formatter,
  #node-488359 .content-formatter {
    max-width: calc(clamp(0px, 80.5270863836vw, 1100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  #node-488349 .content-formatter,
  #node-488359 .content-formatter {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
#node-488349 .content-formatter .slick-slider,
#node-488359 .content-formatter .slick-slider {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  #node-488349 .content-formatter .slick-slider,
  #node-488359 .content-formatter .slick-slider {
    padding-inline: calc(clamp(0px, 4.0263543192vw, 55px) * 1);
    margin-bottom: 0;
  }
}
#node-488349 .content-formatter .slick-track,
#node-488359 .content-formatter .slick-track {
  display: flex;
}
#node-488349 .content-formatter .slick-slide,
#node-488359 .content-formatter .slick-slide {
  height: auto;
}
#node-488349 .content-formatter .slick-slide > div, #node-488349 .content-formatter .slick-slide .content-formatter__rendered-item, #node-488349 .content-formatter .slick-slide .basic-textarea-v1, #node-488349 .content-formatter .slick-slide .First_estee_lauder,
#node-488359 .content-formatter .slick-slide > div,
#node-488359 .content-formatter .slick-slide .content-formatter__rendered-item,
#node-488359 .content-formatter .slick-slide .basic-textarea-v1,
#node-488359 .content-formatter .slick-slide .First_estee_lauder {
  height: 100%;
}
#node-488349 .content-formatter .slick-dots,
#node-488359 .content-formatter .slick-dots {
  display: none !important;
}
@media screen and (min-width: 768px) {
  #node-488349 .content-formatter .slick-arrow,
  #node-488359 .content-formatter .slick-arrow {
    top: calc(clamp(0px, 11.8960468521vw, 162.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  #node-488349 .content-formatter .slick-arrow,
  #node-488359 .content-formatter .slick-arrow {
    top: calc(clamp(0px, 28.6666666667vw, 28.6666666667vw) * 1);
  }
}
#node-488349 .content-formatter .slick-prev,
#node-488359 .content-formatter .slick-prev {
  left: 0;
  transform: initial;
}
#node-488349 .content-formatter .slick-next,
#node-488359 .content-formatter .slick-next {
  right: 0;
  transform: rotate(180deg);
}

.First_estee_lauder .FE__recommend {
  height: 100%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__title {
    padding-top: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__title {
    padding-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__subtitle {
    margin-top: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
    margin-bottom: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__subtitle {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide {
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__inner {
    padding-inline: calc(clamp(0px, 0.5490483163vw, 7.5px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__inner {
    padding-inline: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__head {
  text-align: center;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__head {
    height: calc(clamp(0px, 5.4904831625vw, 75px) * 1);
    margin-bottom: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__head {
    height: calc(clamp(0px, 14.2666666667vw, 14.2666666667vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__step {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__step {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__step {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__category {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__category {
    margin-top: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
    font-size: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__category {
    margin-top: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__column {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__column {
    margin-block: calc(clamp(0px, 1.0980966325vw, 15px) * 1) calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__column {
    margin-block: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__title {
  line-height: 1.5;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__title {
    font-size: calc(clamp(0px, 1.1713030747vw, 16px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__title {
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__text {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__text {
    margin-top: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    font-size: calc(clamp(0px, 1.0248901903vw, 14px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__text {
    letter-spacing: -0.05em;
    margin-top: calc(clamp(0px, 2vw, 2vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__link {
  margin-top: auto;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__link {
    width: calc(clamp(0px, 11.3469985359vw, 155px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend .recommend__slide__link {
    width: calc(clamp(0px, 42.6666666667vw, 42.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__recommend .recommend__slide__note {
  text-align: center;
  line-height: 1.6;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend .recommend__slide__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__recommend .recommend__slide__note {
    margin-top: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
    font-size: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__recommend.FE__skincare .skincare__step01 {
  background-color: #d5daec;
  width: 200%;
}
.First_estee_lauder .FE__recommend.FE__skincare .skincare__step02 {
  background-color: #bfc4dc;
}
.First_estee_lauder .FE__recommend.FE__skincare .skincare__step03 {
  background-color: #b3b8cf;
}
.First_estee_lauder .FE__recommend.FE__skincare .skincare__step04 {
  background-color: #a2a8c4;
}
.First_estee_lauder .FE__recommend.FE__skincare .skincare__step05 {
  background-color: #737a9d;
  color: #fff;
}
.First_estee_lauder .FE__recommend.FE__skincare .skincare__step06 {
  background-color: #5b638a;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend.FE__makeup .recommend__slide {
    padding-bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .FE__recommend.FE__makeup .recommend__slide {
    padding-bottom: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.First_estee_lauder .FE__recommend.FE__makeup .makeup__step01 {
  background-color: #f5f0e9;
  width: 200%;
}
.First_estee_lauder .FE__recommend.FE__makeup .makeup__step02 {
  background-color: #f4e6d6;
}
.First_estee_lauder .FE__recommend.FE__makeup .makeup__step03 {
  background-color: #f2dec8;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend.FE__makeup .makeup__step03-01 {
    width: 200%;
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .FE__recommend.FE__makeup .makeup__step03-02 {
    background-color: transparent;
  }
}
.First_estee_lauder .FE__recommend.FE__makeup .makeup__step04 {
  background-color: #f0d5bb;
}
.First_estee_lauder .FE__recommend.FE__makeup .makeup__step05 {
  background-color: #ebc49f;
}

.local__recommend__content {
  display: flex;
  margin-inline: auto;
  overflow-x: scroll;
  overflow-y: initial;
}
@media screen and (min-width: 768px) {
  .local__recommend__content {
    width: calc(clamp(0px, 72.4743777452vw, 990px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .local__recommend__content {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .local__recommend__content .FE__recommend {
    width: calc(clamp(0px, 14.7144948755vw, 201px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .local__recommend__content .FE__recommend {
    width: calc(clamp(0px, 44.5333333333vw, 44.5333333333vw) * 1);
  }
}