.section_ebc_serum {
  font-feature-settings: "palt";
  letter-spacing: 0.01em;
  color: #1a1a1a;
  background: #fafafa;
}
.section_ebc_serum h2, .section_ebc_serum p {
  margin: 0;
}
.section_ebc_serum .fs80p {
  font-size: 80%;
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .sp {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    padding: calc(clamp(0px, 3.28125vw, 63px) * 1) calc(clamp(0px, 3.8541666667vw, 74px) * 1) calc(clamp(0px, 4.1666666667vw, 80px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum {
    padding: calc(clamp(0px, 8.4vw, 85.932px) * 1) 0 calc(clamp(0px, 10.6666666667vw, 109.12px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_img {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_img {
    width: 100%;
    padding-left: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    padding-right: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
  .section_ebc_serum .section_img img {
    width: 100%;
    display: block;
  }
}
.section_ebc_serum .section_title {
  font-weight: 700;
  width: 100%;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_title {
    margin-bottom: calc(clamp(0px, 1.5625vw, 30px) * 1);
    font-size: calc(clamp(0px, 2.7083333333vw, 52px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_title {
    margin-top: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    margin-bottom: calc(clamp(0px, 2.4vw, 24.552px) * 1);
    letter-spacing: -0.01em;
    font-size: calc(clamp(0px, 6.9333333333vw, 70.928px) * 1);
    line-height: 1.5;
  }
}
.section_ebc_serum .section_title span {
  font-family: Helvetica !important;
}
.section_ebc_serum .section_title .new {
  border-top: 1px solid #1a1a1a;
  border-bottom: 1px solid #1a1a1a;
  display: inline-block;
  font-family: Helvetica !important;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_title .new {
    border-width: calc(clamp(0px, 0.1041666667vw, 2px) * 1);
    font-size: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    padding: calc(clamp(0px, 0.3125vw, 6px) * 1) calc(clamp(0px, 0.1041666667vw, 2px) * 1);
    margin-right: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_title .new {
    margin-top: calc(clamp(0px, 1.4666666667vw, 15.004px) * 1);
    border-width: calc(clamp(0px, 0.2666666667vw, 2.728px) * 1);
    height: calc(clamp(0px, 6.2666666667vw, 64.108px) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
    vertical-align: top;
    padding: calc(clamp(0px, 0.5333333333vw, 5.456px) * 1) calc(clamp(0px, 0.2666666667vw, 2.728px) * 1);
    margin-right: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    line-height: 1.2037037037;
  }
}
.section_ebc_serum .section_lead {
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_lead {
    font-size: calc(clamp(0px, 1.6666666667vw, 32px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_lead {
    font-size: calc(clamp(0px, 4.5333333333vw, 46.376px) * 1);
    line-height: 1.5;
    margin-bottom: calc(clamp(0px, 4.9333333333vw, 50.468px) * 1);
  }
}
.section_ebc_serum .section_contents {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_contents {
    background-image: url(/media/export/cms2.0/lp/house-of-brightening/250619/img/ebc_serum.jpg);
    background-repeat: no-repeat;
    background-size: 100%;
    width: calc(clamp(0px, 81.25vw, 1560px) * 1);
    height: calc(clamp(0px, 29.7395833333vw, 571px) * 1);
    display: flex;
    align-items: center;
    padding-left: calc(clamp(0px, 41.4583333333vw, 796px) * 1);
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_contents .section_contents_wrap {
    width: 100%;
  }
}
.section_ebc_serum .section_contents .section_contents_subtitle {
  font-weight: 700;
  font-size: calc(clamp(0px, 2.1875vw, 42px) * 1);
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_contents .section_contents_subtitle {
    margin-bottom: calc(clamp(0px, 0.9375vw, 18px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents .section_contents_subtitle {
    font-size: calc(clamp(0px, 5.6vw, 57.288px) * 1);
    line-height: 1.5;
    margin-top: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
    margin-bottom: calc(clamp(0px, 2.1333333333vw, 21.824px) * 1);
  }
}
.section_ebc_serum .section_contents .section_contents_item {
  font-weight: 700;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_contents .section_contents_item {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: 1.7;
    margin-top: calc(clamp(0px, 1.40625vw, 27px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents .section_contents_item {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.7;
    margin-top: calc(clamp(0px, 2.8vw, 28.644px) * 1);
  }
}
.section_ebc_serum .section_contents .section_contents_price {
  font-weight: 700;
  font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
  line-height: 1.7;
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents .section_contents_price {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.7;
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents_inner {
    padding: 0 calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents_detail {
    padding-top: calc(clamp(0px, 3.3333333333vw, 34.1px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_contents_detail p {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: 1.7;
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents_detail p {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .section_contents_detail p:not(:first-child) {
    margin-top: 0.7em;
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .section_contents_detail p:not(:first-child) {
    margin-top: 0.4em;
  }
}
.section_ebc_serum .review {
  display: none;
}
.section_ebc_serum .cta {
  margin-top: calc(clamp(0px, 1.5625vw, 30px) * 1);
  color: #fff;
  background-color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.section_ebc_serum .cta > div {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .cta {
    width: calc(clamp(0px, 11.4583333333vw, 220px) * 1);
    height: calc(clamp(0px, 2.34375vw, 45px) * 1);
  }
  .section_ebc_serum .cta:hover {
    background-color: #262626;
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .cta {
    width: 100%;
    font-size: calc(clamp(0px, 4.5333333333vw, 46.376px) * 1);
    margin-top: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    height: calc(clamp(0px, 12vw, 122.76px) * 1);
  }
}
.section_ebc_serum .cta a {
  color: #fff;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .section_ebc_serum .cta a {
    font-size: calc(clamp(0px, 0.8854166667vw, 17px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .section_ebc_serum .cta a {
    font-size: calc(clamp(0px, 4.5333333333vw, 46.376px) * 1);
    letter-spacing: 0.1em;
  }
}