@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;
}

sup {
  font-size: 0.7em;
}

@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;
}

.wave_underline {
  padding-bottom: 0.2em;
  text-decoration: underline;
  text-decoration-color: #B20000;
  text-decoration-style: wavy;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.2em;
}

.offer {
  background-color: #fff;
  padding: min(8.5333333333vw, 6.4rem) min(3.3333333333vw, 2.5rem) min(3.3333333333vw, 2.5rem);
}
.offer_img {
  margin-bottom: min(4vw, 3rem);
}
.offer_note {
  margin-top: min(5.3333333333vw, 4rem);
  font-size: min(2.4vw, 2.2rem);
}

.circle_list-item {
  text-indent: -1.3em;
  padding-left: 1.3em;
}
.circle_list-item::before {
  content: "";
  display: inline-block;
  border: #333 1px solid;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  transform: translateY(0.1em);
  margin-right: 0.3em;
}

.buy_btn {
  display: grid;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: min(5.3333333333vw, 4rem);
  left: 0;
  z-index: 10;
  padding-bottom: max(0.6666666667vw, 0.5rem);
}
@media screen and (max-width: 750px) {
  .buy_btn {
    transition: bottom 0.5s ease;
  }
}
.buy_btn a {
  margin-inline: max(0.6666666667vw, 1rem);
  transition: filter 0.3s ease;
  filter: brightness(1);
}
@media (hover) {
  .buy_btn a:hover:hover {
    filter: brightness(1.2);
  }
}

.buy_btn_incontents {
  position: relative;
  bottom: 0;
  padding-bottom: 0;
  z-index: 1;
  padding-top: max(0.6666666667vw, 0.5rem);
}

.kv {
  position: relative;
}

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

.bl-bg {
  background: linear-gradient(180deg, #C5D6EB 0%, #EBF7FF 35.12%, #B9C8D8 100%);
  padding: 0 min(4vw, 3rem) min(5.6vw, 4.2rem);
}

.catch {
  margin-top: max(-10.6666666667vw, -8rem);
  padding-top: min(12.6666666667vw, 9.5rem);
  padding-bottom: min(8.5333333333vw, 6.4rem);
  text-align: center;
}

.uservoice {
  background: url(../img/lp10/voice_bg.webp) no-repeat center center/cover;
  padding: min(4.2666666667vw, 3.2rem) min(2.6666666667vw, 2rem) min(5.3333333333vw, 4rem);
}
.uservoice_heading {
  margin-bottom: min(4.2666666667vw, 3.2rem);
}
.uservoice_grid {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-content: center;
  margin-bottom: min(4vw, 3rem);
}
.uservoice_grid p {
  position: relative;
  z-index: 3;
  margin-right: -20px;
}
.uservoice_grid .video {
  position: relative;
}
.uservoice_grid .video video {
  position: relative;
  z-index: 2;
}
.uservoice_grid .video::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(122deg, #FAE890 9.24%, #F2CE90 77.84%);
  left: 10px;
  top: 10px;
  z-index: 1;
}
.uservoice_grid.rev p {
  order: 2;
  margin-right: 0;
  margin-left: -20px;
}
.uservoice_grid.rev .video {
  order: 1;
}
.uservoice > p {
  margin-top: min(2.6666666667vw, 2rem);
}
.uservoice_note {
  font-size: min(2vw, 1.5rem);
  display: grid;
  justify-content: end;
}

.about {
  padding: min(6.4vw, 4.8rem) min(5.3333333333vw, 4rem) min(9.3333333333vw, 7rem);
}
.about_heading {
  text-align: center;
  margin-bottom: min(2.6666666667vw, 2rem);
}
.about_text {
  margin-top: min(2.6666666667vw, 2rem);
  margin-bottom: min(6.6666666667vw, 5rem);
  font-size: min(3.4666666667vw, 2.6rem);
}
.about_osusume {
  text-align: center;
  margin-bottom: min(9.0666666667vw, 6.8rem);
}

.strength {
  background-color: rgba(173, 165, 147, 0.1);
  padding: min(7.2vw, 5.4rem) min(4vw, 3rem) min(12vw, 9rem);
}
.strength_detail {
  margin-bottom: min(11.2vw, 8.4rem);
}
.strength_detail .about_heading {
  text-align: left;
  margin-bottom: min(3.2vw, 2.4rem);
}
.strength_detail > figure {
  text-align: center;
}
.strength_subtitle {
  font-size: min(4vw, 3rem);
  font-weight: 700;
  border-left: min(0.9333333333vw, 0.7rem) solid #333;
  padding-left: min(3.2vw, 2.4rem);
}
.strength_summary {
  margin-bottom: min(4.8vw, 3.6rem);
}
.strength_summary-img {
  margin-bottom: min(7.4666666667vw, 5.6rem);
}
.strength_and {
  text-align: center;
  margin-bottom: min(5.3333333333vw, 4rem);
}
.strength_lead {
  text-align: center;
  font-size: min(6.6666666667vw, 5rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: min(2.6666666667vw, 2rem);
}
.strength_lead u {
  color: #B20000;
  text-decoration-thickness: 1px;
  text-decoration-color: #FF6D6D;
  text-underline-offset: 10px;
}
.strength_lead-small {
  font-size: 0.8em;
}
.strength_lead-medium {
  font-size: 0.9em;
}
.strength_sublead {
  font-size: min(4vw, 3rem);
  font-weight: 700;
}

.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 .about_heading {
  margin-bottom: min(11.4666666667vw, 8.6rem);
}
.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 dd figcaption sup {
  font-size: 0.6em;
}
.component_note {
  width: min(72.4vw, 54.3rem);
  margin: min(3.4666666667vw, 2.6rem) auto min(12vw, 9rem);
  font-size: min(1.8666666667vw, 1.4rem);
  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);
  -moz-column-gap: min(2.6666666667vw, 2rem);
       column-gap: min(2.6666666667vw, 2rem);
}
.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);
}
.fragrance_note {
  font-size: min(1.6vw, 1.2rem);
  text-align: right;
  margin-top: min(2.6666666667vw, 2rem);
}

.offer_bg {
  background: url(../img/lp10/offer_bg.webp) no-repeat center center/cover;
  padding: min(4.8vw, 3.6rem) min(4vw, 3rem) min(10.6666666667vw, 8rem);
}

.offer_catch {
  text-align: center;
}
.offer_catch img {
  margin-bottom: min(11.2vw, 8.4rem);
}

.aboutrg {
  text-align: center;
  background-color: #EEE2D9;
  padding: min(6.1333333333vw, 4.6rem) min(2.4vw, 1.8rem) min(11.0666666667vw, 8.3rem);
  border-left: #fff 1px solid;
  border-right: #fff 1px solid;
}
.aboutrg_img {
  margin: min(3.3333333333vw, 2.5rem) 0 min(4vw, 8rem);
}
.aboutrg_lead {
  font-size: min(6.6666666667vw, 5rem);
  font-weight: bold;
  line-height: 1.67;
  text-align: center;
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
}
.aboutrg_sublead {
  font-weight: bold;
  font-size: min(2.6666666667vw, 2rem);
  font-family: 游明朝, "Yu Mincho", yumincho, "Hiragino Mincho Pro", serif;
}
.aboutrg_note {
  text-align: right;
  padding-right: 16%;
  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;
}

.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=lp10.css.map */