html {
  scroll-behavior: smooth;
}

.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;
  line-height: 1;
  position: relative;
}
.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;
}
.lp-content * {
  margin: 0;
}
.lp-content picture {
  display: block;
}
.lp-content img {
  display: block;
  width: 100%;
}
@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 .bold {
  font-weight: bold;
}
.lp-content sup {
  font-size: 0.6em;
}
.lp-content a {
  color: inherit;
}

@media screen and (min-width: 1024px) {
  .why-clinique a:hover {
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .why-clinique {
    margin-top: calc(clamp(0px, 5vw, 96px) * 1);
    padding-inline: calc(clamp(0px, 4.1666666667vw, 80px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique {
    margin-block: calc(clamp(0px, 16vw, 163.68px) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-inner {
    background: url(/media/export/cms2.0/lp/holiday_2025/251010/img/why-clinique-bg.png) no-repeat top/cover;
    height: calc(clamp(0px, 29.0104166667vw, 557px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique .why-clinique-inner {
    background: url(/media/export/cms2.0/lp/holiday_2025/251010/img/why-clinique-bg.sp.png) no-repeat top/cover;
    height: calc(clamp(0px, 92.2666666667vw, 943.888px) * 1);
  }
}
.why-clinique .why-clinique-inner a {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-inner a {
    text-align: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique .why-clinique-inner a {
    padding-top: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1);
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.why-clinique .why-clinique-title {
  font-weight: bold;
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-title {
    font-size: calc(clamp(0px, 2.3958333333vw, 46px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique .why-clinique-title {
    text-align: center;
    font-size: calc(clamp(0px, 5.6vw, 57.288px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-lead {
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
    margin-top: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique .why-clinique-lead {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    margin-top: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    line-height: 1.5;
  }
}
.why-clinique .why-clinique-link {
  display: grid;
  place-content: center;
  color: #fff;
  background-color: #1A1A1A;
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-link {
    font-size: calc(clamp(0px, 0.7291666667vw, 14px) * 1);
    margin-top: calc(clamp(0px, 1.8229166667vw, 35px) * 1);
    width: calc(clamp(0px, 14.5833333333vw, 280px) * 1);
    height: calc(clamp(0px, 2.34375vw, 45px) * 1);
    margin-inline: auto;
    transition: opacity 0.3s ease;
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique .why-clinique-link {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
    margin-top: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
    height: calc(clamp(0px, 12vw, 122.76px) * 1);
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-link:hover {
    opacity: 0.6;
  }
}
.why-clinique .why-clinique-note {
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .why-clinique .why-clinique-note {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 0.6770833333vw, 13px) * 1);
    text-align: left;
    display: inline-block;
  }
}
@media screen and (max-width: 1023px) {
  .why-clinique .why-clinique-note {
    font-size: calc(clamp(0px, 2.6666666667vw, 27.28px) * 1);
    margin-top: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}