@charset "UTF-8";
@font-face {
  font-family: ShiseidoGinza-ExtraLight;
  font-weight: 400;
  font-style: normal;
  src: url("../font/ginzafont/ShiseidoGinza-Extralight.woff?$staticlink$");
}
@font-face {
  font-family: ShiseidoGinza-Light;
  font-weight: 400;
  font-style: normal;
  src: url("../font/ginzafont/ShiseidoGinza-Light.woff?$staticlink$");
}
@font-face {
  font-family: ShiseidoGinza-Regular;
  font-weight: 400;
  font-style: normal;
  src: url("../font/ginzafont/ShiseidoGinza-Regular.woff?$staticlink$");
}
@font-face {
  font-family: ShiseidoGinza-Medium;
  font-weight: 400;
  font-style: normal;
  src: url("../font/ginzafont/ShiseidoGinza-Medium.woff?$staticlink$");
}
@font-face {
  font-family: ShiseidoGinza-Bold;
  font-weight: 400;
  font-style: normal;
  src: url("../font/ginzafont/ShiseidoGinza-Bold.woff?$staticlink$");
}
/* prettier-ignore */
/* prettier-ignore */
:root {
  --scrollbar-width: 17px;
  scroll-padding-top: var(--header-height);
}
:root .sticky-header #main {
  padding-top: var(--header-height);
}

html {
  scroll-behavior: smooth;
}
html body {
  letter-spacing: normal;
}

