@charset "UTF-8";
/* ----------------------------------------
	スライダーの設定
 ---------------------------------------- */
#node-552459 {
  margin-inline: auto;
  /* 矢印 */
}
#node-552459 .slick-slider {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  #node-552459 .slick-slider {
    width: 100%;
  }
}
#node-552459 .editorial-grid-formatter {
  margin-inline: auto;
  min-height: auto;
  padding: 0;
}
#node-552459 .editorial-grid-formatter__item > div {
  margin-bottom: 0;
}
#node-552459 .slick-list {
  margin: 0 auto;
}
#node-552459 .slick-track > .slick-slide {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  #node-552459 .slick-track > .slick-slide {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  #node-552459 .editorial-grid-formatter__carousel-controls {
    top: 50%;
  }
}
@media screen and (max-width: 1023px) {
  #node-552459 .editorial-grid-formatter-carousel-arrow {
    padding: 0;
    width: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
    height: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
  }
}
#node-552459 .editorial-grid-formatter-carousel-arrow svg {
  width: 100%;
  height: 100%;
}
/* ----------------------------------------
	コンテンツの設定
 ---------------------------------------- */
@media screen and (min-width: 1024px) {
  .lp-skin-problems .intro {
    padding-top: calc(clamp(0px, 3.8541666667vw, 68.45px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .intro {
    padding-top: calc(clamp(0px, 13.1022222222vw, 93.0257777774px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-skin-problems .title-cont {
    margin-bottom: calc(clamp(0px, 1.6861979167vw, 29.946875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .title-cont {
    margin-bottom: calc(clamp(0px, 4.1688888889vw, 29.599111111px) * 1);
  }
}
.lp-skin-problems .lead {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-skin-problems .lead + .lead {
    margin-top: 1.7em;
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .lead + .lead {
    margin-top: 1em;
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .lead-last {
    margin-bottom: calc(clamp(0px, 6.1937777778vw, 43.9758222221px) * 1);
  }
}
.lp-skin-problems .skin-list {
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1024px) {
  .lp-skin-problems .skin-list {
    width: calc(clamp(0px, 21.0052083333vw, 373.0525px) * 1);
    margin-top: calc(clamp(0px, 2.5052083333vw, 44.4925px) * 1);
    display: flex;
    justify-content: center;
    gap: calc(clamp(0px, 3.8059895833vw, 67.594375px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .skin-list {
    width: calc(clamp(0px, 79.8044444441vw, 566.6115555534px) * 1);
    padding-inline: calc(clamp(0px, 7.1466666666vw, 50.7413333331px) * 1);
  }
}
.lp-skin-problems .skin-list .title {
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid;
  border-radius: 50px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .lp-skin-problems .skin-list .title {
    width: calc(clamp(0px, 21.0052083333vw, 373.0525px) * 1);
    height: calc(clamp(0px, 2.5052083333vw, 44.4925px) * 1);
    font-size: calc(clamp(0px, 1.2526041667vw, 22.24625px) * 1);
    margin-bottom: calc(clamp(0px, 1.30078125vw, 23.101875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .skin-list .title {
    width: calc(clamp(0px, 61.9377777775vw, 439.7582222206px) * 1);
    height: calc(clamp(0px, 7.3848888889vw, 52.4327111109px) * 1);
    font-size: calc(clamp(0px, 3.8115555555vw, 27.0620444443px) * 1);
    margin-bottom: calc(clamp(0px, 3.216vw, 22.8335999999px) * 1);
  }
}
.lp-skin-problems .skin-list .title.title-pink {
  color: #e84478;
  border-color: #e84478;
}
.lp-skin-problems .skin-list .title.title-grey {
  color: #707070;
  border-color: #707070;
}
.lp-skin-problems .skin-list .image {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .lp-skin-problems .skin-list .image {
    width: calc(clamp(0px, 23.6549479167vw, 420.111875px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-skin-problems .skin-list .image {
    width: calc(clamp(0px, 65.5111111109vw, 465.1288888872px) * 1);
  }
}