@charset "UTF-8";
body {
  margin: 0;
}

.l-mrt-main img,
.l-mrt-main input[type=image] {
  -webkit-backface-visibility: hidden;
}
.l-mrt-main img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.l-mrt-main *,
.l-mrt-main *:before,
.l-mrt-main *:after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.l-mrt-main a {
  text-decoration: none;
}
.l-mrt-main button {
  background: unset;
}
.l-mrt-main li {
  list-style-type: none;
}

.l-mrt-main {
  font-family: "YuGoPr6N-Medium", sans-serif;
  letter-spacing: -0.01em;
  color: #000;
  background-color: #FBD83F;
}
.l-mrt-main a {
  transition: opacity 0.3s;
}
.l-mrt-main a:hover {
  opacity: 0.7;
}

.spD {
  display: none;
}
@media screen and (max-width: 640px) {
  .spD {
    display: block;
  }
}

.pcD {
  display: block;
}
@media screen and (max-width: 640px) {
  .pcD {
    display: none;
  }
}

.p-mrt-top-shop, .p-mrt-top-related, .p-mrt-top-lineup, .p-mrt-top-about, .p-mrt-top-poster, .p-mrt-top-cm {
  position: relative;
  z-index: 1;
  padding: min(4.8828125vw, 50px) 0;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-shop, .p-mrt-top-related, .p-mrt-top-lineup, .p-mrt-top-about, .p-mrt-top-poster, .p-mrt-top-cm {
    padding: 8vw 0;
  }
}

.p-mrt-top-share__inner, .p-mrt-top-shop__inner, .p-mrt-top-related__inner, .p-mrt-top-lineup__inner, .p-mrt-top-about__inner, .p-mrt-top-poster__inner, .p-mrt-top-cm__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 min(6.0546875vw, 62px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-share__inner, .p-mrt-top-shop__inner, .p-mrt-top-related__inner, .p-mrt-top-lineup__inner, .p-mrt-top-about__inner, .p-mrt-top-poster__inner, .p-mrt-top-cm__inner {
    padding: 0 4vw;
  }
}

