@charset "UTF-8";
html {
  scroll-behavior: smooth;
}
@media screen and (min-width: 768px) {
  html {
    scroll-padding-top: 142px;
  }
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 112px;
  }
}

.First_estee_lauder {
  /* http://meyerweb.com/eric/tools/css/reset/
     v2.0 | 20110126
     License: none (public domain)
  */
  /* HTML5 display-role reset for older browsers */
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif, Tahoma;
  position: relative;
  color: #040a2b;
  letter-spacing: 0;
  line-height: 1;
}
.First_estee_lauder html, .First_estee_lauder body, .First_estee_lauder div, .First_estee_lauder span, .First_estee_lauder applet, .First_estee_lauder object, .First_estee_lauder iframe,
.First_estee_lauder h1, .First_estee_lauder h2, .First_estee_lauder h3, .First_estee_lauder h4, .First_estee_lauder h5, .First_estee_lauder h6, .First_estee_lauder p, .First_estee_lauder blockquote, .First_estee_lauder pre,
.First_estee_lauder a, .First_estee_lauder abbr, .First_estee_lauder acronym, .First_estee_lauder address, .First_estee_lauder big, .First_estee_lauder cite, .First_estee_lauder code,
.First_estee_lauder del, .First_estee_lauder dfn, .First_estee_lauder em, .First_estee_lauder img, .First_estee_lauder ins, .First_estee_lauder kbd, .First_estee_lauder q, .First_estee_lauder s, .First_estee_lauder samp,
.First_estee_lauder small, .First_estee_lauder strike, .First_estee_lauder strong, .First_estee_lauder sub, .First_estee_lauder sup, .First_estee_lauder tt, .First_estee_lauder var,
.First_estee_lauder b, .First_estee_lauder u, .First_estee_lauder i, .First_estee_lauder center,
.First_estee_lauder dl, .First_estee_lauder dt, .First_estee_lauder dd, .First_estee_lauder ol, .First_estee_lauder ul, .First_estee_lauder li,
.First_estee_lauder fieldset, .First_estee_lauder form, .First_estee_lauder label, .First_estee_lauder legend,
.First_estee_lauder table, .First_estee_lauder caption, .First_estee_lauder tbody, .First_estee_lauder tfoot, .First_estee_lauder thead, .First_estee_lauder tr, .First_estee_lauder th, .First_estee_lauder td,
.First_estee_lauder article, .First_estee_lauder aside, .First_estee_lauder canvas, .First_estee_lauder details, .First_estee_lauder embed,
.First_estee_lauder figure, .First_estee_lauder figcaption, .First_estee_lauder footer, .First_estee_lauder header, .First_estee_lauder hgroup,
.First_estee_lauder menu, .First_estee_lauder nav, .First_estee_lauder output, .First_estee_lauder ruby, .First_estee_lauder section, .First_estee_lauder summary,
.First_estee_lauder time, .First_estee_lauder mark, .First_estee_lauder audio, .First_estee_lauder video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
.First_estee_lauder article, .First_estee_lauder aside, .First_estee_lauder details, .First_estee_lauder figcaption, .First_estee_lauder figure,
.First_estee_lauder footer, .First_estee_lauder header, .First_estee_lauder hgroup, .First_estee_lauder menu, .First_estee_lauder nav, .First_estee_lauder section {
  display: block;
}
.First_estee_lauder body {
  line-height: 1;
}
.First_estee_lauder ol, .First_estee_lauder ul {
  list-style: none;
}
.First_estee_lauder blockquote, .First_estee_lauder q {
  quotes: none;
}
.First_estee_lauder blockquote:before, .First_estee_lauder blockquote:after,
.First_estee_lauder q:before, .First_estee_lauder q:after {
  content: "";
  content: none;
}
.First_estee_lauder table {
  border-collapse: collapse;
  border-spacing: 0;
}
.First_estee_lauder input, .First_estee_lauder button, .First_estee_lauder textarea, .First_estee_lauder select, .First_estee_lauder option {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font: inherit;
}
.First_estee_lauder input::-ms-clear {
  display: none;
}
.First_estee_lauder input::-ms-reveal {
  display: none;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder {
    max-width: 1366px;
    margin-inline: auto;
    font-size: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder {
    font-size: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
.First_estee_lauder b {
  font-weight: bold;
}
.First_estee_lauder img {
  display: block;
  max-width: 100%;
  width: 100%;
}
.First_estee_lauder picture {
  display: block;
}
.First_estee_lauder h1,
.First_estee_lauder h2,
.First_estee_lauder h3,
.First_estee_lauder p {
  letter-spacing: 0;
}
.First_estee_lauder ul {
  margin: 0;
}
.First_estee_lauder ul li {
  list-style-type: none;
}
.First_estee_lauder sup {
  font-size: 0.7em !important;
}
.First_estee_lauder .optima {
  font-family: OptimaDisplayLight, "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.2em;
}
.First_estee_lauder .mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .lp-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .lp-sp {
    display: none !important;
  }
}
.First_estee_lauder .fs60p {
  font-size: 60%;
}
.First_estee_lauder .fs80p {
  font-size: 80%;
}
.First_estee_lauder .fs110p {
  font-size: 110%;
}
.First_estee_lauder .fs120p {
  font-size: 120%;
}
.First_estee_lauder .common__black__button {
  background-color: #040a2b;
  color: #fff;
  display: grid;
  place-content: center;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .common__black__button {
    font-size: calc(clamp(0px, 0.878477306vw, 12px) * 1);
    padding-block: calc(clamp(0px, 1.0980966325vw, 15px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .common__black__button {
    font-size: calc(clamp(0px, 3.2vw, 3.2vw) * 1);
    padding-block: calc(clamp(0px, 3.7333333333vw, 3.7333333333vw) * 1);
  }
}
.First_estee_lauder .common__section__title {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .common__section__title {
    font-size: calc(clamp(0px, 3.074670571vw, 42px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .common__section__title {
    font-size: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
  }
}
.First_estee_lauder .common__section__subtitle {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", HiraMinProN-W3, "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (min-width: 768px) {
  .First_estee_lauder .common__section__subtitle {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .First_estee_lauder .common__section__subtitle {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}