@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
.lp-vital-perfection div,
.lp-vital-perfection span,
.lp-vital-perfection object,
.lp-vital-perfection iframe,
.lp-vital-perfection h1,
.lp-vital-perfection h2,
.lp-vital-perfection h3,
.lp-vital-perfection h4,
.lp-vital-perfection h5,
.lp-vital-perfection h6,
.lp-vital-perfection p,
.lp-vital-perfection blockquote,
.lp-vital-perfection pre,
.lp-vital-perfection abbr,
.lp-vital-perfection address,
.lp-vital-perfection cite,
.lp-vital-perfection code,
.lp-vital-perfection del,
.lp-vital-perfection dfn,
.lp-vital-perfection em,
.lp-vital-perfection img,
.lp-vital-perfection ins,
.lp-vital-perfection kbd,
.lp-vital-perfection q,
.lp-vital-perfection samp,
.lp-vital-perfection small,
.lp-vital-perfection strong,
.lp-vital-perfection sub,
.lp-vital-perfection sup,
.lp-vital-perfection var,
.lp-vital-perfection b,
.lp-vital-perfection i,
.lp-vital-perfection dl,
.lp-vital-perfection dt,
.lp-vital-perfection dd,
.lp-vital-perfection ol,
.lp-vital-perfection ul,
.lp-vital-perfection li,
.lp-vital-perfection fieldset,
.lp-vital-perfection form,
.lp-vital-perfection label,
.lp-vital-perfection legend,
.lp-vital-perfection table,
.lp-vital-perfection caption,
.lp-vital-perfection tbody,
.lp-vital-perfection tfoot,
.lp-vital-perfection thead,
.lp-vital-perfection tr,
.lp-vital-perfection th,
.lp-vital-perfection td,
.lp-vital-perfection article,
.lp-vital-perfection aside,
.lp-vital-perfection canvas,
.lp-vital-perfection details,
.lp-vital-perfection figcaption,
.lp-vital-perfection figure,
.lp-vital-perfection footer,
.lp-vital-perfection header,
.lp-vital-perfection hgroup,
.lp-vital-perfection menu,
.lp-vital-perfection nav,
.lp-vital-perfection section,
.lp-vital-perfection summary,
.lp-vital-perfection time,
.lp-vital-perfection mark,
.lp-vital-perfection audio,
.lp-vital-perfection video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.lp-vital-perfection article,
.lp-vital-perfection aside,
.lp-vital-perfection details,
.lp-vital-perfection figcaption,
.lp-vital-perfection figure,
.lp-vital-perfection footer,
.lp-vital-perfection header,
.lp-vital-perfection hgroup,
.lp-vital-perfection menu,
.lp-vital-perfection nav,
.lp-vital-perfection section {
  display: block;
}
.lp-vital-perfection nav ul {
  list-style: none;
}
.lp-vital-perfection blockquote,
.lp-vital-perfection q {
  quotes: none;
}
.lp-vital-perfection blockquote::before,
.lp-vital-perfection blockquote::after,
.lp-vital-perfection q::before,
.lp-vital-perfection q::after {
  content: "";
  content: none;
}
.lp-vital-perfection a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  color: inherit;
}
.lp-vital-perfection {
  /* change colours to suit your needs */
}
.lp-vital-perfection ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
.lp-vital-perfection {
  /* change colours to suit your needs */
}
.lp-vital-perfection mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
.lp-vital-perfection del {
  text-decoration: line-through;
}
.lp-vital-perfection abbr[title],
.lp-vital-perfection dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
.lp-vital-perfection table {
  border-collapse: collapse;
  border-spacing: 0;
}
.lp-vital-perfection {
  /* change border colour to suit your needs */
}
.lp-vital-perfection hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
.lp-vital-perfection input,
.lp-vital-perfection select {
  vertical-align: middle;
}
.lp-vital-perfection ul, .lp-vital-perfection ol {
  list-style: none;
}
.lp-vital-perfection sup {
  font-size: 50%;
}
.lp-vital-perfection sub {
  font-size: 50%;
}
.lp-vital-perfection * {
  box-sizing: border-box;
}
.lp-vital-perfection h1,
.lp-vital-perfection h2,
.lp-vital-perfection h3,
.lp-vital-perfection h4 {
  text-transform: none;
}
.lp-vital-perfection img {
  vertical-align: top;
}
.lp-vital-perfection button {
  color: inherit;
}