.lp-utm-ingredient {
  /*
   * Additional Styles
  **/
}
.lp-utm-ingredient *,
.lp-utm-ingredient *::before,
.lp-utm-ingredient *::after {
  box-sizing: border-box;
}
.lp-utm-ingredient *:not(.video-js *) {
  font-family: "ReaderRegular", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  font-feature-settings: "palt";
  text-transform: none;
}
.lp-utm-ingredient img {
  width: 100%;
}
.lp-utm-ingredient picture {
  display: block;
}
.lp-utm-ingredient .u-inview.u-inview--basic {
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
  transition-delay: 0.1s;
  transform: translate3d(0, 3rem, 0) scale(1);
  opacity: 0;
}
.lp-utm-ingredient .u-inview.u-inview--basic.is-visible {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lp-utm-ingredient .lp-utm-ingredient__kv {
  position: relative;
  overflow: hidden;
  margin: 0 0 -0.1333333333vw;
}
.lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-overlay {
  position: absolute;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  background-image: linear-gradient(0deg, #000 0%, #000 1%, rgba(0, 0, 0, 0.50196) 62%, rgba(0, 0, 0, 0) 100%);
  height: 26.6666666667vw;
}
.lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-video-wrap {
  position: relative;
}
.lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-video-wrap::after {
  bottom: 8vw;
  left: 50%;
  position: absolute;
  z-index: 101;
  display: block;
  width: 7.2vw;
  height: 4vw;
  margin: 113.3333333333vw auto 0 auto;
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/icon-arrow-down.svg?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
  animation: scrollAttention 2.5s cubic-bezier(0.445, 0.05, 0.55, 0.95) 3.6s infinite;
}
.lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-video-wrap .lp-utm-ingredient__kv-video {
  width: 100%;
  height: auto;
}
.lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.lp-utm-ingredient .lp-utm-ingredient__kv picture {
  position: absolute;
  top: 10.2666666667vw;
  width: 82.8vw;
}
.lp-utm-ingredient .lp-utm-ingredient__nav {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform 0.8s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.lp-utm-ingredient .lp-utm-ingredient__nav.is-unvisible {
  transform: translate3d(0, 100%, 0);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s, transform 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.lp-utm-ingredient .lp-utm-ingredient__nav ul {
  border-top: 0.1333333333vw solid rgba(255, 255, 255, 0.4);
  border-bottom: 0.1333333333vw solid rgba(255, 255, 255, 0.4);
  display: flex;
  justify-content: space-between;
  list-style: none;
}
.lp-utm-ingredient .lp-utm-ingredient__nav ul > li {
  flex: 1 1 0;
  position: relative;
}
.lp-utm-ingredient .lp-utm-ingredient__nav ul > li:nth-child(1):after, .lp-utm-ingredient .lp-utm-ingredient__nav ul > li:nth-child(3):after {
  height: 100%;
  position: absolute;
  top: 0;
  width: 0.1333333333vw;
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
}
.lp-utm-ingredient .lp-utm-ingredient__nav ul > li:nth-child(1):after {
  right: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__nav ul > li:nth-child(3):after {
  left: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__nav a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3.2vw;
  height: 12.8vw;
  width: 100%;
  font-family: "ShiseidoGinza-Medium", "Shiseido Ginza Medium", "Arial", "TazuganeGothicStdN", "MT たづがね角ゴシック StdN Regular", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  text-align: center;
  letter-spacing: 0.075em;
  text-decoration: none;
  color: #fff;
  transition: 0.3s;
  background-color: #000;
}
.lp-utm-ingredient .lp-utm-ingredient__nav a:hover, .lp-utm-ingredient .lp-utm-ingredient__nav a:active, .lp-utm-ingredient .lp-utm-ingredient__nav a:focus {
  opacity: 1;
}
.lp-utm-ingredient .lp-utm-ingredient__nav a:not([href]) {
  background-color: #c8102e;
}
.lp-utm-ingredient .lp-utm-ingredient__nav a[href]:hover, .lp-utm-ingredient .lp-utm-ingredient__nav a[href]:active, .lp-utm-ingredient .lp-utm-ingredient__nav a[href]:focus {
  color: rgba(255, 255, 255, 0.5);
}
.lp-utm-ingredient .lp-utm-ingredient__scroll-video {
  background-color: #000;
}
.lp-utm-ingredient .lp-utm-ingredient__scroll-video video {
  transform: translate(-49%, -50%) !important;
}
.lp-utm-ingredient .lp-utm-ingredient__scroll-video canvas {
  transform: translate(-49%, -50%) !important;
  max-height: 278.9333333333vw;
}
.lp-utm-ingredient .lp-utm-ingredient__scroll-video video {
  object-fit: cover;
}
.lp-utm-ingredient .lp-utm-ingredient__mv {
  width: 100%;
}
.lp-utm-ingredient #video-src-sp,
.lp-utm-ingredient #video-src-pc {
  display: none;
}
.lp-utm-ingredient .lp-utm-ingredient__item {
  position: relative;
  z-index: 999;
  background-color: #e6e6e6;
}
.lp-utm-ingredient .lp-utm-ingredient__item .u-inview.u-inview--basic {
  transition: transform 1s cubic-bezier(0.43, 0.05, 0.17, 1) 0s, opacity 1s cubic-bezier(0.43, 0.05, 0.17, 1) 0s;
  transition-delay: 0.1s;
  transform: translate3d(0, 3rem, 0) scale(1);
  opacity: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__item .u-inview.u-inview--basic.is-visible {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-title {
  padding: 13.3333333333vw 8vw 0 8vw;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-title img {
  height: 17.8666666667vw;
  width: auto;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-wrap {
  display: flex;
  position: relative;
  flex-direction: column-reverse;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video {
  margin: 12.5333333333vw 0 0 0;
  overflow: hidden;
  /* Hide control bar */
  /* Prevent the red progress bar on hover */
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js {
  width: 100%;
  height: 118.6666666667vw;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js .vjs-tech {
  object-fit: cover;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js .vjs-control-bar,
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js:hover .vjs-control-bar,
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js .vjs-big-play-button,
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js:hover .vjs-big-play-button {
  display: none !important;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js .vjs-progress-holder,
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js:hover .vjs-progress-holder {
  display: none !important;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info {
  transition: opacity 0.5s ease, transform 0.5s ease;
}
.lp-utm-ingredient .lp-utm-ingredient__item.lp-utm-ingredient__item--camelliapc {
  overflow: hidden;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect {
  position: absolute;
  top: 0%;
  left: 49.5%;
  width: auto !important;
  padding: 0 0 0 min(21.1805555556vw, 305px) !important;
  transform: translateX(min(12.9861111111vw, 187px));
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  display: block;
  position: relative;
  font-size: min(1.1111111111vw, 16px);
  line-height: 1.5;
  letter-spacing: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(1) {
  margin: min(6.9444444444vw, 100px) 0 0 0;
  padding: 0 0 0 min(3.4027777778vw, 49px);
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(1)::before {
  display: block;
  position: absolute;
  top: max(-4.8611111111vw, -70px);
  left: max(-9.6527777778vw, -139px);
  width: min(11.1111111111vw, 160px);
  height: min(13.6805555556vw, 197px);
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-flower.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(2) {
  margin: min(6.9444444444vw, 100px) 0 0 max(-2.7777777778vw, -40px);
  padding: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(2)::after {
  display: block;
  position: absolute;
  top: max(-4.8611111111vw, -70px);
  right: max(-5.9027777778vw, -85px);
  width: min(9.9305555556vw, 143px);
  height: min(13.0555555556vw, 188px);
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-leaf.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(3) {
  margin: min(6.9444444444vw, 100px) 0 0 0;
  padding: 0 0 0 min(3.4027777778vw, 49px);
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(3)::before {
  display: block;
  position: absolute;
  top: max(-4.8611111111vw, -70px);
  left: max(-9.7222222222vw, -140px);
  width: min(12.2916666667vw, 177px);
  height: min(12.3611111111vw, 178px);
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-beans.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(4) {
  margin: min(6.9444444444vw, 100px) 0 0 max(-5.5555555556vw, -80px);
  padding: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info--scrolleffect span:nth-of-type(4)::after {
  display: block;
  position: absolute;
  top: max(-5.5555555556vw, -80px);
  right: max(-7.6388888889vw, -110px);
  width: min(9.375vw, 135px);
  height: min(12.7777777778vw, 184px);
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-serum.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-subtitle {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  margin: 5.6vw 0 0 0;
  padding: 0 8vw;
  font-size: 4.2666666667vw;
  line-height: 1.437;
  letter-spacing: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__modal-btn {
  position: absolute;
  top: 90%;
  right: 6.6666666667vw;
  padding: 1.4666666667vw 5.3333333333vw 1.7333333333vw;
  border-radius: 4.2666666667vw;
  color: #fff;
  font-size: 4vw;
  text-transform: uppercase;
  font-family: "Noto Sans", sans-serif !important;
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, 0.89);
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info {
  background-color: #e6e6e6;
  width: 100%;
  padding: 27.3333333333vw 8vw 24vw 8vw;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  display: block;
  position: relative;
  font-size: 3.4666666667vw;
  line-height: 1.461;
  letter-spacing: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(1) {
  padding: 0 0 0 33.4666666667vw;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(1)::before {
  display: block;
  position: absolute;
  top: -12vw;
  left: -8vw;
  width: 38.5333333333vw;
  height: 40.8vw;
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-flower.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(2) {
  margin: 24vw 0 0 5.3333333333vw;
  padding: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(2)::after {
  display: block;
  position: absolute;
  top: -14.6666666667vw;
  right: -20vw;
  width: 43.2vw;
  height: 41.7333333333vw;
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-leaf.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(3) {
  margin: 18.6666666667vw 0 0 0;
  padding: 0 0 0 32vw;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(3)::before {
  display: block;
  position: absolute;
  top: -10.6666666667vw;
  left: -8vw;
  width: 39.3333333333vw;
  height: 39.4666666667vw;
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-beans.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(4) {
  margin: 25.7333333333vw 0 0 min(0vw, 0px);
  padding: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__detail-info span:nth-of-type(4)::after {
  display: block;
  position: absolute;
  top: -17.3333333333vw;
  right: -15.0666666667vw;
  width: 35.4666666667vw;
  height: 38.8vw;
  content: "";
  background-image: url("../images/lp/lp-utm-ingredient/bg-ingredient-serum.png?$staticlink$");
  background-repeat: no-repeat;
  background-size: contain;
}
.lp-utm-ingredient .lp-utm-ingredient__interview {
  background-color: #fff;
  margin: 0;
  padding: 18.5333333333vw 8vw 14.5333333333vw;
}
.lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-title {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  font-size: 6.4vw;
  line-height: 1.166;
  letter-spacing: 0;
  text-align: center;
}
.lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-movie {
  margin: 7.4666666667vw 0 0 0;
}
.lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-movie .video-js {
  width: 83.3333333333vw;
  height: 149.2vw;
  border-radius: 2.6666666667vw;
}
.lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-movie .video-js .vjs-tech {
  object-fit: cover;
}
.lp-utm-ingredient .lp-utm-ingredient__product {
  background-color: #fff;
  padding: 15.7333333333vw 0 0 0;
  width: 84vw;
  aspect-ratio: 630/851;
  height: auto;
}
.lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-inner {
  position: relative;
  width: 84vw;
  margin: 0 auto;
}
.lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-info {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  position: absolute;
  top: 78vw;
  padding: 0 11.4666666667vw;
  font-size: 5.6vw;
  line-height: 1.238;
  text-align: center;
  letter-spacing: 0.03em;
}
.lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-title {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
}
.lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-link {
  display: block;
  width: max-content;
  margin: 4.6666666667vw auto 0 auto;
  padding: 1.4666666667vw 5.3333333333vw 1.7333333333vw;
  border-radius: 4.2666666667vw;
  color: #fff;
  font-size: 4vw;
  font-family: "Noto Sans", sans-serif !important;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  background-color: rgba(0, 0, 0, 0.89);
}
.lp-utm-ingredient .lp-utm-ingredient__banner {
  position: sticky;
  top: var(--hh);
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(100vh - var(--hh));
  background-color: #fff;
  padding: 1.3333333333vw 0 0 0;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-inner {
  margin: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-list {
  list-style: none;
  margin: 0 8vw;
  height: 100vh;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-item {
  place-items: center;
  display: grid;
  opacity: 0;
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--hh));
  padding: 0 8vw;
  padding-bottom: 4.8vw;
  overflow: hidden;
  background-color: #fff;
}
.lp-utm-ingredient .lp-utm-ingredient__banner img {
  height: auto;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-info {
  position: absolute;
  bottom: 17.0666666667vw;
  justify-content: space-between;
  align-items: self-end;
  padding: 0 26.1333333333vw 0 26.1333333333vw;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-category {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  font-size: 6.4vw;
  text-align: center;
  margin: 0 0 6.6666666667vw 0;
  letter-spacing: 0;
  width: 100%;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-title {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  display: block;
  margin: 1.3333333333vw 0 0 0;
  font-size: 4.6666666667vw;
  line-height: 1.2;
  text-align: left;
}
.lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-link {
  width: max-content;
  padding: 1.2vw 8vw 1.8666666667vw 7.7333333333vw;
  border-radius: 4.2666666667vw;
  color: #fff;
  font-size: 4vw;
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, 0.8);
  font-family: "Noto Sans", sans-serif !important;
  text-transform: uppercase;
}
.lp-utm-ingredient .lp-utm-ingredient__modal {
  display: none;
  overscroll-behavior: contain;
  z-index: 999;
  position: fixed;
  top: calc(var(--header-height) - 4.2666666667vw);
  left: 0;
  width: 100%;
  margin: 0;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.85);
  height: calc(100vh - var(--header-height) + 4.2666666667vw);
  color: #000;
}
.lp-utm-ingredient .lp-utm-ingredient__modal.modal-is-open {
  display: block;
}
.lp-utm-ingredient .lp-utm-ingredient__modal-content {
  position: relative;
  top: 50%;
  left: 50%;
  width: 84vw;
  padding: 8vw 6.5333333333vw;
  border-radius: 2.6666666667vw;
  background-color: #fff;
  transform: translate(-50%, -50%);
}
.lp-utm-ingredient .lp-utm-ingredient__modal-content .lp-utm-ingredient__modal-title {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  font-size: 5.6vw;
  line-height: 1.285;
  letter-spacing: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__modal-content .lp-utm-ingredient__modal-text {
  font-family: "ReaderMedium", "Arial", sans-serif, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "BIZ UDPGothic", "Yu Gothic", "YuGothic", "Meiryo" !important;
  margin: 0;
  font-size: 4vw;
  line-height: 1.5;
  letter-spacing: 0;
}
.lp-utm-ingredient .lp-utm-ingredient__modal-content .lp-utm-ingredient__modal-note {
  margin: 3.3333333333vw 0 0 0;
  color: #666666;
  font-size: 2.6666666667vw;
  line-height: 0;
  font-family: "Noto Sans", sans-serif !important;
  letter-spacing: 0.07vw;
}
.lp-utm-ingredient .close-modal {
  position: absolute;
  top: -8vw;
  right: 0;
  background-color: transparent;
  width: 4vw;
  height: 4vw;
}
.lp-utm-ingredient .is-mobile {
  height: 100vh;
}
.lp-utm-ingredient .is-not-mobile {
  height: calc(100vh - var(--header-height));
}
.lp-utm-ingredient .modal-is-open {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  animation: fadeIn 0.5s;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.lp-utm-ingredient .modal-is-closed {
  animation: fadeOut 0.5s ease-out;
  display: none;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes scrollAttention {
  0% {
    transform: translate3d(-50%, 0, 0);
  }
  10% {
    transform: translate3d(-50%, 2.6666666667vw, 0);
  }
  20% {
    transform: translate3d(-50%, -0.6666666667vw, 0);
  }
  30% {
    transform: translate3d(-50%, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}
.c-hide {
  display: none !important;
}
.c-hide__pc {
  display: block !important;
}
.c-hide__pc--flex {
  display: flex !important;
}
.c-hide__pc--grid {
  display: grid !important;
}
.c-hide__pc--inline {
  display: inline !important;
}
.c-hide__sp, .c-hide__sp--flex, .c-hide__sp--grid, .c-hide__sp--inline {
  display: none !important;
}
@media screen and (min-width: 769px), print{
  .lp-utm-ingredient .lp-utm-ingredient__kv {
    margin: 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-overlay {
    background-image: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 1%, rgba(0, 0, 0, 0.30196) 56%, rgba(0, 0, 0, 0) 100%);
    left: 0;
    width: 100%;
    height: 10.4166666667vw;
  }
  .lp-utm-ingredient .lp-utm-ingredient__kv .lp-utm-ingredient__kv-video-wrap::after {
    display: block;
    width: 2.5vw;
    height: 1.3888888889vw;
    margin: 3.6805555556vw auto 0 auto;
    left: 22.5694444444vw;
    bottom: 13.3333333333vw;
  }
  .lp-utm-ingredient .lp-utm-ingredient__kv picture {
    top: 14.5138888889vw;
    left: 0;
    width: 30.5555555556vw;
    transform: translateX(7.2222222222vw);
  }
  .lp-utm-ingredient .lp-utm-ingredient__nav {
    left: 0;
    height: 3.3333333333vw;
    bottom: 1.9444444444vw;
  }
  .lp-utm-ingredient .lp-utm-ingredient__nav ul {
    position: relative;
    border-radius: 0.6944444444vw;
    overflow: hidden;
    width: 47.5694444444vw;
    margin: 0 auto;
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
  .lp-utm-ingredient .lp-utm-ingredient__nav ul > li:nth-child(1):after, .lp-utm-ingredient .lp-utm-ingredient__nav ul > li:nth-child(3):after {
    background-color: rgba(255, 255, 255, 0.2);
    display: block;
    content: "";
    width: 0.0694444444vw;
    height: 100%;
  }
  .lp-utm-ingredient .lp-utm-ingredient__nav a {
    font-size: 0.9027777778vw;
    height: 3.3333333333vw;
  }
  .lp-utm-ingredient .lp-utm-ingredient__scroll-video video {
    object-fit: contain;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .u-inview.u-inview--basic {
    transform: none;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item div.lp-utm-ingredient__item-inner {
    width: min(100vw, 1440px);
    margin: 0 auto;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item.lp-utm-ingredient__item--reverse .lp-utm-ingredient__item-title {
    margin: 0 auto;
    width: min(83.3333333333vw, 1200px);
    text-align: right;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-title {
    width: min(83.3333333333vw, 1200px);
    margin: 0 auto;
    padding: min(6.9444444444vw, 100px) 0 0 0;
    text-align: left;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-title img {
    height: min(3.2638888889vw, 47px);
    width: auto;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-wrap {
    flex-direction: row;
    align-items: center;
    margin: min(4.1666666667vw, 60px) 0 0 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-wrap.lp-utm-ingredient__item-wrap--reverse .lp-utm-ingredient__item-video {
    order: 1;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-wrap .lp-utm-ingredient__item-info {
    padding: 0 min(7.2916666667vw, 105px) 0 min(8.1944444444vw, 118px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video {
    margin: 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-video .video-js {
    width: min(61.1111111111vw, 880px);
    height: min(48.6111111111vw, 700px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-info {
    width: 38.9%;
    padding: 0 min(9.1666666667vw, 132px) 0 min(6.25vw, 90px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-subtitle {
    width: auto;
    margin: 0;
    font-size: min(2.2222222222vw, 32px);
    letter-spacing: -0.025em;
    padding: 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-text {
    margin: min(1.3888888889vw, 20px) 0 0 0;
    font-size: min(1.1111111111vw, 16px);
    line-height: 1.5;
    letter-spacing: 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__item .lp-utm-ingredient__item-note {
    display: block;
    font-size: min(0.9722222222vw, 14px);
    margin: min(0.6944444444vw, 10px) 0 0 0;
    letter-spacing: 0.015em;
    color: #666666;
  }
  .lp-utm-ingredient .lp-utm-ingredient__interview {
    margin: 0 auto 0 auto;
    padding: min(9.4444444444vw, 136px) 0 0 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-title {
    font-size: min(2.5vw, 36px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-movie {
    margin: min(2.5vw, 36px) 0 0 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__interview .lp-utm-ingredient__interview-movie .video-js {
    width: min(78.4722222222vw, 1130px);
    height: min(44.2361111111vw, 637px);
    margin: 0 auto;
    border-radius: min(1.3888888889vw, 20px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__product {
    aspect-ratio: auto;
    width: auto;
    margin: 0 auto 0 auto;
    padding: min(7.6388888889vw, 110px) 0 0 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-inner {
    width: min(62.5vw, 900px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-info {
    top: min(4.6527777778vw, 67px);
    left: 50%;
    padding: 0;
    font-size: min(1.9444444444vw, 28px);
    line-height: 1.285;
    letter-spacing: 0;
    transform: translateX(max(-27.7777777778vw, -400px));
  }
  .lp-utm-ingredient .lp-utm-ingredient__product .lp-utm-ingredient__product-link {
    margin: min(1.3888888889vw, 20px) auto 0 auto;
    padding: min(0.6944444444vw, 10px) min(2.2222222222vw, 32px) min(0.6944444444vw, 10px) min(2.0833333333vw, 30px);
    border-radius: min(1.4583333333vw, 21px);
    font-size: min(1.25vw, 18px);
    background-color: rgba(0, 0, 0, 0.8);
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner {
    position: relative;
    padding: min(8.1944444444vw, 118px) 0 0 0;
    height: auto;
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-inner {
    margin: 0;
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-list {
    height: auto;
    display: flex;
    justify-content: space-between;
    width: min(83.3333333333vw, 1200px);
    margin: 0 auto min(8.3333333333vw, 120px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-item {
    position: relative;
    padding: 0;
    width: min(25vw, 360px);
    margin: 0 !important;
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner img {
    height: min(27.7777777778vw, 400px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-info {
    bottom: min(1.3888888889vw, 20px);
    right: min(0vw, 0px);
    padding: 0 min(1.4583333333vw, 21px) 0 min(1.6666666667vw, 24px);
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-title {
    margin: min(0.5555555556vw, 8px) 0 0 0;
    font-size: min(1.3888888889vw, 20px);
    line-height: 1.2;
  }
  .lp-utm-ingredient .lp-utm-ingredient__banner .lp-utm-ingredient__banner-link {
    padding: min(0.3472222222vw, 5px) min(2.0833333333vw, 30px) min(0.5555555556vw, 8px) min(1.9444444444vw, 28px);
    border-radius: min(1.1111111111vw, 16px);
    font-size: min(0.9722222222vw, 14px);
    background-color: rgba(0, 0, 0, 0.8);
  }
  @keyframes scrollAttention {
    0% {
      transform: translate3d(-50%, 0, 0);
    }
    10% {
      transform: translate3d(-50%, min(0.6944444444vw, 10px), 0);
    }
    20% {
      transform: translate3d(-50%, max(-0.3472222222vw, -5px), 0);
    }
    30% {
      transform: translate3d(-50%, 0, 0);
    }
    100% {
      transform: translate3d(-50%, 0, 0);
    }
  }
  .c-hide__pc, .c-hide__pc--flex, .c-hide__pc--grid, .c-hide__pc--inline {
    display: none !important;
  }
  .c-hide__sp {
    display: block !important;
  }
  .c-hide__sp--flex {
    display: flex !important;
  }
  .c-hide__sp--grid {
    display: grid !important;
  }
  .c-hide__sp--inline {
    display: inline !important;
  }
}