@charset "UTF-8";
* {
  margin: 0;
  padding: 0;
  line-height: 1.6;
}

*,
::before,
::after {
  box-sizing: border-box;
}

*:where(:not(fieldset, progress, meter)) {
  border-width: 0;
  border-style: solid;
  background-origin: border-box;
  background-repeat: no-repeat;
}

html {
  block-size: 100%;
  -webkit-text-size-adjust: none;
  scroll-behavior: smooth;
  font-size: 62.5%;
}

body {
  text-rendering: optimizeSpeed;
  min-block-size: 100%;
  font-family: yugothic, "Yu Gothic Medium", "Yu Gothic", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 1rem;
  color: #333;
}

:where(video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, svg, video) {
  block-size: auto;
  max-inline-size: 100%;
  vertical-align: middle;
}

:where(svg) {
  stroke: none;
  fill: currentColor;
}

:where(svg):where(:not([fill])) {
  stroke: currentColor;
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:where(svg):where(:not([width])) {
  inline-size: 5rem;
}

:where(input, button, textarea, select),
:where(input[type=file])::-webkit-file-upload-button {
  color: inherit;
  font: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
}

:where(textarea) {
  resize: vertical;
}

@supports (resize: block) {
  :where(textarea) {
    resize: block;
  }
}
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

h1 {
  font-size: 2em;
}

:where(ul, ol) {
  list-style: none;
}

a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

:where(a[href], area, button, input, label[for], select, summary, textarea, [tabindex]:not([tabindex*="-"])) {
  cursor: pointer;
  touch-action: manipulation;
}

:where(input[type=file]) {
  cursor: auto;
}

:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  cursor: pointer;
}

@media (prefers-reduced-motion: no-preference) {
  :focus-visible {
    transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  }
  :where(:not(:active)):focus-visible {
    transition-duration: 0.25s;
  }
}
:where(:not(:active)):focus-visible {
  outline-offset: 5px;
}

:where(button, button[type], input[type=button], input[type=submit], input[type=reset]),
:where(input[type=file])::-webkit-file-upload-button,
:where(input[type=file])::file-selector-button {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
          user-select: none;
  text-align: center;
}

:where(button, button[type], input[type=button], input[type=submit], input[type=reset])[disabled] {
  cursor: not-allowed;
}

.wrap {
  background-color: #EEE2D9;
  overflow: hidden;
}

.logo,
.qr {
  display: none;
}

.note {
  text-indent: -1em;
  padding-left: 1em;
}

.up-note {
  font-size: min(1.6vw, 0.5em);
  font-weight: normal;
  vertical-align: text-top;
}

.dn-note {
  font-size: 0.6em;
  vertical-align: text-bottom;
}

@media screen and (min-width: 1080px) {
  .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100vw - 75rem) / 2);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    text-align: center;
  }
  .qr {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100vw - 75rem) / 2);
    position: fixed;
    top: 0;
    right: 0;
    height: 100vh;
    text-align: center;
  }
  .qr figcaption {
    font-size: min(1.2698412698vw, 1.6rem);
    margin-top: min(4vw, 3rem);
  }
}
.contents {
  max-width: 75rem;
  margin: 0 auto;
  padding-bottom: min(4vw, 3rem);
  background-color: #EEE2D9;
}
.contents_inner {
  background-color: #fff;
}

.kv {
  position: relative;
}

.worries {
  margin-top: max(-4.2666666667vw, -3.2rem);
  position: relative;
  z-index: 1;
}