.p-mrt-top-lineup__ttl, .p-mrt-top-about__ttl, .p-mrt-top-poster__txt, .p-mrt-top-cm__ttl {
  margin: 0 auto;
  margin-bottom: min(7.8125vw, 80px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__ttl, .p-mrt-top-about__ttl, .p-mrt-top-poster__txt, .p-mrt-top-cm__ttl {
    margin-bottom: 6.4vw;
  }
}

/* ----------------------------------------------------------------
フェードアニメーション
----------------------------------------------------------------- */
:root {
  --fade-translate-x: 0px;
  --fade-translate-y: 0px;
  --fade-duration: 500ms;
}

/* 表示方向 */
.up {
  --fade-translate-x: 0px;
  --fade-translate-y: 50px;
}

.down {
  --fade-translate-x: 0px;
  --fade-translate-y: -50px;
}

.left {
  --fade-translate-x: -50px;
  --fade-translate-y: 0px;
}

.right {
  --fade-translate-x: 50px;
  --fade-translate-y: 0px;
}

.jsFade {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
  transition-delay: 0ms;
  transform: translate(var(--fade-translate-x), var(--fade-translate-y));
}
.jsFade.speed--100 {
  transition-duration: 100ms;
}
.jsFade.speed--200 {
  transition-duration: 200ms;
}
.jsFade.speed--300 {
  transition-duration: 300ms;
}
.jsFade.speed--400 {
  transition-duration: 400ms;
}
.jsFade.speed--500 {
  transition-duration: 500ms;
}
.jsFade.speed--600 {
  transition-duration: 600ms;
}
.jsFade.speed--700 {
  transition-duration: 700ms;
}
.jsFade.speed--800 {
  transition-duration: 800ms;
}
.jsFade.speed--900 {
  transition-duration: 900ms;
}
.jsFade.speed--1000 {
  transition-duration: 1000ms;
}
.jsFade.speed--1100 {
  transition-duration: 1100ms;
}
.jsFade.speed--1200 {
  transition-duration: 1200ms;
}
.jsFade.speed--1300 {
  transition-duration: 1300ms;
}
.jsFade.speed--1400 {
  transition-duration: 1400ms;
}
.jsFade.speed--1500 {
  transition-duration: 1500ms;
}
.jsFade.speed--1600 {
  transition-duration: 1600ms;
}
.jsFade.speed--1700 {
  transition-duration: 1700ms;
}
.jsFade.speed--1800 {
  transition-duration: 1800ms;
}
.jsFade.speed--1900 {
  transition-duration: 1900ms;
}
.jsFade.speed--2000 {
  transition-duration: 2000ms;
}
.jsFade.speed--2100 {
  transition-duration: 2100ms;
}
.jsFade.speed--2200 {
  transition-duration: 2200ms;
}
.jsFade.speed--2300 {
  transition-duration: 2300ms;
}
.jsFade.speed--2400 {
  transition-duration: 2400ms;
}
.jsFade.speed--2500 {
  transition-duration: 2500ms;
}
.jsFade.speed--2600 {
  transition-duration: 2600ms;
}
.jsFade.speed--2700 {
  transition-duration: 2700ms;
}
.jsFade.speed--2800 {
  transition-duration: 2800ms;
}
.jsFade.speed--2900 {
  transition-duration: 2900ms;
}
.jsFade.speed--3000 {
  transition-duration: 3000ms;
}
.jsFade.delay--100 {
  transition-delay: 100ms;
}
.jsFade.delay--200 {
  transition-delay: 200ms;
}
.jsFade.delay--300 {
  transition-delay: 300ms;
}
.jsFade.delay--400 {
  transition-delay: 400ms;
}
.jsFade.delay--500 {
  transition-delay: 500ms;
}
.jsFade.delay--600 {
  transition-delay: 600ms;
}
.jsFade.delay--700 {
  transition-delay: 700ms;
}
.jsFade.delay--800 {
  transition-delay: 800ms;
}
.jsFade.delay--900 {
  transition-delay: 900ms;
}
.jsFade.delay--1000 {
  transition-delay: 1000ms;
}
.jsFade.delay--1100 {
  transition-delay: 1100ms;
}
.jsFade.delay--1200 {
  transition-delay: 1200ms;
}
.jsFade.delay--1300 {
  transition-delay: 1300ms;
}
.jsFade.delay--1400 {
  transition-delay: 1400ms;
}
.jsFade.delay--1500 {
  transition-delay: 1500ms;
}
.jsFade.delay--1600 {
  transition-delay: 1600ms;
}
.jsFade.delay--1700 {
  transition-delay: 1700ms;
}
.jsFade.delay--1800 {
  transition-delay: 1800ms;
}
.jsFade.delay--1900 {
  transition-delay: 1900ms;
}
.jsFade.delay--2000 {
  transition-delay: 2000ms;
}
.jsFade.delay--2100 {
  transition-delay: 2100ms;
}
.jsFade.delay--2200 {
  transition-delay: 2200ms;
}
.jsFade.delay--2300 {
  transition-delay: 2300ms;
}
.jsFade.delay--2400 {
  transition-delay: 2400ms;
}
.jsFade.delay--2500 {
  transition-delay: 2500ms;
}
.jsFade.delay--2600 {
  transition-delay: 2600ms;
}
.jsFade.delay--2700 {
  transition-delay: 2700ms;
}
.jsFade.delay--2800 {
  transition-delay: 2800ms;
}
.jsFade.delay--2900 {
  transition-delay: 2900ms;
}
.jsFade.delay--3000 {
  transition-delay: 3000ms;
}

.jsScroll {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
  transition-delay: 0ms;
  transform: translate(var(--fade-translate-x), var(--fade-translate-y));
}
.jsScroll.speed--100 {
  transition-duration: 100ms;
}
.jsScroll.speed--200 {
  transition-duration: 200ms;
}
.jsScroll.speed--300 {
  transition-duration: 300ms;
}
.jsScroll.speed--400 {
  transition-duration: 400ms;
}
.jsScroll.speed--500 {
  transition-duration: 500ms;
}
.jsScroll.speed--600 {
  transition-duration: 600ms;
}
.jsScroll.speed--700 {
  transition-duration: 700ms;
}
.jsScroll.speed--800 {
  transition-duration: 800ms;
}
.jsScroll.speed--900 {
  transition-duration: 900ms;
}
.jsScroll.speed--1000 {
  transition-duration: 1000ms;
}
.jsScroll.speed--1100 {
  transition-duration: 1100ms;
}
.jsScroll.speed--1200 {
  transition-duration: 1200ms;
}
.jsScroll.speed--1300 {
  transition-duration: 1300ms;
}
.jsScroll.speed--1400 {
  transition-duration: 1400ms;
}
.jsScroll.speed--1500 {
  transition-duration: 1500ms;
}
.jsScroll.speed--1600 {
  transition-duration: 1600ms;
}
.jsScroll.speed--1700 {
  transition-duration: 1700ms;
}
.jsScroll.speed--1800 {
  transition-duration: 1800ms;
}
.jsScroll.speed--1900 {
  transition-duration: 1900ms;
}
.jsScroll.speed--2000 {
  transition-duration: 2000ms;
}
.jsScroll.speed--2100 {
  transition-duration: 2100ms;
}
.jsScroll.speed--2200 {
  transition-duration: 2200ms;
}
.jsScroll.speed--2300 {
  transition-duration: 2300ms;
}
.jsScroll.speed--2400 {
  transition-duration: 2400ms;
}
.jsScroll.speed--2500 {
  transition-duration: 2500ms;
}
.jsScroll.speed--2600 {
  transition-duration: 2600ms;
}
.jsScroll.speed--2700 {
  transition-duration: 2700ms;
}
.jsScroll.speed--2800 {
  transition-duration: 2800ms;
}
.jsScroll.speed--2900 {
  transition-duration: 2900ms;
}
.jsScroll.speed--3000 {
  transition-duration: 3000ms;
}
.jsScroll.delay--100 {
  transition-delay: 100ms;
}
.jsScroll.delay--200 {
  transition-delay: 200ms;
}
.jsScroll.delay--300 {
  transition-delay: 300ms;
}
.jsScroll.delay--400 {
  transition-delay: 400ms;
}
.jsScroll.delay--500 {
  transition-delay: 500ms;
}
.jsScroll.delay--600 {
  transition-delay: 600ms;
}
.jsScroll.delay--700 {
  transition-delay: 700ms;
}
.jsScroll.delay--800 {
  transition-delay: 800ms;
}
.jsScroll.delay--900 {
  transition-delay: 900ms;
}
.jsScroll.delay--1000 {
  transition-delay: 1000ms;
}
.jsScroll.delay--1100 {
  transition-delay: 1100ms;
}
.jsScroll.delay--1200 {
  transition-delay: 1200ms;
}
.jsScroll.delay--1300 {
  transition-delay: 1300ms;
}
.jsScroll.delay--1400 {
  transition-delay: 1400ms;
}
.jsScroll.delay--1500 {
  transition-delay: 1500ms;
}
.jsScroll.delay--1600 {
  transition-delay: 1600ms;
}
.jsScroll.delay--1700 {
  transition-delay: 1700ms;
}
.jsScroll.delay--1800 {
  transition-delay: 1800ms;
}
.jsScroll.delay--1900 {
  transition-delay: 1900ms;
}
.jsScroll.delay--2000 {
  transition-delay: 2000ms;
}
.jsScroll.delay--2100 {
  transition-delay: 2100ms;
}
.jsScroll.delay--2200 {
  transition-delay: 2200ms;
}
.jsScroll.delay--2300 {
  transition-delay: 2300ms;
}
.jsScroll.delay--2400 {
  transition-delay: 2400ms;
}
.jsScroll.delay--2500 {
  transition-delay: 2500ms;
}
.jsScroll.delay--2600 {
  transition-delay: 2600ms;
}
.jsScroll.delay--2700 {
  transition-delay: 2700ms;
}
.jsScroll.delay--2800 {
  transition-delay: 2800ms;
}
.jsScroll.delay--2900 {
  transition-delay: 2900ms;
}
.jsScroll.delay--3000 {
  transition-delay: 3000ms;
}

.jsScrollIn {
  opacity: 1;
  transform: translate(0, 0);
}

/* ----------------------------------------------------------------
swiper
----------------------------------------------------------------- */
.l-mrt-main .swiper {
  padding-bottom: min(4.6875vw, 48px);
}
@media screen and (max-width: 640px) {
  .l-mrt-main .swiper {
    padding-bottom: 10.6666666667vw;
  }
}
.l-mrt-main .swiper-wrapper {
  transition-timing-function: linear;
}
.l-mrt-main .swiper-pagination-bullet {
  width: min(0.87890625vw, 9px);
  height: min(0.87890625vw, 9px);
  background: #fff;
  opacity: 1;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .swiper-pagination-bullet {
    width: 2.4vw;
    height: 2.4vw;
  }
}
.l-mrt-main .swiper-pagination-bullet-active {
  background: #000;
}
.l-mrt-main .swiper .swiper-horizontal > .swiper-pagination-bullets,
.l-mrt-main .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
.l-mrt-main .swiper .swiper-pagination-custom,
.l-mrt-main .swiper .swiper-pagination-fraction {
  bottom: min(0.29296875vw, 3px);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .swiper .swiper-horizontal > .swiper-pagination-bullets,
  .l-mrt-main .swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
  .l-mrt-main .swiper .swiper-pagination-custom,
  .l-mrt-main .swiper .swiper-pagination-fraction {
    bottom: 2.1333333333vw;
  }
}
.l-mrt-main .swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.l-mrt-main .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, min(0.390625vw, 4px));
}
@media screen and (max-width: 640px) {
  .l-mrt-main .swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .l-mrt-main .swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 1.0666666667vw);
  }
}
.l-mrt-main .swiper-button {
  position: absolute;
  z-index: 50;
  bottom: 0;
  right: min(2.9296875vw, 30px);
  border: unset;
  width: min(3.125vw, 32px);
}
@media screen and (max-width: 640px) {
  .l-mrt-main .swiper-button {
    right: 8vw;
    width: 6.4vw;
  }
}
.l-mrt-main .swiper-button .play {
  display: none;
}
.l-mrt-main .swiper-button.paused .play {
  display: block;
}
.l-mrt-main .swiper-button.paused .stop {
  display: none;
}

