@charset "UTF-8";
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: 170%;
  /* ----------------------------------------
  セクション共通スタイル
  ---------------------------------------- */
}
.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);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content {
    font-size: calc(clamp(0px, 3.4666666667vw, 35.464px) * 1);
  }
}
.lp-content sup {
  font-size: 65%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.lp-content picture {
  display: block;
}
.lp-content img {
  display: block;
  width: 100%;
}
.lp-content a {
  color: inherit;
}
.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;
  }
}
@media screen and (min-width: 1024px) {
  .lp-content.lp-section {
    padding-inline: 72px;
  }
}
@media screen and (max-width: 1023px) {
  .lp-content.lp-section {
    padding-inline: calc(clamp(0px, 5.3333333333vw, 54.56px) * 1);
  }
}
.lp-content.lp-section .common__section__head {
  border-top: 1px solid #E6E6E6;
}
@media screen and (min-width: 1024px) {
  .lp-content.lp-section .common__section__head {
    margin-top: calc(clamp(0px, 5vw, 96px) * 1);
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content.lp-section .common__section__head {
    margin-top: calc(clamp(0px, 16vw, 163.68px) * 1 - 20px);
    padding-top: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content#basemakeup .common__section__head {
    margin-top: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .common__section__head {
    margin-bottom: calc(clamp(0px, 6.4vw, 65.472px) * 1 - 12px);
  }
}
.lp-content .common__section__title {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-content .common__section__title {
    font-size: calc(clamp(0px, 2.5vw, 48px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .common__section__title {
    font-size: calc(clamp(0px, 7.4666666667vw, 76.384px) * 1);
  }
}
.lp-content .common__section__title__en {
  line-height: 120%;
  font-family: "CliniqueHelveticaNeueLight", "Helvetica" !important;
}
@media screen and (min-width: 1024px) {
  .lp-content .common__section__title__en {
    font-size: calc(clamp(0px, 1.4583333333vw, 28px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .common__section__title__en {
    margin-top: calc(clamp(0px, 2.1333333333vw, 21.824px) * 1);
    font-size: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}
.lp-content .common__section__text {
  line-height: 150%;
}
@media screen and (min-width: 1024px) {
  .lp-content .common__section__text {
    margin-top: calc(clamp(0px, 1.25vw, 24px) * 1);
    font-size: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-content .common__section__text {
    margin-top: calc(clamp(0px, 4.2666666667vw, 43.648px) * 1);
  }
}

/* ----------------------------------------
クリニークのサービス
---------------------------------------- */
.lp-clinique-services {
  padding-top: 0 !important;
}
@media screen and (min-width: 1024px) {
  .lp-clinique-services {
    margin-top: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-clinique-services {
    margin-top: calc(clamp(0px, 10.6666666667vw, 109.12px) * 1);
  }
}
.lp-clinique-services .clinique-services__title {
  border-top: 1px solid #E6E6E6;
}
@media screen and (min-width: 1024px) {
  .lp-clinique-services .clinique-services__title {
    padding-top: calc(clamp(0px, 5vw, 96px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  .lp-clinique-services .clinique-services__title {
    padding-top: calc(clamp(0px, 16vw, 163.68px) * 1);
  }
}