.lp-serum hr {
  border: 1px solid #bbbaba;
  border-bottom: none;
}
@media screen and (min-width: 1024px) {
  .lp-serum {
    padding-top: calc(clamp(0px, 7.8125vw, 150px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum {
    padding-top: calc(clamp(0px, 14.6666666667vw, 150.04px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .title-cont {
    width: 110%;
    margin-left: -5%;
    font-size: calc(clamp(0px, 5.2vw, 53.196px) * 1);
    line-height: 1.4615384615;
    margin-bottom: calc(clamp(0px, 5.3333333333vw, 54.56px) * 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.8645833333vw, 55px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub {
    margin-top: calc(clamp(0px, 3.6vw, 36.828px) * 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, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-serum .serum-sub .detail-balloon {
  position: absolute;
  font-weight: bold;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .detail-balloon {
    top: calc(clamp(0px, 4.9479166667vw, 95px) * 1);
    left: calc(clamp(0px, 34.1145833333vw, 655px) * 1);
    font-size: calc(clamp(0px, 1.3541666667vw, 26px) * 1);
    line-height: 1.35;
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail-balloon {
    top: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1);
    right: calc(clamp(0px, 12.2666666667vw, 125.488px) * 1);
    font-size: calc(clamp(0px, 3.2vw, 32.736px) * 1);
    line-height: 1.3;
  }
}
.lp-serum .serum-sub .detail-balloon .dots {
  -webkit-text-emphasis: filled;
  text-emphasis: filled;
}
.lp-serum .serum-sub .detail-note {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .detail-note {
    top: calc(clamp(0px, 12.9166666667vw, 248px) * 1);
    left: calc(clamp(0px, 33.9583333333vw, 652px) * 1);
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail-note {
    top: calc(clamp(0px, 28.8vw, 294.624px) * 1);
    right: calc(clamp(0px, 8.8vw, 90.024px) * 1);
    font-size: calc(clamp(0px, 2.4vw, 24.552px) * 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, 9.6354166667vw, 185px) * 1);
    padding-right: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail-main {
    padding-top: calc(clamp(0px, 93.3333333333vw, 954.8px) * 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.2604166667vw, 5px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .title-cont {
    width: 100%;
    margin: 0;
    font-size: calc(clamp(0px, 6vw, 61.38px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.2666666667vw, 23.188px) * 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.6666666667vw, 32px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .lead {
    margin-top: calc(clamp(0px, 1.3333333333vw, 13.64px) * 1);
    font-size: calc(clamp(0px, 4.8vw, 49.104px) * 1);
    line-height: 1.0833333333;
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .tag-list {
    width: calc(clamp(0px, 33.8541666667vw, 650px) * 1);
    margin-top: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
    margin-bottom: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .tag-list {
    margin-top: calc(clamp(0px, 4.6666666667vw, 47.74px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .list-color {
    margin-top: calc(clamp(0px, 1.71875vw, 33px) * 1);
    margin-bottom: calc(clamp(0px, 0.3645833333vw, 7px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .list-color {
    margin-top: calc(clamp(0px, 5.0666666667vw, 51.832px) * 1);
    margin-bottom: calc(clamp(0px, 1.6vw, 16.368px) * 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, 9.1145833333vw, 175px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .detail-sub {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .sub-inner {
    padding-top: calc(clamp(0px, 6.7708333333vw, 130px) * 1);
    height: calc(clamp(0px, 25.2604166667vw, 485px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .sub-inner {
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 136.4px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .sub-inner .lead {
    line-height: 1.7;
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .sub-inner .lead {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .lp-serum .serum-sub .title-sub {
    font-size: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    margin-bottom: calc(clamp(0px, 1.3333333333vw, 13.64px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .serum-sub .title-sub {
    font-size: calc(clamp(0px, 5.0666666667vw, 51.832px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
  }
}