@charset "UTF-8";
/* ----------------------------------------
	スライダーの設定
 ---------------------------------------- */
#node-567659 {
  margin-inline: auto;
  /* 矢印 */
}
#node-567659 .slick-slider {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  #node-567659 .slick-slider {
    width: calc(100% + clamp(0px, 0.625vw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .slick-slider {
    width: calc(100% + clamp(0px, 2.6666666667vw, 27.28px) * 1);
    margin: 0 0 0 calc(clamp(0px, 2.6666666667vw, 27.28px) * -1);
  }
}
#node-567659 .editorial-grid-formatter {
  margin-inline: auto;
  min-height: auto;
  padding-right: 0;
}
@media screen and (min-width: 1024px) {
  #node-567659 .editorial-grid-formatter {
    padding-left: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .editorial-grid-formatter {
    padding-left: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
#node-567659 .editorial-grid-formatter__item > div {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  #node-567659 .editorial-grid-formatter__item > div {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  #node-567659 .slick-list {
    padding-right: calc(clamp(0px, 3.75vw, 72px) * 1);
    margin: 0 calc(clamp(0px, 3.75vw, 72px) * -1) 0 calc(clamp(0px, 0.625vw, 12px) * -1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .slick-list {
    padding: 0 calc(clamp(0px, 12vw, 122.76px) * 1) 0 0;
    margin-right: calc(clamp(0px, 12vw, 122.76px) * -1);
  }
}
#node-567659 .slick-track > .slick-slide {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  #node-567659 .slick-track > .slick-slide {
    padding: 0 calc(clamp(0px, 0.625vw, 12px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .slick-track > .slick-slide {
    padding: 0 calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567659 .editorial-grid-formatter__carousel-controls {
    top: 40%;
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .editorial-grid-formatter__carousel-controls {
    top: 30%;
  }
}
#node-567659 .editorial-grid-formatter-carousel-arrow {
  padding: 0;
}
@media screen and (max-width: 1023px) {
  #node-567659 .editorial-grid-formatter-carousel-arrow {
    width: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    height: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
#node-567659 .editorial-grid-formatter-carousel-arrow svg {
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  #node-567659 .editorial-grid-formatter-carousel-arrow.previous {
    left: 0;
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .editorial-grid-formatter-carousel-arrow.previous {
    left: calc(clamp(0px, 4vw, 40.92px) * -1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567659 .editorial-grid-formatter-carousel-arrow.next {
    right: calc(clamp(0px, 4.375vw, 84px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567659 .editorial-grid-formatter-carousel-arrow.next {
    right: calc(clamp(0px, 1.6vw, 16.368px) * 1);
  }
}

@media screen and (min-width: 1024px) {
  .lp-makeup .makeup__content__top {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-makeup .makeup__content__top {
    padding-top: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-makeup .makeup__inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: calc(clamp(0px, 4.53125vw, 87px) * 1);
    height: calc(clamp(0px, 22.1875vw, 426px) * 1);
    background: url(/media/export/cms2.0/lp/services-digital-awareness/260703/img/makeup__bg.png) no-repeat top/cover;
  }
}
@media screen and (max-width: 1023px) {
  .lp-makeup .makeup__inner {
    padding-top: calc(clamp(0px, 6.4vw, 65.472px) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    height: calc(clamp(0px, 117.3333333333vw, 1200.32px) * 1);
    background: url(/media/export/cms2.0/lp/services-digital-awareness/260703/img/makeup__bg.sp.png) no-repeat top/cover;
  }
}
.lp-makeup .makeup__content__bottom {
  border-bottom: 1px solid #E6E6E6;
}
@media screen and (min-width: 1024px) {
  .lp-makeup .makeup__content__bottom {
    padding-bottom: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-makeup .makeup__content__bottom {
    padding-bottom: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}