.offer {
  margin-top: max(-12vw, -9rem);
  text-align: center;
  background: linear-gradient(180deg, #FFE49E 0%, #FDF2D2 35.12%, #EFC140 100%);
  padding-bottom: min(2.6666666667vw, 9rem);
}
.offer .catch img {
  margin-top: max(9.3333333333vw, 7rem);
  margin-bottom: max(2.6666666667vw, 4rem);
  padding-inline: 15px;
}

.benefit {
  margin: 0 auto;
  width: 90%;
  background-color: #fff;
  padding-top: max(5.3333333333vw, 2rem);
  padding-bottom: min(2.6666666667vw, 2rem);
  padding-inline: 15px;
  text-align: center;
}
.benefit_list li {
  padding: min(5.0666666667vw, 3.8rem) 0;
  position: relative;
}
.benefit_list li:not(:first-child):before {
  content: "";
  width: calc(100% - min(7.4666666667vw, 5.6rem));
  height: 1px;
  background-color: #BF882C;
  position: absolute;
  left: min(3.7333333333vw, 2.8rem);
  top: 0;
}
.benefit_img {
  margin: 0 min(1.8666666667vw, 1.4rem);
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: min(3.4666666667vw, 2.6rem);
       column-gap: min(3.4666666667vw, 2.6rem);
}
.benefit_img img {
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
}
.benefit_note {
  margin: min(1.6vw, 1.2rem) min(1.8666666667vw, 1.4rem) 0;
  font-size: min(1.6vw, 2.2rem);
  line-height: 1.67;
  font-weight: 400;
}
.benefit_link {
  text-decoration: underline;
  color: #333;
}
.benefit .buy_btn {
  padding-top: min(2.6666666667vw, 5rem);
  padding-bottom: min(2.6666666667vw, 5rem);
}
.benefit_note {
  text-align: left;
  width: 90%;
  margin: 0 auto;
}

.users-voice {
  position: relative;
  width: 100%;
}
.users-voice__01l {
  position: absolute;
  left: 2%;
  top: 0;
  width: 55%;
  z-index: 10;
  margin-top: min(40vw, 32rem);
}
.users-voice__01r {
  position: absolute;
  right: 5%;
  width: 43%;
  top: 0;
  margin-top: min(40vw, 32rem);
}
.users-voice__01r-bg {
  position: absolute;
  right: 3%;
  width: 43%;
  top: 0.5%;
  margin-top: min(40vw, 32rem);
}
.users-voice .mp4-box {
  width: -moz-fit-content;
  width: fit-content;
  aspect-ratio: 4/3;
  overflow: hidden;
}

.retinol-point {
  text-align: center;
  padding: min(6.1333333333vw, 4.6rem) min(2.4vw, 1.8rem) min(11.0666666667vw, 8.3rem);
}
.retinol-point_lead {
  font-size: min(4vw, 3rem);
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
}
.retinol-point_lead-line {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  text-decoration-thickness: 2px;
  line-height: 2;
}
.retinol-point_img {
  margin: min(3.3333333333vw, 2.5rem) 0 min(4vw, 8rem);
}
.retinol-point_note {
  font-size: min(1.6vw, 1.2rem);
  font-weight: bold;
  text-align: right;
  padding-right: 5em;
}
.retinol-point_img-but {
  margin: min(3.3333333333vw, 2.5rem) 0 min(4vw, 8rem);
}
.retinol-point_txt-red {
  color: #B20000;
  font-size: 1.2em;
}

.features {
  background-color: #EEE2D9;
  position: relative;
  z-index: 0;
  padding: min(6.1333333333vw, 4.6rem) min(2.4vw, 1.8rem) min(11.0666666667vw, 8.3rem);
}
.features:before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.features_head {
  margin-bottom: min(11.0666666667vw, 5.3rem);
}
.features_ttl {
  border-left: min(1.2vw, 0.9rem) solid #333;
  padding: min(1.8666666667vw, 1.4rem) 0 min(1.8666666667vw, 1.4rem) min(3.7333333333vw, 2.8rem);
  display: flex;
  flex-direction: column;
}
.features_ttl span img {
  width: min(20vw, 15rem);
}
.features_ttl b {
  font-size: min(4vw, 3rem);
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.5;
  margin-top: min(1.6vw, 1.2rem);
}

.component {
  margin-top: min(5.8666666667vw, 4.4rem);
  text-align: center;
}
.component dt {
  margin-bottom: min(0.6666666667vw, 0.5rem);
}
.component dt img {
  width: min(54.6666666667vw, 41rem);
}
.component dd {
  width: min(72.4vw, 54.3rem);
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: min(1.7333333333vw, 1.3rem);
       column-gap: min(1.7333333333vw, 1.3rem);
}
.component dd figcaption {
  display: block;
  font-size: min(2.6666666667vw, 2rem);
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-top: min(1.6vw, 1.2rem);
}
.component_note {
  width: min(72.4vw, 54.3rem);
  margin: min(3.4666666667vw, 2.6rem) auto min(9.3333333333vw, 7.8rem);
  font-size: min(1.6vw, 1rem);
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.86;
}

.fragrance {
  display: grid;
  grid-template-columns: 1fr min(25.0666666667vw, 18.8rem);
  padding: min(2.2666666667vw, 1.7rem) min(2.6666666667vw, 2rem) 0 min(4.8vw, 3.6rem);
}
.fragrance p {
  font-size: min(2.4vw, 1.8rem);
  font-weight: bold;
  line-height: 2;
  letter-spacing: 0.03em;
}
.fragrance_img {
  text-align: center;
  margin-top: min(3.4666666667vw, 2.6rem);
}
.fragrance_img img {
  width: min(66.4vw, 49.8rem);
}

.offer02 {
  background: linear-gradient(180deg, #F6DFB8 0%, #FFF7E7 100%);
  padding-bottom: min(13.3333333333vw, 5rem);
}
.offer02 .benefit {
  margin-top: max(-4.2666666667vw, -3.2rem);
  position: relative;
  z-index: 1;
}

.about {
  text-align: center;
  background-color: #EEE2D9;
  padding: min(6.1333333333vw, 4.6rem) min(2.4vw, 1.8rem) min(11.0666666667vw, 8.3rem);
}
.about_img {
  margin: min(3.3333333333vw, 2.5rem) 0 min(4vw, 8rem);
}
.about_lead {
  font-size: min(4vw, 3rem);
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
}
.about_sublead {
  font-weight: bold;
  font-size: min(2.6666666667vw, 2rem);
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
}
.about_note {
  text-align: right;
  padding-right: 20%;
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
  font-size: min(1.6vw, 1.3rem);
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1.86;
}

.lead {
  text-align: center;
}
.lead h2 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: min(5.3333333333vw, 4rem);
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
  font-weight: 600;
  letter-spacing: 0.05em;
  line-height: 1;
  padding: 0 min(4.2666666667vw, 3.2rem);
  margin-bottom: min(4vw, 3rem);
  position: relative;
}
.lead h2 b {
  font-size: min(6.5333333333vw, 4.9rem);
  line-height: 1.3;
}
.lead h2 u {
  text-decoration-thickness: 2px;
  text-decoration-color: rgba(252, 166, 166, 0.73);
  text-underline-offset: 0.2em;
}
.lead h2::before {
  content: "";
  width: min(5.3333333333vw, 4rem);
  height: min(6vw, 4.5rem);
  border-top: min(1.2vw, 0.9rem) solid #FCA6A6;
  border-left: min(1.2vw, 0.9rem) solid #FCA6A6;
  position: absolute;
  top: max(-2vw, -1.5rem);
  left: 0;
  pointer-events: none;
}
.lead h2::after {
  content: "";
  width: min(5.3333333333vw, 4rem);
  height: min(6vw, 4.5rem);
  border-right: min(1.2vw, 0.9rem) solid #FCA6A6;
  border-bottom: min(1.2vw, 0.9rem) solid #FCA6A6;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.lead h3 {
  font-size: min(4.1333333333vw, 3.1rem);
  font-weight: bold;
  text-align: center;
  margin-bottom: min(2.9333333333vw, 2.2rem);
}
.lead h3 mark {
  background: linear-gradient(transparent 50%, rgba(255, 143, 143, 0.44) 50%);
  padding: 0 min(0.6666666667vw, 0.5rem);
}

.point {
  padding: min(13.3333333333vw, 6rem) min(2.6666666667vw, 2rem) min(10.6666666667vw, 8rem);
  background-color: #FFF5F5;
}
.point_ttl {
  text-align: center;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(5.0666666667vw, 3.8rem);
  color: #B20000;
  border: 1px solid #B20000;
  padding: 0 min(2.6666666667vw, 2rem);
  font-size: min(5.0666666667vw, 3.8rem);
  font-weight: 600;
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
  background-color: #fff;
}
.point_img {
  border-radius: 10px;
}
.point_item {
  border: 1px solid #707070;
  border-radius: min(0.6666666667vw, 0.5rem);
  background-color: #fff;
  padding: min(3.2vw, 2.4rem);
}
.point_item + .point_item {
  margin-top: min(5.3333333333vw, 4rem);
}
.point_item h3 {
  text-align: center;
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
  font-size: min(4.8vw, 3.6rem);
  padding: 0 min(2.6666666667vw, 2rem);
  line-height: 1.2;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(2.6666666667vw, 2rem);
  color: #fff;
}
.point_item figure {
  margin-bottom: min(1.3333333333vw, 1rem);
}
.point_item figure figcaption {
  text-align: right;
  font-size: min(2.1333333333vw, 1.6rem);
  font-weight: 700;
  margin-top: min(1.0666666667vw, 0.8rem);
}
.point_item > p {
  font-size: min(2.6666666667vw, 2rem);
  line-height: 2;
  font-weight: bold;
}
.point_item_note {
  text-align: right;
  display: block;
  font-size: min(2.1333333333vw, 1.6rem) !important;
}
.point_safe {
  width: min(77.3333333333vw, 58rem);
  margin: min(4vw, 3rem) auto 0;
}
.point_safe li {
  display: grid;
  grid-template-columns: min(27.3333333333vw, 20.5rem) 1fr;
  align-items: center;
  border: 1px solid #707070;
  -moz-column-gap: min(4vw, 3rem);
       column-gap: min(4vw, 3rem);
}
.point_safe li + li {
  margin-top: min(4vw, 3rem);
}
.point_safe p {
  font-size: min(2.6666666667vw, 2rem);
  font-weight: 400;
  line-height: 1.5;
}
.point_safe p strong {
  display: block;
  font-weight: bold;
}

.pointBox {
  background-color: #FFF5F5;
  padding: 0 0 min(10.2666666667vw, 7.7rem);
}

.specialty {
  padding: 0 min(3.4666666667vw, 2.6rem);
  background-color: #FFF5F5;
}
.specialty_ttl {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(4.5333333333vw, 3.4rem);
  position: relative;
  font-size: min(5.0666666667vw, 3.8rem);
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
  line-height: 1;
  font-weight: 600;
}
.specialty_item {
  border: 3px solid #FCA6A6;
  background-color: #fff;
  padding: min(5.0666666667vw, 3.8rem) min(2.6666666667vw, 2rem) min(5.3333333333vw, 4rem);
}
.specialty_item h3 {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto min(4vw, 3rem);
  font-size: min(4.8vw, 3.6rem);
  letter-spacing: 0.1em;
}
.specialty_item h3 mark {
  background: linear-gradient(transparent 50%, rgba(241, 222, 220, 0.69) 50%);
}
.specialty_item + .specialty_item {
  margin-top: min(5.3333333333vw, 4rem);
}
.specialty_item_parts {
  display: grid;
  grid-template-columns: min(33.3333333333vw, 25rem) 1fr;
  align-items: center;
  -moz-column-gap: min(3.6vw, 2.7rem);
       column-gap: min(3.6vw, 2.7rem);
}
.specialty_item_parts dd p {
  font-size: min(3.4666666667vw, 2.6rem);
  font-weight: bold;
  line-height: 2.1;
}
.specialty_item_parts dd p small {
  font-size: min(1.8666666667vw, 1.4rem);
  font-weight: normal;
  vertical-align: text-top;
}
.specialty_item_parts dd span {
  font-size: min(1.8666666667vw, 1.4rem);
  font-weight: normal;
  display: block;
  text-indent: -1em;
  padding-left: 1em;
  margin-top: min(1.3333333333vw, 1rem);
}
.specialty_item_txt {
  padding: min(5.3333333333vw, 4rem) min(1.8666666667vw, 1.4rem) 0;
  line-height: 2;
  font-size: min(2.6666666667vw, 2rem);
  font-weight: bold;
}

.info {
  background-color: #EEE2D9;
  padding-top: min(3.3333333333vw, 2.5rem);
}
.info_detail dt {
  background-color: #8E5912;
  color: #fff;
  text-align: center;
  font-size: min(2.6666666667vw, 2rem);
  padding: min(2.6666666667vw, 2rem) 0;
  font-weight: normal;
}
.info_detail dd {
  background-color: #fff;
  padding: min(2.1333333333vw, 1.6rem) min(2.9333333333vw, 2.2rem) min(4vw, 3rem);
}
.info_detail dd p {
  font-size: min(2.1333333333vw, 1.6rem);
  font-weight: normal;
  line-height: 2;
}
.info_detail dd p + p {
  margin-top: min(2.6666666667vw, 2rem);
}
.info_detail dd p a.text_link {
  color: inherit;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-weight: bold;
}
.info_detail dd p a.text_link:after {
  content: "";
  width: min(2vw, 17.5rem);
  height: min(1.8666666667vw, 1.4rem);
  background: url(../img/lp07/arrow_right.svg) no-repeat center/100% auto;
  margin-left: min(1.0666666667vw, 0.8rem);
  transition: transform 0.3s;
}
@media (hover) {
  .info_detail dd p a.text_link:hover:hover:after {
    transform: translateX(0.5em);
  }
}
.info_detail dd:not(:last-child) {
  margin-bottom: min(3.3333333333vw, 2.5rem);
}

.btn_form {
  text-align: center;
}
.btn_form a {
  width: min(52.6666666667vw, 39.5rem);
  margin: min(6vw, 4.5rem) auto 0;
  background-color: #fff;
  font-size: min(2.6666666667vw, 2rem);
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(2.6666666667vw, 2rem) 0;
  color: #333;
  text-decoration: none;
  transition: opacity 0.3s;
}
@media (hover) {
  .btn_form a:hover:hover {
    opacity: 0.7;
  }
}
.btn_form a:before {
  content: "";
  width: min(4.1333333333vw, 3.1rem);
  height: min(3.2vw, 2.4rem);
  background: url(../img/lp04/icon_form.svg) no-repeat center/100% auto;
  display: inline-block;
  margin-right: min(2.4vw, 1.8rem);
}

/*-------------------------------------*
*footer
*-------------------------------------*/
footer {
  background: #EEE2D9;
  padding-block: min(6.6666666667vw, 5rem);
}

.footer_container {
  margin-left: auto;
  margin-right: auto;
  width: 750px;
  width: 90%;
  text-align: center;
}
.footer_container_fluid {
  width: 100%;
  background: #EEE2D9;
  margin: auto;
}
.footer_container ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.footer_container li {
  list-style: none;
  margin: 0 10px 0 0;
  float: left;
}
.footer_container li:last-child {
  margin: 0;
}
.footer_container li a {
  text-decoration: none;
  font-size: 10px;
  color: #3e3e3e;
}

.copyright {
  width: 100%;
  background: #EEE2D9;
  margin: auto;
  color: #3e3e3e;
  font-size: 10px;
  text-align: center;
}/*# sourceMappingURL=lp09.css.map */