.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 + .lead {
    margin-top: 1.7em;
  }
}
@media screen and (max-width: 1023px) {
  .lp-serum .lead + .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-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.59375vw, 165px) * 1);
    padding-right: calc(clamp(0px, 4.1666666667vw, 80px) * 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 (max-width: 1023px) {
  .lp-serum .serum-sub .lead {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.5;
  }
}
@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.1458333333vw, 22px) * 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 {
    display: flex;
    align-items: center;
    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, 8vw, 81.84px) * 1);
  }
}
.lp-serum .serum-sub .sub-inner .lead {
  line-height: 1.5;
}
@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);
  }
}