/* ----------------------------------------------------------------
button
----------------------------------------------------------------- */
.l-mrt-main .followButton {
  width: min(19.53125vw, 200px);
  position: fixed;
  right: 23px;
  bottom: 50px;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  will-change: transform;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .followButton {
    width: 32vw;
    right: 4vw;
    bottom: 10.6666666667vw;
  }
}
.l-mrt-main .followButton.is-active {
  opacity: 1;
  pointer-events: auto;
}

/* ----------------------------------------------------------------
modal
----------------------------------------------------------------- */
.l-mrt-main .modalBtn {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  transition: opacity 0.3s;
}
.l-mrt-main .modalBtn:hover {
  opacity: 0.7;
}
.l-mrt-main .cmModal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
}
.l-mrt-main .cmModal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.l-mrt-main .cmModal--open {
  display: block;
}
.l-mrt-main .cmModal__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: min(70.3125vw, 720px);
  height: fit-content;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .cmModal__inner {
    width: 100%;
  }
}
.l-mrt-main .cmModal__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: max(-2.9296875vw, -30px);
  right: 0;
  width: min(1.953125vw, 20px);
  height: min(1.953125vw, 20px);
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202503/top/icn_modal_close.png?fmt=png-alpha&wid=30");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .cmModal__close {
    top: -8vw;
    right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}
