html {
  scroll-behavior: smooth;
}
.field-content {
  position: relative;
}
.field-content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  pointer-events: none;
  filter: grayscale(0.5);
  z-index: 999;
}

.lp-container {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}

.lp-content {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  color: #1A1A1A;
}
.lp-content html, .lp-content body, .lp-content div, .lp-content span, .lp-content applet, .lp-content object, .lp-content iframe,
.lp-content h1, .lp-content h2, .lp-content h3, .lp-content h4, .lp-content h5, .lp-content h6, .lp-content p, .lp-content blockquote, .lp-content pre,
.lp-content a, .lp-content abbr, .lp-content acronym, .lp-content address, .lp-content big, .lp-content cite, .lp-content code,
.lp-content del, .lp-content dfn, .lp-content em, .lp-content img, .lp-content ins, .lp-content kbd, .lp-content q, .lp-content s, .lp-content samp,
.lp-content small, .lp-content strike, .lp-content strong, .lp-content sub, .lp-content sup, .lp-content tt, .lp-content var,
.lp-content b, .lp-content u, .lp-content i, .lp-content center,
.lp-content dl, .lp-content dt, .lp-content dd, .lp-content ol, .lp-content ul, .lp-content li,
.lp-content fieldset, .lp-content form, .lp-content label, .lp-content legend,
.lp-content table, .lp-content caption, .lp-content tbody, .lp-content tfoot, .lp-content thead, .lp-content tr, .lp-content th, .lp-content td,
.lp-content article, .lp-content aside, .lp-content canvas, .lp-content details, .lp-content embed,
.lp-content figure, .lp-content figcaption, .lp-content footer, .lp-content header, .lp-content hgroup,
.lp-content menu, .lp-content nav, .lp-content output, .lp-content ruby, .lp-content section, .lp-content summary,
.lp-content time, .lp-content mark, .lp-content audio, .lp-content video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.lp-content article, .lp-content aside, .lp-content details, .lp-content figcaption, .lp-content figure,
.lp-content footer, .lp-content header, .lp-content hgroup, .lp-content menu, .lp-content nav, .lp-content section {
  display: block;
}
.lp-content body {
  line-height: 1;
}
.lp-content ol, .lp-content ul {
  list-style: none;
}
.lp-content blockquote, .lp-content q {
  quotes: none;
}
.lp-content blockquote:before, .lp-content blockquote:after,
.lp-content q:before, .lp-content q:after {
  content: "";
  content: none;
}
.lp-content table {
  border-collapse: collapse;
  border-spacing: 0;
}
.lp-content input, .lp-content button, .lp-content textarea, .lp-content select, .lp-content option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
.lp-content input::-ms-clear {
  display: none;
}
.lp-content input::-ms-reveal {
  display: none;
}
@media screen and (min-width: 1024px) {
  .lp-content {
    font-size: calc(clamp(0px, 1.09375vw, 21px) * 1);
    line-height: 1.7 !important;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    line-height: 1.7 !important;
    font-feature-settings: "palt";
  }
}
.lp-content .link-anchor {
  position: absolute;
}
@media screen and (min-width: 1024px) {
  .lp-content .link-anchor#serum {
    margin-top: calc(clamp(0px, 6.7708333333vw, 130px) * -1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .link-anchor#serum {
    margin-top: calc(clamp(0px, 12vw, 122.76px) * -1);
  }
}
.lp-content sup {
  font-size: 65%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.lp-content img {
  display: block;
  width: 100%;
}
.lp-content a {
  color: inherit;
  transition: 0.5s;
}
.lp-content a:hover {
  opacity: 0.8;
  transition: 0.5s;
}
.lp-content hr {
  margin: 0;
  padding: 0;
  border-width: 2px;
  border-color: #e6e6e6;
  border-bottom: none;
}
@media screen and (max-width: 1023px) {
  .lp-content hr {
    border-width: 1px;
  }
}
.lp-content strong {
  font-weight: 700 !important;
}
@media screen and (max-width: 1023px) {
  .lp-content .pc {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content .sp {
    display: none !important;
  }
}
.lp-content .helvetica,
.lp-content .helvetica * {
  font-family: Helvetica, Arial !important;
}
.lp-content .button {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .lp-content .button {
    gap: calc(clamp(0px, 2.0833333333vw, 40px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .button {
    flex-direction: column;
    gap: calc(clamp(0px, 2vw, 20.46px) * 1);
  }
}
.lp-content .button a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #1A1A1A;
  color: #fff;
}
@media screen and (min-width: 1024px) {
  .lp-content .button a {
    width: calc(clamp(0px, 16.6666666667vw, 320px) * 1);
    height: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
    font-size: calc(clamp(0px, 1.0416666667vw, 20px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .button a {
    width: 100%;
    height: calc(clamp(0px, 6vw, 61.38px) * 1);
    font-size: calc(clamp(0px, 2.1333333333vw, 21.824px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content .button a.size-s {
    width: calc(clamp(0px, 12.5vw, 240px) * 1);
    height: calc(clamp(0px, 2.34375vw, 45px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content .button a.size-m {
    width: calc(clamp(0px, 18.0208333333vw, 346px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content .button a.size-l {
    width: calc(clamp(0px, 25.625vw, 492px) * 1);
  }
}
.lp-content .button a.anchor:after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  border-bottom: calc(clamp(0px, 0.1041666667vw, 2px) * 1) solid #fff;
  border-left: calc(clamp(0px, 0.1041666667vw, 2px) * 1) solid #fff;
  transform: rotate(-45deg);
}
@media screen and (min-width: 1024px) {
  .lp-content .button a.anchor:after {
    margin-top: calc(clamp(0px, 0.4166666667vw, 8px) * -1);
    right: calc(clamp(0px, 0.78125vw, 15px) * 1);
    width: calc(clamp(0px, 0.46875vw, 9px) * 1);
    height: calc(clamp(0px, 0.46875vw, 9px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .button a.anchor:after {
    margin-top: calc(clamp(0px, 1.0666666667vw, 10.912px) * -1);
    right: calc(clamp(0px, 2vw, 20.46px) * 1);
    width: calc(clamp(0px, 1.2vw, 12.276px) * 1);
    height: calc(clamp(0px, 1.2vw, 12.276px) * 1);
  }
}
.lp-content .button a.comingsoon {
  color: #1A1A1A;
  background-color: #E0E3E5;
}
.lp-content .button.button-clear a {
  background-color: unset;
  color: inherit;
  border: 1px solid;
}
.lp-content .marker {
  background: linear-gradient(transparent 70%, #C2DEC7 70%);
  display: inline-block;
}
.lp-content .link-underline {
  text-decoration: underline;
}
.lp-content .fs80p {
  font-size: 80%;
}
.lp-content .title-cont {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .lp-content .title-cont {
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .title-cont {
    font-size: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    line-height: 1.5;
  }
}
.lp-content .note {
  color: #999999;
}
@media screen and (min-width: 1024px) {
  .lp-content .note {
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .note {
    font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    line-height: 1.5;
  }
}
.lp-content .tag-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .lp-content .tag-list {
    -moz-column-gap: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
    column-gap: calc(clamp(0px, 0.4166666667vw, 8px) * 1);
    row-gap: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .tag-list {
    -moz-column-gap: calc(clamp(0px, 1.0666666667vw, 10.912px) * 1);
    column-gap: calc(clamp(0px, 1.0666666667vw, 10.912px) * 1);
    row-gap: calc(clamp(0px, 2.1333333333vw, 21.824px) * 1);
  }
}
.lp-content .tag-list .tag-item {
  border: 1px solid #000;
}
@media screen and (min-width: 1024px) {
  .lp-content .tag-list .tag-item {
    height: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
    border-width: calc(clamp(0px, 0.0520833333vw, 1px) * 1);
    padding-left: calc(clamp(0px, 0.46875vw, 9px) * 1);
    padding-right: calc(clamp(0px, 0.5208333333vw, 10px) * 1);
    font-size: calc(clamp(0px, 0.8333333333vw, 16px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .tag-list .tag-item {
    height: calc(clamp(0px, 5.0666666667vw, 51.832px) * 1);
    color: black;
    border-width: calc(clamp(0px, 0.2666666667vw, 2.728px) * 1);
    font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    padding-top: calc(clamp(0px, 0.2666666667vw, 2.728px) * 1);
    padding-bottom: calc(clamp(0px, 0.1333333333vw, 1.364px) * 1);
    padding-left: calc(clamp(0px, 2vw, 20.46px) * 1);
    padding-right: calc(clamp(0px, 2vw, 20.46px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .lp-content .tag-list .tag-item span {
    font-size: 80%;
    vertical-align: text-top;
  }
}
.lp-content .tag-list.list-color .tag-item {
  background: #ffd2cd;
  border: none;
}