.lp-serum hr {
  border: 1px solid #bbbaba;
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  .lp-serum {
    padding-top: calc(clamp(0px, 7.2265625vw, 128.34375px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum {
    padding-top: calc(clamp(0px, 13.1022222222vw, 93.0257777774px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .title-cont {
    width: 110%;
    margin-left: -5%;
    font-size: calc(clamp(0px, 4.6453333333vw, 32.9818666665px) * 1);
    line-height: 1.4615384615;
    margin-bottom: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
  }
}
.lp-serum .lead {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-serum .lead {
    margin-top: 1.7em;
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .lead {
    margin-top: 0.8em;
  }
}
.lp-serum .serum-sub {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub {
    margin-top: calc(clamp(0px, 2.6497395833vw, 47.059375px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub {
    margin-top: calc(clamp(0px, 3.216vw, 22.8335999999px) * 1);
  }
}
.lp-serum .serum-sub .detail {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail {
    padding: 0 calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
  }
}
.lp-serum .serum-sub .detail-main {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .detail-main {
    padding-top: calc(clamp(0px, 8.9127604167vw, 158.290625px) * 1);
    padding-right: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail-main {
    padding-top: calc(clamp(0px, 83.3777777775vw, 591.98222222px) * 1);
  }
}
.lp-serum .serum-sub .title-cont {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .title-cont {
    margin-bottom: calc(clamp(0px, 0.2408854167vw, 4.278125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .title-cont {
    width: 100%;
    margin: 0;
    font-size: calc(clamp(0px, 5.36vw, 38.0559999999px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.0248888889vw, 14.3767111111px) * 1);
  }
}
.lp-serum .serum-sub .lead {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .lead {
    margin-top: 0;
    font-size: calc(clamp(0px, 1.5416666667vw, 27.38px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .lead {
    margin-top: calc(clamp(0px, 1.1911111111vw, 8.4568888889px) * 1);
    font-size: calc(clamp(0px, 4.288vw, 30.4447999999px) * 1);
    line-height: 1.0833333333;
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .tag-list {
    width: calc(clamp(0px, 31.3151041667vw, 556.15625px) * 1);
    margin-top: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
    margin-bottom: calc(clamp(0px, 0.9635416667vw, 17.1125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .tag-list {
    margin-top: calc(clamp(0px, 4.1688888889vw, 29.599111111px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .list-color {
    margin-top: calc(clamp(0px, 1.58984375vw, 28.235625px) * 1);
    margin-bottom: calc(clamp(0px, 0.3372395833vw, 5.989375px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .list-color {
    margin-top: calc(clamp(0px, 4.5262222222vw, 32.1361777777px) * 1);
    margin-bottom: calc(clamp(0px, 1.4293333333vw, 10.1482666666px) * 1);
  }
}
.lp-serum .serum-sub .detail-sub {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .detail-sub {
    padding: 0 calc(clamp(0px, 8.4309895833vw, 149.734375px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail-sub {
    padding-inline: calc(clamp(0px, 4.7644444444vw, 33.8275555554px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .sub-inner {
    padding-top: calc(clamp(0px, 6.2630208333vw, 111.23125px) * 1);
    height: calc(clamp(0px, 23.3658854167vw, 414.978125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .sub-inner {
    padding-bottom: calc(clamp(0px, 11.9111111111vw, 84.5688888886px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .sub-inner .lead {
    line-height: 1.7;
    font-size: calc(clamp(0px, 1.01171875vw, 17.968125px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .sub-inner .lead {
    font-size: calc(clamp(0px, 3.0968888889vw, 21.987911111px) * 1);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .title-sub {
    font-size: calc(clamp(0px, 1.6861979167vw, 29.946875px) * 1);
    margin-bottom: calc(clamp(0px, 1.1911111111vw, 8.4568888889px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .title-sub {
    font-size: calc(clamp(0px, 4.5262222222vw, 32.1361777777px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.3822222222vw, 16.9137777777px) * 1);
  }
}