.l-mrt-main .cmModal__movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.l-mrt-main .cmModal__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.l-mrt-main .posterModal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
}
.l-mrt-main .posterModal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.l-mrt-main .posterModal--open {
  display: block;
}
.l-mrt-main .posterModal__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: min(62.5vw, 640px);
  height: fit-content;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .posterModal__inner {
    width: 100%;
  }
}
.l-mrt-main .posterModal__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: max(-2.9296875vw, -30px);
  right: 0;
  width: min(1.953125vw, 20px);
  height: min(1.953125vw, 20px);
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202503/top/icn_modal_close.png?fmt=png-alpha&wid=30");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 640px) {
  .l-mrt-main .posterModal__close {
    top: -8vw;
    right: 2.6666666667vw;
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-kv
----------------------------------------------------------------- */
.p-mrt-top-kv {
  position: relative;
  padding-bottom: min(2.9296875vw, 30px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv {
    padding-bottom: 8vw;
  }
}
.p-mrt-top-kv__inner {
  position: relative;
  z-index: 1;
  width: min(87.890625vw, 900px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__inner {
    width: 100%;
  }
}
.p-mrt-top-kv__img {
  position: absolute;
  z-index: 1;
}
.p-mrt-top-kv__img--01 {
  width: min(17.7734375vw, 182px);
  top: min(4.19921875vw, 43px);
  left: min(5.859375vw, 60px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--01 {
    width: 24.2666666667vw;
    top: 4.5333333333vw;
    left: 1.3333333333vw;
  }
}
.p-mrt-top-kv__img--02 {
  width: min(15.72265625vw, 161px);
  top: min(6.640625vw, 68px);
  right: min(7.421875vw, 76px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--02 {
    width: 21.3333333333vw;
    top: 11.4666666667vw;
    right: 3.2vw;
  }
}
.p-mrt-top-kv__img--03 {
  width: min(15.4296875vw, 158px);
  top: min(23.4375vw, 240px);
  left: max(-4.00390625vw, -41px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--03 {
    width: 19.7333333333vw;
    top: 53.3333333333vw;
    left: -1.0666666667vw;
  }
}
.p-mrt-top-kv__img--04 {
  width: min(10.15625vw, 104px);
  top: min(29.296875vw, 300px);
  right: min(0.48828125vw, 5px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--04 {
    width: 13.8666666667vw;
    top: 52.2666666667vw;
    right: 5.0666666667vw;
  }
}
.p-mrt-top-kv__img--05 {
  width: min(16.30859375vw, 167px);
  top: 0;
  left: min(10.05859375vw, 103px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--05 {
    width: 22.1333333333vw;
    top: 11.2vw;
    left: 0;
  }
}
.p-mrt-top-kv__img--06 {
  width: min(11.62109375vw, 119px);
  top: min(1.171875vw, 12px);
  right: min(12.59765625vw, 129px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--06 {
    width: 16vw;
    top: 13.3333333333vw;
    right: 3.7333333333vw;
  }
}
.p-mrt-top-kv__img--07 {
  width: min(18.26171875vw, 187px);
  top: min(23.828125vw, 244px);
  left: 0;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--07 {
    width: 19.7333333333vw;
    top: 74.6666666667vw;
    left: -0.8vw;
  }
}
.p-mrt-top-kv__img--08 {
  width: min(17.1875vw, 176px);
  top: min(29.296875vw, 300px);
  right: min(2.9296875vw, 30px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--08 {
    width: 23.4666666667vw;
    top: 80vw;
    right: 0;
  }
}
.p-mrt-top-kv__img--09 {
  width: min(18.5546875vw, 190px);
  top: min(63.4765625vw, 650px);
  left: min(8.7890625vw, 90px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--09 {
    width: 25.3333333333vw;
    top: 162.6666666667vw;
    left: 1.0666666667vw;
  }
}
.p-mrt-top-kv__img--10 {
  width: min(16.11328125vw, 165px);
  top: min(56.640625vw, 580px);
  right: min(9.9609375vw, 102px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--10 {
    width: 19.7333333333vw;
    top: 138.6666666667vw;
    right: -1.3333333333vw;
  }
}
.p-mrt-top-kv__img--11 {
  width: min(29.00390625vw, 297px);
  top: min(75.1953125vw, 770px);
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__img--11 {
    width: 34.9333333333vw;
    top: 186.6666666667vw;
  }
}
.p-mrt-top-kv__ttl {
  position: relative;
  z-index: 1;
  width: 100%;
}
.p-mrt-top-kv__ttl .p-mrt-top-kv__inner {
  padding: min(10.546875vw, 108px) 0;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__ttl .p-mrt-top-kv__inner {
    padding: 18.6666666667vw 0;
  }
}
.p-mrt-top-kv__ttl h2 {
  width: min(30.2734375vw, 310px);
  margin-left: min(24.4140625vw, 250px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__ttl h2 {
    width: 52vw;
    margin-left: 20vw;
  }
}
.p-mrt-top-kv__ttl h2 picture {
  display: block;
}
.p-mrt-top-kv__ttl h2 picture:nth-of-type(n+2) {
  margin-top: min(2.1484375vw, 22px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__ttl h2 picture:nth-of-type(n+2) {
    margin-top: 4.8vw;
  }
}
.p-mrt-top-kv__txt {
  position: relative;
  z-index: 1;
  width: 100%;
  height: min(95.703125vw, 980px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__txt {
    height: 213.3333333333vw;
  }
}
.p-mrt-top-kv__txt p {
  width: min(38.0859375vw, 390px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__txt p {
    width: 60vw;
  }
}
.p-mrt-top-kv__txt p:nth-of-type(n+2) {
  margin-top: min(3.125vw, 32px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__txt p:nth-of-type(n+2) {
    margin-top: 8vw;
  }
}
.p-mrt-top-kv__txt p picture {
  display: block;
}
.p-mrt-top-kv__txt p picture:nth-child(n+2) {
  margin-top: min(3.125vw, 32px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-kv__txt p picture:nth-child(n+2) {
    margin-top: 8vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-cm
----------------------------------------------------------------- */
.p-mrt-top-cm__ttl {
  width: min(33.3984375vw, 342px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm__ttl {
    width: 70.9333333333vw;
  }
}
.p-mrt-top-cm .swiper {
  width: min(93.75vw, 960px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm .swiper {
    width: 100%;
  }
}
.p-mrt-top-cm .swiper .swiper-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  gap: min(2.9296875vw, 30px) min(1.46484375vw, 15px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm .swiper .swiper-wrapper {
    flex-wrap: nowrap;
    justify-content: unset;
    gap: unset;
  }
}
@media screen and (min-width: 641px) {
  .p-mrt-top-cm .swiper .swiper-slide {
    width: 32% !important;
  }
}
.p-mrt-top-cm .swiper figure {
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm .swiper figure {
    width: 80vw;
  }
}
.p-mrt-top-cm .swiper figure picture {
  position: relative;
  z-index: 1;
  display: block;
  overflow: hidden;
  border: 1px solid #666666;
  border-radius: min(1.953125vw, 20px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm .swiper figure picture {
    border-radius: 4.2666666667vw;
  }
}
.p-mrt-top-cm .swiper figure picture::before {
  position: absolute;
  z-index: 1;
  content: "";
  background-color: rgba(255, 255, 255, 0.6);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.p-mrt-top-cm .swiper figure picture::after {
  position: absolute;
  z-index: 2;
  content: "";
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202503/top/icn_cm_play.png?fmt=png-alpha&wid=150");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 21.4285714286%;
  height: 38.1355932203%;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm .swiper figure picture::after {
    width: 17.0666666667vw;
    height: 17.0666666667vw;
  }
}
.p-mrt-top-cm .swiper figure figcaption {
  font-size: min(1.5625vw, 16px);
  font-weight: 500;
  margin-top: min(0.9765625vw, 10px);
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-cm .swiper figure figcaption {
    font-size: 3.7333333333vw;
    margin-top: 4.8vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-poster
----------------------------------------------------------------- */
.p-mrt-top-poster__ttl {
  width: min(40.4296875vw, 414px);
  margin: 0 auto min(0.9765625vw, 10px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-poster__ttl {
    width: 88.8vw;
    margin-bottom: 2.6666666667vw;
  }
}
.p-mrt-top-poster__txt {
  text-align: center;
  font-size: min(1.5625vw, 16px);
  position: relative;
  width: fit-content;
  padding-left: 2.5em;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-poster__txt {
    font-size: 3.7333333333vw;
    text-align: center;
  }
}
.p-mrt-top-poster__txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202507/top/icn_zoom.png?fmt=png-alpha&wid=53");
  background-repeat: no-repeat;
  background-size: min(2.5390625vw, 26px);
  width: 100%;
  height: min(2.5390625vw, 26px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-poster__txt::before {
    background-size: 6.4vw;
    height: 6.4vw;
  }
}
.p-mrt-top-poster .swiper figure {
  position: relative;
  z-index: 1;
  width: 94.4444444444%;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid #666666;
  border-radius: 1.8301610542vw;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-poster .swiper figure {
    width: 26.6666666667vw;
    border-radius: 4.2666666667vw;
  }
}
@media screen and (max-width: 640px) {
  .p-mrt-top-poster .swiper.posterSwiper01 {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  .p-mrt-top-poster .swiper.posterSwiper02 {
    margin-top: 3.7333333333vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-about
----------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .p-mrt-top-about__inner {
    padding: 0;
  }
}
.p-mrt-top-about__ttl {
  width: min(42.87109375vw, 439px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ttl {
    width: 75.2vw;
  }
}
.p-mrt-top-about__img {
  position: relative;
  z-index: -1;
  width: min(39.0625vw, 400px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__img {
    width: 80vw;
    margin: 0 auto 8vw;
  }
}
.p-mrt-top-about__txt {
  font-size: min(1.66015625vw, 17px);
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__txt {
    font-size: 3.7333333333vw;
  }
}
.p-mrt-top-about__ingredients {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: min(7.8125vw, 80px);
  gap: 0 min(6.8359375vw, 70px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients {
    margin-top: 16vw;
    gap: 16vw 0;
  }
}
.p-mrt-top-about__ingredients .item {
  width: min(32.71484375vw, 335px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item {
    width: 100%;
  }
}
.p-mrt-top-about__ingredients .item h3 {
  margin: 0 auto;
}
.p-mrt-top-about__ingredients .item figure {
  position: relative;
  z-index: 1;
  width: min(11.1328125vw, 114px);
  margin: min(1.953125vw, 20px) auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item figure {
    width: 30.4vw;
    margin: 5.3333333333vw auto;
  }
}
.p-mrt-top-about__ingredients .item figure figcaption {
  position: absolute;
  z-index: 1;
  font-size: min(1.171875vw, 12px);
  bottom: 0;
  right: max(-4.8828125vw, -50px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item figure figcaption {
    font-size: 2.9333333333vw;
    right: -13.3333333333vw;
  }
}
.p-mrt-top-about__ingredients .item p {
  font-size: min(1.5625vw, 16px);
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item p {
    font-size: 3.7333333333vw;
  }
}
.p-mrt-top-about__ingredients .item p span {
  font-size: min(1.171875vw, 12px);
  vertical-align: text-top;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item p span {
    font-size: 2.9333333333vw;
  }
}
.p-mrt-top-about__ingredients .item--moisture h3 {
  width: min(23.2421875vw, 238px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item--moisture h3 {
    width: 63.4666666667vw;
  }
}
.p-mrt-top-about__ingredients .item--quasidrug h3 {
  width: min(23.2421875vw, 238px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item--quasidrug h3 {
    width: 63.4666666667vw;
  }
}
.p-mrt-top-about__ingredients .item--quasidrug picture {
  display: block;
  width: min(10.05859375vw, 103px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__ingredients .item--quasidrug picture {
    width: 27.4666666667vw;
  }
}
.p-mrt-top-about__feature {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: min(4.8828125vw, 50px);
  gap: 0 min(0.68359375vw, 7px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__feature {
    margin-top: 10.6666666667vw;
    gap: 4.2666666667vw 2.6666666667vw;
  }
}
.p-mrt-top-about__feature .item {
  width: min(17.578125vw, 180px);
  height: min(6.8359375vw, 70px);
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202503/top/bg_about_txt_pc.png?fmt=png-alpha&wid=200");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__feature .item {
    width: 42.6666666667vw;
    height: 21.3333333333vw;
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202503/top/bg_about_txt_sp.png?fmt=png-alpha&wid=100");
  }
}
.p-mrt-top-about__feature .item p {
  display: flex;
}
.p-mrt-top-about__feature .item:nth-child(1) p {
  width: min(12.5vw, 128px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__feature .item:nth-child(1) p {
    width: 34.1333333333vw;
  }
}
.p-mrt-top-about__feature .item:nth-child(2) p {
  width: min(13.8671875vw, 142px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__feature .item:nth-child(2) p {
    width: 37.8666666667vw;
  }
}
.p-mrt-top-about__feature .item:nth-child(3) p {
  width: min(14.16015625vw, 145px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__feature .item:nth-child(3) p {
    width: 38.6666666667vw;
  }
}
.p-mrt-top-about__feature .item:nth-child(4) p {
  width: min(11.328125vw, 116px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-about__feature .item:nth-child(4) p {
    width: 30.9333333333vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-lineup
----------------------------------------------------------------- */
.p-mrt-top-lineup__ttl {
  width: min(41.2109375vw, 422px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__ttl {
    width: 80.5333333333vw;
  }
}
.p-mrt-top-lineup__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: min(9.765625vw, 100px);
  gap: min(7.8125vw, 80px) min(9.765625vw, 100px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list {
    margin-top: 16vw;
    gap: 16vw 0;
  }
}
.p-mrt-top-lineup__list .item {
  width: min(33.69140625vw, 345px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item {
    width: 100%;
  }
}
.p-mrt-top-lineup__list .item h3 {
  margin: 0 auto;
}
.p-mrt-top-lineup__list .item figure {
  display: flex;
  justify-content: center;
  align-items: end;
  margin: min(2.9296875vw, 30px) auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item figure {
    margin: 8vw auto 5.3333333333vw;
  }
}
.p-mrt-top-lineup__list .item figure picture {
  display: flex;
  align-items: end;
  height: min(17.578125vw, 180px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item figure picture {
    height: auto;
  }
}
.p-mrt-top-lineup__list .item p {
  position: relative;
  z-index: 1;
  color: #000;
  font-size: min(1.5625vw, 16px);
  width: min(15.625vw, 160px);
  margin: 0 auto;
  height: min(2.9296875vw, 30px);
  display: flex;
  justify-content: center;
  padding-top: min(0.1953125vw, 2px);
  background-color: #fff;
  border-radius: min(0.29296875vw, 3px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item p {
    font-size: 4.2666666667vw;
    width: 42.6666666667vw;
    height: 8vw;
    padding-top: 0.5333333333vw;
    border-radius: 0.8vw;
  }
}
.p-mrt-top-lineup__list .item p::after {
  position: absolute;
  z-index: 1;
  content: "";
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/renewal-202503/top/icn_lineup_arrow.png?fmt=png-alpha&wid=15");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  bottom: 0;
  right: min(1.5625vw, 16px);
  margin: auto;
  width: min(1.171875vw, 12px);
  height: min(1.07421875vw, 10px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item p::after {
    right: 4.2666666667vw;
    width: 2.4vw;
    height: 2.6666666667vw;
  }
}
.p-mrt-top-lineup__list .item--regular h3 {
  width: min(20.3125vw, 208px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--regular h3 {
    width: 55.4666666667vw;
  }
}
.p-mrt-top-lineup__list .item--regular figure picture img {
  width: auto;
  height: min(17.578125vw, 180px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--regular figure picture img {
    height: 40.5333333333vw;
  }
}
.p-mrt-top-lineup__list .item--regular figure picture:nth-child(n+2) {
  margin-left: min(0.78125vw, 8px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--regular figure picture:nth-child(n+2) {
    margin-left: 1.8666666667vw;
  }
}
.p-mrt-top-lineup__list .item--kids h3 {
  width: min(16.796875vw, 172px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--kids h3 {
    width: 45.8666666667vw;
  }
}
.p-mrt-top-lineup__list .item--kids figure picture img {
  width: auto;
  height: min(15.625vw, 160px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--kids figure picture img {
    height: 34.6666666667vw;
  }
}
.p-mrt-top-lineup__list .item--kids figure picture:nth-child(n+2) {
  margin-left: min(0.68359375vw, 7px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--kids figure picture:nth-child(n+2) {
    margin-left: 1.6vw;
  }
}
.p-mrt-top-lineup__list .item--kids figure picture:nth-child(4) {
  margin-left: min(1.3671875vw, 14px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--kids figure picture:nth-child(4) {
    margin-left: 2.1333333333vw;
  }
}
.p-mrt-top-lineup__list .item--dry h3 {
  width: min(17.48046875vw, 179px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--dry h3 {
    width: 47.7333333333vw;
  }
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--dry figure picture {
    height: auto;
  }
}
.p-mrt-top-lineup__list .item--dry figure picture img {
  width: auto;
  height: min(17.578125vw, 180px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--dry figure picture img {
    height: 42.6666666667vw;
  }
}
.p-mrt-top-lineup__list .item--dry figure picture:nth-child(n+2) {
  margin-left: min(0.5859375vw, 6px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--dry figure picture:nth-child(n+2) {
    margin-left: 1.3333333333vw;
  }
}
.p-mrt-top-lineup__list .item--dry figure picture:nth-child(3) {
  margin-left: min(0.9765625vw, 10px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--dry figure picture:nth-child(3) {
    margin-left: 2.6666666667vw;
  }
}
.p-mrt-top-lineup__list .item--brush h3 {
  width: min(18.9453125vw, 194px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--brush h3 {
    width: 51.7333333333vw;
  }
}
.p-mrt-top-lineup__list .item--brush figure picture img {
  width: auto;
  height: min(17.578125vw, 180px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-lineup__list .item--brush figure picture img {
    height: 42.6666666667vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-related
----------------------------------------------------------------- */
.p-mrt-top-related__banner {
  width: min(66.40625vw, 680px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-related__banner {
    width: 100%;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-shop
----------------------------------------------------------------- */
.p-mrt-top-shop {
  padding-bottom: min(9.765625vw, 100px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-shop {
    padding-bottom: 16vw;
  }
}
.p-mrt-top-shop__banner {
  width: min(32.71484375vw, 335px);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-shop__banner {
    width: 100%;
  }
}

/* ----------------------------------------------------------------
p-mrt-top-share
----------------------------------------------------------------- */
.p-mrt-top-share {
  background-color: #fff;
  padding: min(5.859375vw, 60px) 0;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-share {
    padding: 16vw 0;
  }
}
.p-mrt-top-share__ttl {
  width: min(9.5703125vw, 98px);
  margin: 0 auto;
  display: flex;
}
@media screen and (max-width: 640px) {
  .p-mrt-top-share__ttl {
    width: 26.1333333333vw;
  }
}
.p-mrt-top-share__txt {
  font-size: min(1.5625vw, 16px);
  text-align: center;
  margin: min(3.90625vw, 40px) auto min(2.9296875vw, 30px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-share__txt {
    font-size: 3.7333333333vw;
    margin: 10.6666666667vw auto 8vw;
  }
}
.p-mrt-top-share__list {
  display: flex;
  justify-content: center;
  gap: min(4.8828125vw, 50px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-share__list {
    gap: 13.3333333333vw;
  }
}
.p-mrt-top-share__list li {
  width: min(4.8828125vw, 50px);
}
@media screen and (max-width: 640px) {
  .p-mrt-top-share__list li {
    width: 13.3333333333vw;
  }
}