@media screen and (max-width: 768px) {
  .lp-vital-perfection .u-pc {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .u-sp {
    display: none !important;
  }
}

.scroll-top-wrapper {
  display: none;
}

.lp-vital-perfection {
  overflow: hidden;
  letter-spacing: 0em;
}
.lp-vital-perfection .vjs-poster {
  background-size: cover !important;
}
.lp-vital-perfection .lp-vital-perfection__kv {
  position: relative;
}
.lp-vital-perfection .lp-vital-perfection__kv .splide__pagination {
  display: flex;
  justify-content: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__kv .splide__pagination {
    gap: 0.3472222222vw;
    bottom: 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__kv .splide__pagination {
    gap: 1.3333333333vw;
    bottom: 4.2666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__kv .splide__pagination__page {
  border: none;
  border-radius: 50%;
  padding: 0;
  background-color: #FFFFFF;
  opacity: 0.3;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__kv .splide__pagination__page {
    width: 0.625vw;
    height: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__kv .splide__pagination__page {
    width: 2.4vw;
    height: 2.4vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__kv .splide__pagination__page.is-active {
  opacity: 1;
}
.lp-vital-perfection .lp-vital-perfection__kv-media {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.lp-vital-perfection .lp-vital-perfection__kv-media:has(.video-js) {
  background-color: #9B8164;
}
.lp-vital-perfection .lp-vital-perfection__kv-media .video-js {
  padding-top: 0;
  width: auto;
  border: none;
  background: #9B8164;
  background-size: cover;
  pointer-events: none;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__kv-media .video-js {
    aspect-ratio: 16/9;
    height: 29.5138888889vw;
    transform: scale(1.01);
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__kv-media .video-js {
    aspect-ratio: 9/11;
    height: 125.0666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__kv-media .video-js *:not(video) {
  display: none;
  border: none;
  background: transparent;
}
.lp-vital-perfection .lp-vital-perfection__kv-media video {
  border: none;
  background: transparent;
}
.lp-vital-perfection .lp-vital-perfection__kv-media picture,
.lp-vital-perfection .lp-vital-perfection__kv-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lp-vital-perfection .lp-vital-perfection__kv-media-inner {
  overflow: clip;
}
.lp-vital-perfection .lp-vital-perfection__lineup {
  background-color: #E6DCC3;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup {
    padding: 5.5555555556vw 8.3333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup {
    padding: 13.3333333333vw 5.3333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__lineup-title {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-title {
    font-size: 1.6666666667vw;
    line-height: 1.1666666667;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-title {
    font-size: 3.7333333333vw;
    line-height: 1.2857142857;
  }
}
.lp-vital-perfection .lp-vital-perfection__lineup-list {
  display: flex;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-list {
    margin-top: 1.6666666667vw;
    margin-left: -3.0670138889vw;
    margin-right: -3.0670138889vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-list {
    overflow: scroll;
    margin-top: 5.3333333333vw;
    margin-left: -5.3333333333vw;
    margin-right: -5.3333333333vw;
    padding-left: 1.0666666667vw;
    padding-right: 1.0666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__lineup-link {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  align-items: center;
  height: 100%;
  position: relative;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-link {
    padding: 0 3.0670138889vw;
    gap: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-link {
    padding: 0 4.2666666667vw;
    gap: 3.2vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--lotion {
    width: 4.0972222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--lotion {
    width: 11.2vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--emulsion {
    width: 4.9305555556vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--emulsion {
    width: 13.5466666667vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--moisturizer {
    width: 4.6527777778vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--moisturizer {
    width: 12.7813333333vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--serum {
    width: 3.75vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--serum {
    width: 10.24vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--eye-cream {
    width: 5.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--eye-cream {
    width: 14.2346666667vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--special-care {
    width: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--special-care {
    width: 6.072vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--mask {
    width: 14.5138888889vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-img--mask {
    width: 39.672vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__lineup-name {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  display: block;
  border: 1px solid #000000;
  line-height: 1.3333333333;
  letter-spacing: 0em;
  white-space: nowrap;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-name {
    border-radius: 0.5555555556vw;
    padding: 0.2777777778vw 0.6944444444vw;
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-name {
    border-radius: 2.1333333333vw;
    padding: 1.0666666667vw 2.6666666667vw;
    font-size: 3.2vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__lineup-badge {
  font-family: "ginza-Medium", "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  line-height: 1.4;
  text-decoration: underline;
  position: absolute;
  top: 0;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-badge {
    font-size: 0.6944444444vw;
    left: 3.0670138889vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__lineup-badge {
    font-size: 2.6666666667vw;
    left: 4.2666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__serum {
  background-size: cover;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__serum {
    padding: 11.1805555556vw 7.4305555556vw;
    background-image: url("../images/lp/lp-vital-perfection/serum_product_pc.jpg?$staticlink$");
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__serum {
    padding: 10.6666666667vw 0;
    background-image: url("../images/lp/lp-vital-perfection/serum_product_sp.jpg?$staticlink$");
  }
}
.lp-vital-perfection .lp-vital-perfection__inner {
  position: relative;
  z-index: 0;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__serum-text {
    width: fit-content;
  }
}
.lp-vital-perfection .js-fade-in {
  opacity: 0;
  visibility: hidden;
  transform: translateY(20px);
}
.lp-vital-perfection .lp-vital-perfection__serum-label {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  text-align: center;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__serum-label {
    line-height: 1.2;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__serum-label {
    line-height: 1.4;
    font-size: 3.2vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__serum-title {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  text-align: center;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__serum-title {
    margin-top: 1.3888888889vw;
    line-height: 1.3;
    font-size: 3.8888888889vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__serum-title {
    margin-top: 1.8666666667vw;
    line-height: 1.4;
    font-size: 5.3333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__serum-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #000000;
  color: #FFFFFF;
  font-family: "ginza-Medium", "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__serum-btn {
    margin-top: 2.2222222222vw;
    border-radius: 0.5555555556vw;
    width: 18.0555555556vw;
    height: 3.4722222222vw;
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__serum-btn {
    margin-top: 69.3333333333vw;
    border-radius: 2.1333333333vw;
    width: 69.3333333333vw;
    height: 13.3333333333vw;
    font-size: 4.2666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__serum-badge {
  font-family: "ginza-Medium", "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  line-height: 1.4;
  text-decoration: underline;
  position: absolute;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__serum-badge {
    font-size: 1.5277777778vw;
    top: -2.9166666667vw;
    left: 50.2083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__serum-badge {
    font-size: 4.8vw;
    top: 26.6666666667vw;
    left: 22.9333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__dynamic {
  background-color: #E6DCC3;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic {
    padding: 5.5555555556vw 8.3333333333vw 2.0833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic {
    padding: 14.9333333333vw 5.3333333333vw 5.3333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-content {
    display: flex;
    align-items: center;
    gap: 11.1111111111vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-text {
    flex-shrink: 0;
    width: 41.6666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__dynamic-title {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-title {
    line-height: 1.1;
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-title {
    line-height: 1.1666666667;
    font-size: 6.4vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__dynamic-desc {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-desc {
    margin-top: 1.6666666667vw;
    line-height: 1.1666666667;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-desc {
    margin-top: 3.2vw;
    line-height: 1.2857142857;
    font-size: 3.7333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__dynamic-note {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-note {
    margin-top: 1.1111111111vw;
    line-height: 2.3333333333;
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-note {
    margin-top: 2.1333333333vw;
    line-height: 1.8;
    font-size: 2.6666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__dynamic-video {
  aspect-ratio: 520/650;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__dynamic-video {
    margin-top: 5.3333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__dynamic-video .video-js {
  padding-top: 0;
  width: 100%;
  height: 100%;
}
.lp-vital-perfection .lp-vital-perfection__era {
  background-color: #E6DCC3;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__era {
    padding: 2.0833333333vw 8.3333333333vw 7.7083333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__era {
    padding: 5.3333333333vw 5.3333333333vw 18.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__era-content {
    display: flex;
    align-items: center;
    gap: 11.1111111111vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__era-btn {
  display: block;
  padding: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 520/650;
  border: none;
  background: transparent;
  position: relative;
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__era-btn {
    margin-top: 1.4666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__era-btn-label {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000000;
  letter-spacing: 0em;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__era-btn-label {
    margin-top: 3.8888888889vw;
    border-radius: 0.2777777778vw;
    width: 17.6944444444vw;
    height: 3.3222222222vw;
    font-size: 1.1111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__era-btn-label {
    margin-top: 8.5333333333vw;
    border-radius: 1.0666666667vw;
    width: 89.3333333333vw;
    height: 12.8vw;
    font-size: 3.7333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__era-btn-label:hover {
  opacity: 0.7;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__era-text {
    flex-shrink: 0;
    width: 41.6666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__era-title {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__era-title {
    line-height: 1.1;
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__era-title {
    line-height: 1.1666666667;
    font-size: 6.4vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__era-desc {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__era-desc {
    margin-top: 1.6666666667vw;
    line-height: 1.1666666667;
    font-size: 1.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__era-desc {
    margin-top: 2.4vw;
    line-height: 1.2857142857;
    font-size: 3.7333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__interview {
  background-color: #000000;
  color: #FFFFFF;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__interview {
    padding: 6.1111111111vw 19.4444444444vw 5.5555555556vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__interview {
    padding: 13.3333333333vw 5.3333333333vw 14.9333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__interview-title {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__interview-title {
    line-height: 1.1;
    font-size: 2.7777777778vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__interview-title {
    line-height: 1.1666666667;
    font-size: 6.4vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__interview-video {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__interview-video {
    margin-top: 2.5256944444vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__interview-video {
    margin-top: 5.3333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__interview-desc {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__interview-desc {
    margin-top: 2.7777777778vw;
    line-height: 1.2857142857;
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__interview-desc {
    margin-top: 5.3333333333vw;
    line-height: 1.2857142857;
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__intro {
    margin-top: 4.1666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__intro {
    margin-top: 8.5333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__intro-img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__intro-title {
    margin-top: 2.7777777778vw;
    font-family: "ginza-Medium", "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
    line-height: 1.4;
    font-size: 2.2222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__intro-title {
    margin-top: 5.3333333333vw;
    line-height: 1.1666666667;
    font-size: 6.4vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__intro-desc {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  line-height: 1.2857142857;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__intro-desc {
    margin-top: 1.6666666667vw;
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__intro-desc {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__intro-note {
  font-family: "ginza-Regular", "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  line-height: 1.6;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__intro-note {
    margin-top: 1.1111111111vw;
    font-size: 0.8333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__intro-note {
    margin-top: 2.6666666667vw;
    font-size: 3.2vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__intro-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFFFFF;
  color: #000000;
  font-family: "ginza-Medium", "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo";
  letter-spacing: 0.08em;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__intro-btn {
    margin-top: 3.9583333333vw;
    border-radius: 0.5555555556vw;
    width: 23.2638888889vw;
    height: 3.4722222222vw;
    font-size: 0.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__intro-btn {
    margin-top: 8.5333333333vw;
    border-radius: 0.5555555556vw;
    width: 89.3333333333vw;
    height: 13.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__modal {
  display: none;
}
.lp-vital-perfection .lp-vital-perfection__modal.is-open {
  display: block;
}
.lp-vital-perfection .lp-vital-perfection__modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.lp-vital-perfection .lp-vital-perfection__modal-container {
  width: 90%;
  max-width: 960px;
  max-height: 100vh;
  border-radius: 4px;
  box-sizing: border-box;
  position: relative;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__modal-container {
    width: 34.7222222222vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__modal-container {
    width: 89.3333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__modal-header {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.lp-vital-perfection .lp-vital-perfection__modal-close {
  border: 0;
  padding: 0;
  background: transparent;
  cursor: pointer;
  position: relative;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__modal-close {
    width: 1.9444444444vw;
    height: 1.9444444444vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__modal-close {
    width: 4.6666666667vw;
    height: 4.6666666667vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__modal-close::before, .lp-vital-perfection .lp-vital-perfection__modal-close::after {
  content: "";
  display: block;
  height: 3px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__modal-close::before, .lp-vital-perfection .lp-vital-perfection__modal-close::after {
    width: hypot(1.9444444444vw, 1.9444444444vw);
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__modal-close::before, .lp-vital-perfection .lp-vital-perfection__modal-close::after {
    width: hypot(4.6666666667vw, 4.6666666667vw);
  }
}
.lp-vital-perfection .lp-vital-perfection__modal-close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.lp-vital-perfection .lp-vital-perfection__modal-close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.lp-vital-perfection .lp-vital-perfection__modal-content {
  aspect-ratio: 500/625;
}
@media screen and (min-width: 769px) {
  .lp-vital-perfection .lp-vital-perfection__modal-content {
    margin-top: 1.2833333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lp-vital-perfection .lp-vital-perfection__modal-content {
    margin-top: 3.7333333333vw;
  }
}
.lp-vital-perfection .lp-vital-perfection__modal-content .video-js {
  padding-top: 0;
  width: 100%;
  height: 100%;
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.lp-vital-perfection .micromodal-slide {
  display: none;
}
.lp-vital-perfection .micromodal-slide.is-open {
  display: block;
}
.lp-vital-perfection .micromodal-slide[aria-hidden=false] .lp-vital-perfection__modal-overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.lp-vital-perfection .micromodal-slide[aria-hidden=false] .lp-vital-perfection__modal-container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.lp-vital-perfection .micromodal-slide[aria-hidden=true] .lp-vital-perfection__modal-overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.lp-vital-perfection .micromodal-slide[aria-hidden=true] .lp-vital-perfection__modal-container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.lp-vital-perfection .micromodal-slide .lp-vital-perfection__modal-container,
.lp-vital-perfection .micromodal-slide .lp-vital-perfection__modal-overlay {
  will-change: transform;
}

/*# sourceMappingURL=additional-lp-vital-perfection.css.map */