@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;
  border: unset;
}
.l-mrt-main li {
  list-style-type: none;
}
.l-mrt-main em {
  font-style: normal;
}

.l-mrt-main {
  font-family: "FOT-TsukuARdGothic Std", "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  letter-spacing: -0.024em;
  color: #fff;
  background-color: #E05E0E;
}
.l-mrt-main a {
  transition: opacity 0.3s;
}
.l-mrt-main a:hover {
  opacity: 0.7;
}

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

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

.p-mrt-osolo-info, .p-mrt-osolo-topics, .p-mrt-osolo-shop, .p-mrt-osolo-qa, .p-mrt-osolo-cm, .p-mrt-osolo-product, .p-mrt-osolo-concept {
  position: relative;
  z-index: 1;
  padding: min(9.1508052709vw, 125px) 0 0 0;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info, .p-mrt-osolo-topics, .p-mrt-osolo-shop, .p-mrt-osolo-qa, .p-mrt-osolo-cm, .p-mrt-osolo-product, .p-mrt-osolo-concept {
    padding: 20vw 0;
  }
}

.p-mrt-osolo-info__inner, .p-mrt-osolo-topics__inner, .p-mrt-osolo-shop__inner, .p-mrt-osolo-qa__inner, .p-mrt-osolo-cm__inner, .p-mrt-osolo-product__inner, .p-mrt-osolo-concept__inner {
  position: relative;
  z-index: 1;
  width: min(84.1874084919vw, 1150px);
  margin: 0 auto;
  padding: 0 min(5.9297218155vw, 81px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__inner, .p-mrt-osolo-topics__inner, .p-mrt-osolo-shop__inner, .p-mrt-osolo-qa__inner, .p-mrt-osolo-cm__inner, .p-mrt-osolo-product__inner, .p-mrt-osolo-concept__inner {
    width: 90.9333333333vw;
    padding: 0 4.5333333333vw;
  }
}

.p-mrt-osolo-topics__ttl, .p-mrt-osolo-shop__ttl, .p-mrt-osolo-qa__ttl, .p-mrt-osolo-cm__ttl, .p-mrt-osolo-product__ttl, .p-mrt-osolo-product__box h3, .p-mrt-osolo-concept__ttl {
  position: relative;
  z-index: 1;
  text-align: center;
  margin: 0 auto;
  margin-bottom: min(2.9282576867vw, 40px);
  font-size: min(2.635431918vw, 36px);
  padding-bottom: min(1.317715959vw, 18px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__ttl, .p-mrt-osolo-shop__ttl, .p-mrt-osolo-qa__ttl, .p-mrt-osolo-cm__ttl, .p-mrt-osolo-product__ttl, .p-mrt-osolo-product__box h3, .p-mrt-osolo-concept__ttl {
    margin-bottom: 6.4vw;
    font-size: 6.4vw;
    padding-bottom: 3.7333333333vw;
  }
}
.p-mrt-osolo-topics__ttl::after, .p-mrt-osolo-shop__ttl::after, .p-mrt-osolo-qa__ttl::after, .p-mrt-osolo-cm__ttl::after, .p-mrt-osolo-product__ttl::after, .p-mrt-osolo-product__box h3::after, .p-mrt-osolo-concept__ttl::after {
  position: absolute;
  z-index: 1;
  content: "";
  background-color: #fff;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: min(7.906295754vw, 108px);
  height: min(0.2928257687vw, 4px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__ttl::after, .p-mrt-osolo-shop__ttl::after, .p-mrt-osolo-qa__ttl::after, .p-mrt-osolo-cm__ttl::after, .p-mrt-osolo-product__ttl::after, .p-mrt-osolo-product__box h3::after, .p-mrt-osolo-concept__ttl::after {
    width: 16vw;
    height: 1.0666666667vw;
  }
}

.obj {
  position: absolute;
  z-index: 2;
  transform-style: preserve-3d;
  will-change: transform;
  transition: all 0.5s;
}

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

/* 表示方向 */
.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;
  filter: blur(10px);
  transition-duration: 1000ms;
  transition-property: opacity, filter, 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;
}

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

/* ----------------------------------------------------------------
swiper
----------------------------------------------------------------- */
.l-mrt-main .swiper {
  padding-bottom: min(2.9282576867vw, 40px);
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper {
    padding-bottom: 5.3333333333vw;
  }
}
.l-mrt-main .swiper-wrapper {
  transition-timing-function: linear;
}
.l-mrt-main .swiper-pagination-bullet {
  width: min(1.317715959vw, 18px);
  height: min(1.317715959vw, 18px);
  background: #fff;
  border: 1px solid #724404;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-pagination-bullet {
    width: 2.9333333333vw;
    height: 2.9333333333vw;
  }
}
.l-mrt-main .swiper-pagination-bullet-active {
  background: #E05E0E;
}
.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.2196193265vw, 3px);
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .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.439238653vw, 6px));
}
@media screen and (max-width: 750px) {
  .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-prev, .l-mrt-main .swiper-button-next {
  width: min(5.1244509517vw, 70px);
  height: min(5.1244509517vw, 70px);
  border: 1px solid #E05E0E;
  border-radius: 50%;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-button-prev, .l-mrt-main .swiper-button-next {
    width: 8vw;
    height: 8vw;
    border: unset;
  }
}
.l-mrt-main .swiper-button-prev::before, .l-mrt-main .swiper-button-prev::after, .l-mrt-main .swiper-button-next::before, .l-mrt-main .swiper-button-next::after {
  position: absolute;
  z-index: 1;
  content: "";
  background-color: #E05E0E;
  width: min(1.4641288433vw, 20px);
  height: 1px;
  border-radius: 2px;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-button-prev::before, .l-mrt-main .swiper-button-prev::after, .l-mrt-main .swiper-button-next::before, .l-mrt-main .swiper-button-next::after {
    width: 4.2666666667vw;
  }
}
.l-mrt-main .swiper-button-prev::before, .l-mrt-main .swiper-button-next::before {
  transform: rotate(-45deg);
}
.l-mrt-main .swiper-button-prev::after, .l-mrt-main .swiper-button-next::after {
  transform: rotate(45deg);
}
.l-mrt-main .swiper-button-prev:hover, .l-mrt-main .swiper-button-next:hover {
  background-color: #E05E0E;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-button-prev:hover, .l-mrt-main .swiper-button-next:hover {
    background: unset;
  }
}
.l-mrt-main .swiper-button-prev:hover::before, .l-mrt-main .swiper-button-prev:hover::after, .l-mrt-main .swiper-button-next:hover::before, .l-mrt-main .swiper-button-next:hover::after {
  background-color: #fff;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-button-prev:hover::before, .l-mrt-main .swiper-button-prev:hover::after, .l-mrt-main .swiper-button-next:hover::before, .l-mrt-main .swiper-button-next:hover::after {
    background-color: #E05E0E;
  }
}
.l-mrt-main .swiper-button-prev::before, .l-mrt-main .swiper-button-prev::after {
  right: 35%;
  transform-origin: left;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-button-prev::before, .l-mrt-main .swiper-button-prev::after {
    right: 23%;
  }
}
.l-mrt-main .swiper-button-next::before, .l-mrt-main .swiper-button-next::after {
  left: 35%;
  transform-origin: right;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .swiper-button-next::before, .l-mrt-main .swiper-button-next::after {
    left: 23%;
  }
}

/* ----------------------------------------------------------------
button
----------------------------------------------------------------- */
.l-mrt-main .followButton {
  width: min(9.0775988287vw, 124px);
  position: fixed;
  right: 23px;
  bottom: 50px;
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  will-change: transform;
  filter: drop-shadow(3px 3px 8px rgba(0, 0, 0, 0.22));
}
@media screen and (max-width: 750px) {
  .l-mrt-main .followButton {
    width: 24.5333333333vw;
    right: 4vw;
    bottom: 10.6666666667vw;
  }
}
.l-mrt-main .followButton.is-active {
  opacity: 1;
  pointer-events: auto;
}
.l-mrt-main .followButton.is-active:hover {
  transform: scale(1.2);
  transition: 0.4s ease;
  opacity: 0.7;
}

/* ----------------------------------------------------------------
modal
----------------------------------------------------------------- */
.l-mrt-main .modalBtn {
  cursor: pointer;
}
.l-mrt-main .movieModal {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  width: 100%;
  height: 100%;
}
.l-mrt-main .movieModal__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_video_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .movieModal__bg {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_video_sp.png?fmt=png-alpha&wid=750");
  }
}
.l-mrt-main .movieModal--open {
  display: block;
}
.l-mrt-main .movieModal__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: min(52.7086383602vw, 720px);
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .movieModal__inner {
    width: 100%;
  }
}
.l-mrt-main .movieModal__close {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  top: max(-3.4407027818vw, -47px);
  left: 50%;
  transform: translateX(-50%);
  width: min(5.6368960469vw, 77px);
  height: min(2.0497803807vw, 28px);
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/btn_modal_close.png?fmt=png-alpha&wid=142");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 750px) {
  .l-mrt-main .movieModal__close {
    top: -44vw;
    width: 18.9333333333vw;
    height: 7.2vw;
  }
}
.l-mrt-main .movieModal__movie {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.l-mrt-main .movieModal__movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ----------------------------------------------------------------
p-mrt-osolo-header
----------------------------------------------------------------- */
.p-mrt-osolo-header {
  position: absolute;
  width: 100%;
  z-index: 99;
  transition: background-color 0.5s;
}
.p-mrt-osolo-header.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}
.p-mrt-osolo-header__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: min(1.4641288433vw, 20px) min(4.0263543192vw, 55px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header__inner {
    padding: 4.8vw 4.5333333333vw;
  }
}
.p-mrt-osolo-header__logo {
  width: min(10.0292825769vw, 137px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header__logo {
    width: 21.3333333333vw;
    position: relative;
    z-index: 20;
  }
}
.p-mrt-osolo-header .hamburgerBtn {
  display: none;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .hamburgerBtn {
    position: absolute;
    display: block;
    z-index: 20;
    cursor: pointer;
    width: 9.3333333333vw;
    height: 8.8vw;
    top: 4.8vw;
    right: 4.5333333333vw;
  }
  .p-mrt-osolo-header .hamburgerBtn picture:nth-child(2) {
    display: none;
  }
  .p-mrt-osolo-header .hamburgerBtn.is-active {
    position: fixed;
    z-index: 2000;
  }
  .p-mrt-osolo-header .hamburgerBtn.is-active picture:nth-child(1) {
    display: none;
  }
  .p-mrt-osolo-header .hamburgerBtn.is-active picture:nth-child(2) {
    display: block;
  }
}
.p-mrt-osolo-header .gMenu {
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu {
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_menu.png?fmt=png-alpha&wid=750");
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    display: none;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    overflow-y: auto;
    flex-direction: column;
    justify-content: flex-start;
    padding: 5.3333333333vw 8vw;
  }
  .p-mrt-osolo-header .gMenu.is-active {
    display: flex;
  }
}
.p-mrt-osolo-header .gMenu ul {
  display: flex;
}
.p-mrt-osolo-header .gMenu ul:first-child {
  gap: min(1.4641288433vw, 20px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child {
    flex-direction: column;
    margin-bottom: 6.9333333333vw;
    gap: 7.2vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li:first-child {
  width: min(2.4890190337vw, 34px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li:first-child {
    width: 15.7333333333vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li:nth-child(2) {
  width: min(6.2957540264vw, 86px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li:nth-child(2) {
    width: 39.2vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li:nth-child(3) {
  width: min(5.8565153734vw, 80px);
}
.p-mrt-osolo-header .gMenu ul:first-child li:nth-child(3) picture img {
  vertical-align: unset;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li:nth-child(3) {
    width: 36.5333333333vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li:nth-child(4) {
  width: min(8.78477306vw, 120px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li:nth-child(4) {
    width: 56vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li:nth-child(5) {
  width: min(3.8799414348vw, 53px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li:nth-child(5) {
    width: 23.7333333333vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li:nth-child(6) {
  width: min(9.3704245974vw, 128px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li:nth-child(6) {
    width: 58.4vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li a {
  display: block;
  color: #fff;
  text-align: left;
  font-size: min(1.317715959vw, 18px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li a {
    font-size: 7.4666666667vw;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li a picture {
  position: relative;
}
.p-mrt-osolo-header .gMenu ul:first-child li a picture::before {
  content: "";
  display: block;
  position: absolute;
  bottom: max(-0.3660322108vw, -5px);
  left: 50%;
  width: 0;
  height: min(0.1464128843vw, 2px);
  background: #fff;
  transition: all 0.3s ease;
  transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:first-child li a picture::before {
    display: none;
  }
}
.p-mrt-osolo-header .gMenu ul:first-child li a:hover picture::before {
  width: 100%;
}
.p-mrt-osolo-header .gMenu ul:nth-child(2) {
  gap: 7.2vw;
  display: none;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu ul:nth-child(2) {
    display: flex;
    margin-bottom: 8vw;
  }
}
.p-mrt-osolo-header .gMenu ul:nth-child(2) li:first-child {
  width: 6.9333333333vw;
}
.p-mrt-osolo-header .gMenu ul:nth-child(2) li:last-child {
  width: 7.2vw;
}
.p-mrt-osolo-header .gMenu p:nth-child(3) {
  width: 53.0666666667vw;
  margin: 0 auto 10.1333333333vw;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-header .gMenu p small {
    font-size: 2.4vw;
  }
}
.p-mrt-osolo-header .is-active + .gMenu {
  display: flex;
  z-index: 1000;
}

/* ----------------------------------------------------------------
p-mrt-osolo-kv
----------------------------------------------------------------- */
.p-mrt-osolo-kv {
  position: relative;
  z-index: 1;
}
.p-mrt-osolo-kv__movie {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 53.0882352941vw;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie {
    height: 165.3333333333vw;
  }
}
.p-mrt-osolo-kv__movie video {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.p-mrt-osolo-kv__movie .video-js .vjs-tech {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  display: block;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  transform: translate(-50%, -50%);
}
.p-mrt-osolo-kv__movie .pcD {
  display: block !important;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie .pcD {
    display: none !important;
  }
}
.p-mrt-osolo-kv__movie .spD {
  display: none !important;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie .spD {
    display: block !important;
  }
}
.p-mrt-osolo-kv__movie .modalBtn {
  position: absolute;
  z-index: 1;
  width: min(7.3206442167vw, 100px);
  height: min(7.3206442167vw, 100px);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie .modalBtn {
    width: 16vw;
    height: 16vw;
    margin: auto;
  }
}
.p-mrt-osolo-kv__movie .modalBtn::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 0.3s;
}
.p-mrt-osolo-kv__movie .modalBtn:hover::before {
  transform: scale(1.1);
}
.p-mrt-osolo-kv__movie .modalBtn picture {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: min(3.074670571vw, 42px);
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie .modalBtn picture {
    width: 6.9333333333vw;
  }
}
.p-mrt-osolo-kv__movie .movieBtn {
  position: absolute;
  z-index: 1;
  width: min(4.5387994143vw, 62px);
  bottom: min(7.3206442167vw, 100px);
  right: min(3.8067349927vw, 40px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie .movieBtn {
    width: 16vw;
    bottom: 10.6666666667vw;
    right: 5.3333333333vw;
  }
}
.p-mrt-osolo-kv__movie .movieBtn:hover {
  opacity: 0.5;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-kv__movie .movieBtn:hover {
    opacity: unset;
  }
}
.p-mrt-osolo-kv__movie .movieBtn img {
  display: none;
}
.p-mrt-osolo-kv__movie .movieBtn img.active {
  display: block;
}

/* ----------------------------------------------------------------
p-mrt-osolo-concept
----------------------------------------------------------------- */
.p-mrt-osolo-concept {
  z-index: 2;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_concept_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: min(68.6676427526vw, 938px);
  margin-top: -3.6764705882vw;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_concept_sp.png?fmt=png-alpha&wid=750");
    height: 158.6666666667vw;
    padding-top: 25.3333333333vw;
  }
}
.p-mrt-osolo-concept__inner {
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__inner {
    padding: 0;
  }
}
.p-mrt-osolo-concept__inner .obj:nth-of-type(1) {
  width: min(39.0922401171vw, 534px);
  top: max(-4.6852122987vw, -64px);
  right: max(-27.0863836018vw, -370px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__inner .obj:nth-of-type(1) {
    width: 50.6666666667vw;
    top: -18.1333333333vw;
    right: -36.2666666667vw;
  }
}
.p-mrt-osolo-concept__inner .obj:nth-of-type(2) {
  width: min(36.8960468521vw, 504px);
  top: min(17.8623718887vw, 244px);
  left: max(-22.5475841874vw, -308px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__inner .obj:nth-of-type(2) {
    width: 56.8vw;
    top: 85.6vw;
    left: -40vw;
    z-index: 0;
  }
}
.p-mrt-osolo-concept__inner p {
  font-size: min(1.6105417277vw, 22px);
  margin-bottom: min(2.4890190337vw, 34px);
  line-height: 1.7727272727;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__inner p {
    font-size: 4vw;
    margin-bottom: 5.8666666667vw;
  }
}
.p-mrt-osolo-concept__inner p:nth-child(3) {
  margin-bottom: min(5.3440702782vw, 73px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__inner p:nth-child(3) {
    margin-bottom: 8.5333333333vw;
  }
}
.p-mrt-osolo-concept__inner p:last-child {
  width: min(22.8404099561vw, 312px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__inner p:last-child {
    width: 48.2666666667vw;
  }
}
.p-mrt-osolo-concept__ttl {
  width: min(13.9824304539vw, 191px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__ttl {
    width: 31.2vw;
  }
}
.p-mrt-osolo-concept__note {
  font-size: min(1.0980966325vw, 15px);
  position: absolute;
  right: min(3.953147877vw, 54px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-concept__note {
    font-size: 3.7333333333vw;
    right: 2.6666666667vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-osolo-mainvisual
----------------------------------------------------------------- */
.p-mrt-osolo-mainvisual {
  position: relative;
  z-index: 1;
  animation: blurImg 1s ease-in forwards;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-mainvisual {
    margin-top: -3.4666666667vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-osolo-product
----------------------------------------------------------------- */
@keyframes rotate180 {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
@keyframes maskIn {
  0% {
    mask-size: 20%;
    -webkit-mask-size: 20%;
  }
  90% {
    mask-size: 70%;
    -webkit-mask-size: 70%;
  }
  100% {
    mask-size: 200%;
    -webkit-mask-size: 200%;
  }
}
@keyframes maskImg {
  0% {
    transform: rotate(0deg) scale(1.1);
  }
  100% {
    transform: rotate(-180deg) scale(1);
  }
}
@keyframes blurImg {
  0% {
    filter: blur(10px);
    opacity: 0;
  }
  100% {
    filter: blur(0px);
    opacity: 1;
  }
}
.maskAnm {
  position: relative;
  display: block;
  height: 100%;
  transform: rotate(0deg);
  will-change: transform;
}
.maskAnm picture {
  display: block;
  mask-repeat: no-repeat;
  mask-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_mask_before.png?fmt=png-alpha&wid=1112");
  mask-size: 20% auto;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_mask_before.png?fmt=png-alpha&wid=1112");
  -webkit-mask-size: 20% auto;
  -webkit-mask-position: center;
  will-change: mask-size, -webkit-mask-size;
}
.maskAnm img {
  transform: rotate(0deg);
  will-change: transform;
}
.maskAnm.jsScrollIn picture {
  -webkit-mask-size: 210%;
          mask-size: 210%;
  will-change: mask-size, -webkit-mask-size;
}
.maskAnm.jsScrollIn img {
  animation: blurImg 0.8s ease-in forwards;
}

.p-mrt-osolo-product {
  position: relative;
  overflow: hidden;
  height: auto;
  z-index: 0;
}
.p-mrt-osolo-product__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_product_pc.png?fmt=png-alpha&wid=2732");
  background-size: cover;
  width: 100%;
  height: 100%;
  --grad-opacity: 0;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__bg {
    padding: 23.4666666667vw 0 16vw;
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_product_sp.png?fmt=png-alpha&wid=750");
  }
}
.p-mrt-osolo-product__bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #F18F35;
  animation: bgColorShift 10s linear infinite alternate;
  opacity: 0.75;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product {
    margin-top: -3.7333333333vw;
  }
}
.p-mrt-osolo-product__inner {
  padding: 0;
}
.p-mrt-osolo-product__inner .obj:nth-of-type(1) {
  width: min(40.8491947291vw, 558px);
  top: max(-5.9297218155vw, -81px);
  right: max(-21.9619326501vw, -300px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__inner .obj:nth-of-type(1) {
    width: 50.6666666667vw;
    top: -18.1333333333vw;
    right: -36.2666666667vw;
  }
}
.p-mrt-osolo-product__inner .obj:nth-of-type(2) {
  width: min(42.093704246vw, 575px);
  top: min(31.4787701318vw, 430px);
  left: max(-22.5475841874vw, -308px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__inner .obj:nth-of-type(2) {
    width: 50.6666666667vw;
    top: 82.6666666667vw;
    left: -40vw;
  }
}
.p-mrt-osolo-product__inner .obj:nth-of-type(3) {
  width: min(44.9487554905vw, 614px);
  top: min(171.4494875549vw, 2342px);
  right: max(-29.7218155198vw, -406px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__inner .obj:nth-of-type(3) {
    width: 62.1333333333vw;
    top: 472vw;
    right: -33.0666666667vw;
  }
}
.p-mrt-osolo-product__inner .obj:nth-of-type(4) {
  width: min(40.7027818448vw, 556px);
  top: min(299.7071742313vw, 4094px);
  left: max(-32.7232796486vw, -447px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__inner .obj:nth-of-type(4) {
    width: 54.1333333333vw;
    top: 805.6vw;
    left: -31.7333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__inner .obj:nth-of-type(5) {
    width: 54.1333333333vw;
    top: 250.6666666667vw;
    right: -36.8vw;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__inner .obj:nth-of-type(6) {
    width: 51.4666666667vw;
    top: 336.5333333333vw;
    left: -29.8666666667vw;
    z-index: 0;
  }
}
.p-mrt-osolo-product__ttl {
  width: min(13.9092240117vw, 190px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__ttl {
    width: 29.0666666667vw;
  }
}
.p-mrt-osolo-product__feature {
  position: relative;
  z-index: 1;
}
.p-mrt-osolo-product__feature--01 {
  text-align: center;
}
.p-mrt-osolo-product__feature--01 h3 {
  font-size: min(2.4158125915vw, 33px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--01 h3 {
    font-size: 5.6vw;
  }
}
.p-mrt-osolo-product__feature--01 h3 + p {
  font-size: min(1.6105417277vw, 22px);
  line-height: 1.7727272727;
  margin-top: min(1.4641288433vw, 20px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--01 h3 + p {
    font-size: 4vw;
    line-height: 1.7333333333;
    margin-top: 5.3333333333vw;
  }
}
.p-mrt-osolo-product__feature--01 figure {
  position: relative;
  z-index: 1;
  width: min(61.7862371889vw, 844px);
  margin: min(2.9282576867vw, 40px) auto 0;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--01 figure {
    width: 100%;
    margin: 10.1333333333vw auto 0;
  }
}
.p-mrt-osolo-product__feature--01 figure figcaption {
  position: absolute;
  z-index: 1;
  width: min(9.0043923865vw, 123px);
  top: min(6.588579795vw, 90px);
  right: min(3.953147877vw, 54px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--01 figure figcaption {
    width: 21.3333333333vw;
    top: 2.6666666667vw;
    right: 3.2vw;
  }
}
.p-mrt-osolo-product__feature--01 .maskWrap {
  position: relative;
  z-index: 1;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_mask_product_feature_01.png?fmt=png-alpha&wid=1688");
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_mask_product_feature_01.png?fmt=png-alpha&wid=1688");
  -webkit-mask-position: center;
}
.p-mrt-osolo-product__feature--01 .maskWrap p {
  position: absolute;
}
.p-mrt-osolo-product__feature--02 {
  margin-top: min(20.4978038067vw, 280px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--02 {
    margin-top: 12.2666666667vw;
  }
}
.p-mrt-osolo-product__feature--02 .txt {
  padding-left: min(6.0029282577vw, 82px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--02 .txt {
    padding-left: 5.0666666667vw;
  }
}
.p-mrt-osolo-product__feature--02 .txt > p {
  font-size: min(2.0497803807vw, 28px);
  line-height: 2.1428571429;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--02 .txt > p {
    font-size: 5.0666666667vw;
    line-height: 1.7368421053;
  }
}
.p-mrt-osolo-product__feature--02 .txt h3 {
  font-size: min(3.3674963397vw, 46px);
  line-height: 1;
  margin: min(1.1713030747vw, 16px) 0 min(1.4641288433vw, 20px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--02 .txt h3 {
    font-size: 7.7333333333vw;
    margin: 2.1333333333vw 0 1.6vw;
  }
}
.p-mrt-osolo-product__feature--02 .txt h3 span {
  letter-spacing: -0.5em;
}
.p-mrt-osolo-product__feature--02 .txt h3 + p {
  font-size: min(1.0980966325vw, 15px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--02 .txt h3 + p {
    font-size: 3.7333333333vw;
    text-align: right;
  }
}
.p-mrt-osolo-product__feature--02 .maskWrap {
  position: absolute;
  z-index: 1;
  width: min(49.4143484627vw, 675px);
  top: max(-13.17715959vw, -180px);
  right: max(-7.906295754vw, -108px);
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_mask_product_feature_02.png?fmt=png-alpha&wid=1350");
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_mask_product_feature_02.png?fmt=png-alpha&wid=1350");
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__feature--02 .maskWrap {
    position: relative;
    z-index: -1;
    width: 110.2941176471%;
    top: 0;
    right: 5%;
    margin-top: -13.3333333333vw;
  }
}
.p-mrt-osolo-product__detail {
  margin-top: min(12.1522693997vw, 166px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail {
    margin-top: 6.9333333333vw;
  }
}
.p-mrt-osolo-product__detail > div {
  display: flex;
  justify-content: center;
  gap: min(2.3426061493vw, 32px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div {
    flex-direction: column;
    align-items: center;
    gap: 10.6666666667vw;
  }
}
.p-mrt-osolo-product__detail > div div:first-child {
  width: min(41.7276720351vw, 570px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(2.196193265vw, 30px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div div:first-child {
    width: 80.8vw;
    gap: 0;
  }
}
.p-mrt-osolo-product__detail > div div:first-child p {
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(2.0497803807vw, 28px);
  text-align: center;
  letter-spacing: -0.024em;
  line-height: 1.9285714286;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div div:first-child p {
    font-size: 5.0666666667vw;
    margin: 0 auto 3.4666666667vw;
    padding: 0;
    line-height: 1.6842105263;
  }
}
.p-mrt-osolo-product__detail > div div:first-child p span {
  font-size: min(2.9282576867vw, 40px);
  line-height: 1.35;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div div:first-child p span {
    font-size: 6.4vw;
    line-height: 1.3333333333;
  }
}
.p-mrt-osolo-product__detail > div div:first-child .detail__img {
  width: min(40.9956076135vw, 560px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div div:first-child .detail__img {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div div:first-child .detail__img figcaption {
    font-size: 3.7333333333vw;
    text-align: right;
  }
}
.p-mrt-osolo-product__detail > div div:last-child {
  width: min(33.0893118594vw, 452px);
  margin-bottom: 24px;
  align-self: flex-end;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__detail > div div:last-child {
    width: 80.8vw;
    align-self: auto;
    order: -1;
    margin-bottom: 0;
  }
}
.p-mrt-osolo-product__box {
  background: linear-gradient(135deg, #FFF7ED 0%, #FDDCB6 100%);
  padding: min(5.8565153734vw, 80px) 0;
  color: #724404;
  border-radius: min(1.317715959vw, 18px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box {
    margin: 10.6666666667vw 0;
    border-radius: 4.8vw;
  }
}
.p-mrt-osolo-product__box h3 {
  text-align: center;
  font-size: min(1.756954612vw, 24px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box h3 {
    font-size: 4.5333333333vw;
  }
}
.p-mrt-osolo-product__box h3::after {
  background-color: #E05E0E;
}
.p-mrt-osolo-product__box h3 picture {
  display: block;
  width: min(13.0307467057vw, 178px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box h3 picture {
    width: 27.4666666667vw;
  }
}
.p-mrt-osolo-product__box:nth-child(11) {
  margin-bottom: min(3.2942898975vw, 45px);
}
.p-mrt-osolo-product__box:last-child h3 picture {
  width: min(17.2767203514vw, 236px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box:last-child h3 picture {
    width: 36.8vw;
  }
}
.p-mrt-osolo-product__box.shampoo {
  margin-top: min(12.737920937vw, 174px);
  padding-bottom: min(10.2489019034vw, 140px);
}
.p-mrt-osolo-product__box .shampoo__detail {
  display: flex;
  justify-content: right;
  margin: min(1.0248901903vw, 14px) 0 min(3.8067349927vw, 52px);
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail {
    align-items: center;
    flex-direction: column;
    gap: 3.4666666667vw;
    margin: 2.6666666667vw 0;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:first-child {
  margin-right: max(-6.149341142vw, -84px);
  align-self: end;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:first-child {
    align-self: auto;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child {
  font-size: min(2.0497803807vw, 28px);
  letter-spacing: -0.024em;
  width: -moz-fit-content;
  width: fit-content;
  margin-right: min(5.0512445095vw, 69px);
  margin-left: auto;
  margin-bottom: min(1.9765739385vw, 27px);
  line-height: 1.3928571429;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child {
    font-size: 4vw;
    margin: auto 13.6vw auto auto;
    line-height: 1.6;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child span:nth-child(2) {
  font-size: min(2.9282576867vw, 40px);
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child span:nth-child(2) {
    font-size: 5.0666666667vw;
    line-height: 1.2631578947;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child span:last-child {
  font-size: min(1.0980966325vw, 15px);
  line-height: 1.9333333333;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child span:last-child {
    font-size: 3.7333333333vw;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 2.4vw;
    margin-left: 16.8vw;
    line-height: 1.8571428571;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:first-child p:first-child span sup {
    letter-spacing: -0.3em;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:first-child p:last-child {
  width: min(38.579795022vw, 527px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:first-child p:last-child {
    width: 85.8666666667vw;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:last-child {
  width: min(40.2635431918vw, 550px);
  margin-right: min(1.0248901903vw, 14px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:last-child {
    width: 62.6666666667vw;
    order: -1;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:last-child figure {
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:last-child figure .jsFadeSp {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease !important;
  }
}
.p-mrt-osolo-product__box .shampoo__detail div:last-child figure .is-show {
  opacity: 1;
  transform: translateY(0);
}
.p-mrt-osolo-product__box .shampoo__detail div:last-child figure figcaption {
  font-size: min(1.6105417277vw, 22px);
  letter-spacing: -0.024em;
  white-space: nowrap;
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  line-height: 1.1818181818;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__detail div:last-child figure figcaption {
    font-size: 4vw;
    text-align: center;
    position: relative;
    right: 0;
    transform: translate(0);
    line-height: 1.7333333333;
  }
}
.p-mrt-osolo-product__box .shampoo__step {
  height: min(51.5373352855vw, 704px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step {
    height: 133.3333333333vw;
  }
}
.p-mrt-osolo-product__box .shampoo__step h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(0.6588579795vw, 9px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step h4 {
    gap: 1.0666666667vw;
  }
}
.p-mrt-osolo-product__box .shampoo__step h4 picture {
  width: min(19.0336749634vw, 260px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step h4 picture {
    width: 37.3333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step h4 picture img {
    vertical-align: baseline;
  }
}
.p-mrt-osolo-product__box .shampoo__step h4::before, .p-mrt-osolo-product__box .shampoo__step h4::after {
  content: "";
  width: min(25.6222547584vw, 350px);
  border-bottom: 1px solid #E05E0E;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step h4::before, .p-mrt-osolo-product__box .shampoo__step h4::after {
    width: 20.2666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step h4 {
    font-size: 8vw;
  }
}
.p-mrt-osolo-product__box .shampoo__step > p {
  text-align: center;
  font-size: min(1.8301610542vw, 25px);
  margin: min(2.9282576867vw, 40px) auto min(2.196193265vw, 30px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step > p {
    font-size: 4vw;
    margin: 5.3333333333vw auto 4.2666666667vw;
  }
}
.p-mrt-osolo-product__box .shampoo__step > p em {
  display: block;
  font-size: min(2.9282576867vw, 40px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product__box .shampoo__step > p em {
    font-size: 6.1333333333vw;
  }
}
.p-mrt-osolo-product .conditioner {
  margin-bottom: min(14.6412884334vw, 200px);
}
.p-mrt-osolo-product .conditioner__detail {
  display: flex;
  margin-bottom: min(3.513909224vw, 48px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail {
    flex-direction: column;
    align-items: center;
  }
}
.p-mrt-osolo-product .conditioner__detail div:first-child {
  width: min(40.2635431918vw, 550px);
  margin-left: min(0.5124450952vw, 7px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:first-child {
    width: 62.6666666667vw;
    margin: 0;
  }
}
.p-mrt-osolo-product .conditioner__detail div:first-child figure {
  position: relative;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:first-child figure .jsFadeSp {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease, transform 0.8s ease !important;
  }
}
.p-mrt-osolo-product .conditioner__detail div:first-child figure .is-show {
  opacity: 1;
  transform: translateY(0);
}
.p-mrt-osolo-product .conditioner__detail div:first-child figure figcaption {
  font-size: min(1.6105417277vw, 22px);
  letter-spacing: -0.024em;
  white-space: nowrap;
  position: absolute;
  right: 50%;
  bottom: 0;
  transform: translateX(50%);
  line-height: 1.1818181818;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:first-child figure figcaption {
    font-size: 4vw;
    text-align: center;
    position: relative;
    right: 0;
    transform: translate(0);
    line-height: 1.7333333333;
  }
}
.p-mrt-osolo-product .conditioner__detail div:last-child {
  align-self: flex-end;
  margin-left: max(-1.9765739385vw, -27px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child {
    align-self: auto;
    margin: 0;
  }
}
.p-mrt-osolo-product .conditioner__detail div:last-child p:first-child {
  font-size: min(2.0497803807vw, 28px);
  margin-top: min(1.6837481698vw, 23px);
  margin-bottom: min(1.6837481698vw, 23px);
  line-height: 1.3928571429;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child p:first-child {
    font-size: 4vw;
    margin-top: 3.7333333333vw;
    margin-bottom: 5.3333333333vw;
    text-align: center;
    line-height: 1.6;
  }
}
.p-mrt-osolo-product .conditioner__detail div:last-child p:first-child span {
  font-size: min(2.9282576867vw, 40px);
  letter-spacing: -0.024em;
  line-height: 1.35;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child p:first-child span {
    font-size: 5.0666666667vw;
    line-height: 1.2631578947;
  }
}
.p-mrt-osolo-product .conditioner__detail div:last-child div:nth-child(2) {
  display: flex;
  gap: min(1.2445095168vw, 17px);
  margin-bottom: min(1.9765739385vw, 27px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child div:nth-child(2) {
    justify-content: center;
    gap: 2.4vw;
    margin-bottom: 1.3333333333vw;
  }
}
.p-mrt-osolo-product .conditioner__detail div:last-child div:nth-child(2) p {
  width: min(19.5461200586vw, 267px);
  margin: 0;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child div:nth-child(2) p {
    width: 39.2vw;
  }
}
.p-mrt-osolo-product .conditioner__detail div:last-child figure {
  width: min(40.4099560761vw, 552px);
  margin-left: max(-2.2693997072vw, -31px);
  position: relative;
}
.p-mrt-osolo-product .conditioner__detail div:last-child figure figcaption {
  font-size: min(1.0980966325vw, 15px);
  position: absolute;
  top: min(17.8623718887vw, 244px);
  right: min(5.4172767204vw, 74px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child figure figcaption {
    font-size: 2.9333333333vw;
    top: 34.1333333333vw;
    right: 2.1333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__detail div:last-child figure {
    width: 80.8vw;
    margin: 0;
  }
}
.p-mrt-osolo-product .conditioner__image p {
  font-size: min(2.9282576867vw, 40px);
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 min(1.2445095168vw, 17px);
  margin: 0 auto min(1.1713030747vw, 16px);
  position: relative;
  line-height: 1.35;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__image p {
    font-size: 5.0666666667vw;
    padding: 0 2.6666666667vw;
    margin-bottom: 2.4vw;
  }
}
.p-mrt-osolo-product .conditioner__image p::before, .p-mrt-osolo-product .conditioner__image p::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: min(1.2445095168vw, 17px);
  height: auto;
  border: 1px solid #E05E0E;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__image p::before, .p-mrt-osolo-product .conditioner__image p::after {
    width: 2.6666666667vw;
  }
}
.p-mrt-osolo-product .conditioner__image p::before {
  left: 0;
  border-right: none;
}
.p-mrt-osolo-product .conditioner__image p::after {
  right: 0;
  border-left: none;
}
.p-mrt-osolo-product .conditioner__image figure {
  width: min(53.2942898975vw, 728px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__image figure {
    width: 100%;
  }
}
.p-mrt-osolo-product .conditioner__image figure figcaption {
  font-size: min(1.0980966325vw, 15px);
  width: -moz-fit-content;
  width: fit-content;
  margin: min(0.9516837482vw, 13px) min(9.663250366vw, 132px) auto auto;
  letter-spacing: -0.024em;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .conditioner__image figure figcaption {
    font-size: 2.9333333333vw;
    margin: 0.8vw 7.4666666667vw 0 auto;
    line-height: 1.2727272727;
  }
}
.p-mrt-osolo-product .swiper {
  padding-left: min(9.5168374817vw, 130px);
  padding-right: min(9.5168374817vw, 130px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper {
    padding-left: 14.6666666667vw;
    padding-right: 14.9333333333vw;
  }
}
.p-mrt-osolo-product .swiper-wrapper {
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  min-height: min(32.9428989751vw, 450px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-wrapper {
    min-height: 93.3333333333vw;
  }
}
.p-mrt-osolo-product .swiper-slide {
  height: auto;
}
.p-mrt-osolo-product .swiper-slide-inner {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-top: min(4.5387994143vw, 62px);
  min-height: min(36.6032210835vw, 500px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner {
    padding-top: 12vw;
    min-height: 98.6666666667vw;
  }
}
.p-mrt-osolo-product .swiper-slide-inner > p {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: min(30.7467057101vw, 420px);
  font-size: min(1.4641288433vw, 20px);
  line-height: 1;
  color: #E05E0E;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner > p {
    width: 60.5333333333vw;
  }
}
.p-mrt-osolo-product .swiper-slide-inner > p span {
  display: block;
  font-size: min(2.3426061493vw, 32px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner > p span {
    font-size: 8vw;
  }
}
.p-mrt-osolo-product .swiper-slide-inner figure {
  width: min(19.7657393851vw, 270px);
  margin: 0 min(0.439238653vw, 6px);
  transform: scale(0.65);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner figure {
    width: 57.3333333333vw;
    transform: scale(0.6);
  }
}
.p-mrt-osolo-product .swiper-slide-inner dl {
  display: none;
  width: -moz-fit-content;
  width: fit-content;
  margin: min(1.4641288433vw, 20px) auto 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner dl {
    width: 80vw;
    margin: 1.6vw auto 0 -10.6666666667vw;
  }
}
.p-mrt-osolo-product .swiper-slide-inner dl dt {
  font-size: min(2.196193265vw, 30px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner dl dt {
    font-size: 5.6vw;
  }
}
.p-mrt-osolo-product .swiper-slide-inner dl dd {
  font-size: min(1.4641288433vw, 20px);
  letter-spacing: -0.04em;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner dl dd {
    font-size: 3.7333333333vw;
    letter-spacing: 0;
  }
}
.p-mrt-osolo-product .swiper-slide-inner dl dd .note {
  font-size: min(1.0980966325vw, 15px);
  letter-spacing: -0.024em;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner dl dd .note {
    font-size: 2.6666666667vw;
  }
}
.p-mrt-osolo-product .swiper-slide-inner dl dd p span {
  letter-spacing: -0.13em;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-inner dl dd p span {
    letter-spacing: 0;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-active {
    width: 60.2666666667vw !important;
  }
}
.p-mrt-osolo-product .swiper-slide-active figure {
  transform: scale(1);
  margin: 0 auto;
}
.p-mrt-osolo-product .swiper-slide-active dl {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-active dd {
    margin-left: 3.2vw;
  }
}
.p-mrt-osolo-product .swiper-slide-next figure {
  transform: scale(1);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-next figure {
    transform: scale(0.6);
    margin: 0 -5.8666666667vw;
  }
}
.p-mrt-osolo-product .swiper-slide-next dl {
  display: block;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-next dl {
    display: none;
  }
}
.p-mrt-osolo-product .swiper-slide-prev figure {
  margin: 0 min(9.8828696925vw, 135px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-slide-prev figure {
    margin: 0 10.6666666667vw;
  }
}
.p-mrt-osolo-product .swiper-button-disabled {
  opacity: 0;
}
.p-mrt-osolo-product .swiper-button-prev, .p-mrt-osolo-product .swiper-button-next {
  top: min(11.7130307467vw, 160px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-button-prev, .p-mrt-osolo-product .swiper-button-next {
    top: 36.5333333333vw;
  }
}
.p-mrt-osolo-product .swiper-button-prev {
  left: min(10.2489019034vw, 140px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-button-prev {
    left: 9.3333333333vw;
  }
}
.p-mrt-osolo-product .swiper-button-next {
  right: min(10.980966325vw, 150px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-product .swiper-button-next {
    right: 10.6666666667vw;
  }
}

@keyframes bgColorShift {
  0% {
    background-color: #F18F35;
  }
  25% {
    background-color: #E97025;
  }
  50% {
    background-color: #DA4F0E;
  }
  75% {
    background-color: #F18F35;
  }
  100% {
    background-color: #E97025;
  }
}
@keyframes gradientShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes bgAnim {
  0% {
    background-position: 0% 50%;
    transform: rotate(0);
  }
  50% {
    background-position: 100% 50%;
    transform: rotate(-20deg);
  }
  70% {
    background-position: 100% 50%;
    transform: rotate(10deg);
  }
  100% {
    background-position: 0% 50%;
    transform: rotate(0);
  }
}
/* ----------------------------------------------------------------
p-mrt-osolo-cm
----------------------------------------------------------------- */
.p-mrt-osolo-cm {
  height: min(126.0614934114vw, 1722px);
  margin-top: max(-7.3206442167vw, -100px);
  padding-top: min(12.5183016105vw, 171px);
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm {
    margin-top: max(-25.6222547584vw, -350px);
    height: min(191.9472913616vw, 1722px);
  }
}
.p-mrt-osolo-cm__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_cm_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  --grad-opacity: 0;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__bg {
    padding: 23.4666666667vw 0 16vw;
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_cm_sp.png?fmt=png-alpha&wid=750");
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
  }
}
.p-mrt-osolo-cm__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.p-mrt-osolo-cm__inner .obj:nth-of-type(1) {
  width: min(41.21522694vw, 563px);
  top: max(-24.3777452416vw, -333px);
  right: max(-27.9648609078vw, -582px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__inner .obj:nth-of-type(1) {
    width: 54.4vw;
    top: -18.9333333333vw;
    right: -25.8666666667vw;
  }
}
.p-mrt-osolo-cm__ttl {
  width: min(20.6442166911vw, 282px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__ttl {
    width: 37.0666666667vw;
  }
}
.p-mrt-osolo-cm__ttl::after {
  background-color: #fff;
}
.p-mrt-osolo-cm__gallery {
  display: flex;
  flex-direction: column;
  gap: min(3.6603221083vw, 50px);
}
.p-mrt-osolo-cm__gallery p {
  font-size: min(2.0497803807vw, 28px);
  font-weight: bold;
  text-align: center;
  margin-bottom: min(1.2445095168vw, 17px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__gallery p {
    font-size: 4.2666666667vw;
  }
}
.p-mrt-osolo-cm__movie {
  position: relative;
  z-index: 1;
  width: min(70.2781844802vw, 960px);
  height: min(39.5314787701vw, 540px);
  overflow: hidden;
  border-radius: min(1.9033674963vw, 26px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__movie {
    width: 80.8vw;
    height: 45.6vw;
    border-radius: 3.2vw;
  }
}
.p-mrt-osolo-cm__movie video {
  width: 100%;
}
.p-mrt-osolo-cm__movie .modalBtn {
  position: absolute;
  z-index: 1;
  width: min(7.3206442167vw, 100px);
  height: min(7.3206442167vw, 100px);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__movie .modalBtn {
    width: 16vw;
    height: 16vw;
    margin: auto;
  }
}
.p-mrt-osolo-cm__movie .modalBtn::before {
  position: absolute;
  z-index: 1;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: 50%;
  transition: all 0.3s;
}
.p-mrt-osolo-cm__movie .modalBtn:hover::before {
  transform: scale(1.1);
}
.p-mrt-osolo-cm__movie .modalBtn picture {
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: min(3.074670571vw, 42px);
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__movie .modalBtn picture {
    width: 6.9333333333vw;
  }
}
.p-mrt-osolo-cm__movie .movieBtn {
  position: absolute;
  z-index: 1;
  width: min(4.5387994143vw, 62px);
  bottom: min(3.6603221083vw, 50px);
  right: min(3.8067349927vw, 40px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__movie .movieBtn {
    width: 13.3333333333vw;
    bottom: 5.3333333333vw;
    right: 5.3333333333vw;
  }
}
.p-mrt-osolo-cm__movie .movieBtn:hover {
  opacity: 0.5;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-cm__movie .movieBtn:hover {
    opacity: unset;
  }
}
.p-mrt-osolo-cm__movie .movieBtn img {
  display: none;
}
.p-mrt-osolo-cm__movie .movieBtn img.active {
  display: block;
}

iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
}

/* ----------------------------------------------------------------
p-mrt-osolo-qa
----------------------------------------------------------------- */
.p-mrt-osolo-qa {
  color: #724404;
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_qa_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: min(160.6149341142vw, 2194px);
  margin-top: max(-5.710102489vw, -78px);
  padding-top: min(12.5183016105vw, 171px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_qa_sp.png?fmt=png-alpha&wid=750");
    height: 370.4vw;
    margin-top: -33.6vw;
    padding-top: 21.3333333333vw;
  }
}
.p-mrt-osolo-qa__inner .obj:nth-of-type(1) {
  width: min(46.7789165447vw, 556px);
  top: max(-20.7174231332vw, -283px);
  left: max(-29.4289897511vw, -402px);
  transform: scaleX(1);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__inner .obj:nth-of-type(1) {
    width: 54.4vw;
    top: -37.6vw;
    left: -25.8666666667vw;
  }
}
.p-mrt-osolo-qa__ttl {
  width: min(9.0043923865vw, 123px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__ttl {
    width: 18.9333333333vw;
  }
}
.p-mrt-osolo-qa__ttl::after {
  background-color: #724404;
}
.p-mrt-osolo-qa__content dl dt {
  padding: 20px;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dt {
    padding: 3.2vw 0;
  }
}
.p-mrt-osolo-qa__content dl dt div {
  display: flex;
  align-items: center;
  gap: min(1.317715959vw, 18px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dt div {
    gap: 2.1333333333vw;
  }
}
.p-mrt-osolo-qa__content dl dt div p:first-child {
  display: inline-block;
  width: min(5.710102489vw, 78px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dt div p:first-child {
    width: 11.4666666667vw;
  }
}
.p-mrt-osolo-qa__content dl dt div p:last-child {
  font-size: min(1.8301610542vw, 25px);
  line-height: 2.12;
  letter-spacing: -0.024em;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dt div p:last-child {
    font-size: 4.5333333333vw;
    line-height: 1.2352941176;
  }
}
.p-mrt-osolo-qa__content dl dd {
  font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
  padding: 20px;
  border-top: 2px solid #E05E0E;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dd {
    padding: 3.2vw 0;
    border-top: 0.2666666667vw solid #E05E0E;
  }
}
.p-mrt-osolo-qa__content dl dd > div {
  display: flex;
  align-items: center;
  gap: min(1.317715959vw, 18px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dd > div {
    align-items: normal;
    gap: 2.1333333333vw;
  }
}
.p-mrt-osolo-qa__content dl dd > div > p:first-child {
  display: block;
  align-self: flex-start;
  width: min(5.710102489vw, 78px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dd > div > p:first-child {
    width: 11.4666666667vw;
  }
}
.p-mrt-osolo-qa__content dl dd > div > p:last-child {
  font-size: min(1.317715959vw, 18px);
  flex: 1;
  line-height: 1.4444444444;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dd > div > p:last-child {
    width: 67.2vw;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.p-mrt-osolo-qa__content dl dd > div div p {
  font-size: min(1.317715959vw, 18px);
  margin-bottom: 1em;
  line-height: 1.4444444444;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dd > div div p {
    width: 67.2vw;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.p-mrt-osolo-qa__content dl dd > div div p:last-child {
  margin-bottom: 0;
}
.p-mrt-osolo-qa__content dl dd > div div ul li {
  font-size: min(1.317715959vw, 18px);
  position: relative;
  padding-left: 1em;
  margin-bottom: 1em;
  line-height: 1.4444444444;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa__content dl dd > div div ul li {
    width: 67.2vw;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.p-mrt-osolo-qa__content dl dd > div div ul li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.p-mrt-osolo-qa__content dl:nth-of-type(n+2) {
  margin-top: min(1.4641288433vw, 20px);
}
.p-mrt-osolo-qa a {
  font-size: min(1.317715959vw, 18px);
  color: #724404;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: min(3.8799414348vw, 53px) auto 0;
  transition-duration: 1000ms;
  transition-property: opacity, filter, transform;
  transition-delay: 0ms;
  text-decoration: underline;
  font-family: 'FP-KoburinaGoStdN-W6', sans-serif;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-qa a {
    font-size: 3.4666666667vw;
    margin-top: 6.1333333333vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-osolo-shop
----------------------------------------------------------------- */
.p-mrt-osolo-shop {
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_shop_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: min(63.9824304539vw, 874px);
  margin-top: max(-45.0219619327vw, -615px);
  padding-top: min(13.17715959vw, 180px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_shop_sp.png?fmt=png-alpha&wid=750");
    height: 186.6666666667vw;
    margin-top: -34.9333333333vw;
    padding-top: 21.3333333333vw;
  }
}
.p-mrt-osolo-shop__inner .obj:nth-of-type(1) {
  width: min(39.8243045388vw, 544px);
  top: max(-31.1127379209vw, -425px);
  right: max(-28.1112737921vw, -384px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__inner .obj:nth-of-type(1) {
    width: 52vw;
    top: -30.4vw;
    right: -33.6vw;
  }
}
.p-mrt-osolo-shop__ttl {
  width: min(21.8887262079vw, 299px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__ttl {
    width: 45.8666666667vw;
  }
}
.p-mrt-osolo-shop__txt {
  font-size: min(1.9033674963vw, 26px);
  line-height: 1;
  letter-spacing: 0.024em;
  text-align: center;
  margin-bottom: min(3.2210834553vw, 44px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__txt {
    font-size: 4vw;
    line-height: 1.7333333333;
    letter-spacing: normal;
    margin-bottom: 5.8666666667vw;
  }
}
.p-mrt-osolo-shop__box {
  display: flex;
  flex-wrap: wrap;
  gap: min(1.4641288433vw, 20px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__box {
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 4vw;
  }
}
.p-mrt-osolo-shop__box .coming {
  background-color: #AA4800;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  pointer-events: none;
}
.p-mrt-osolo-shop__box .coming::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/txt_shop_soon.png?fmt=png-alpha&wid=352");
  background-size: cover;
  width: min(12.8843338214vw, 176px);
  height: min(2.2693997072vw, 31px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__box .coming::before {
    width: 30.6666666667vw;
    height: 5.3333333333vw;
  }
}
.p-mrt-osolo-shop__box a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(23.0600292826vw, 315px);
  height: min(5.1976573939vw, 71px);
  font-size: min(1.6105417277vw, 22px);
  text-align: center;
  color: #724404;
  -webkit-backdrop-filter: blur(7px) brightness(1.5) contrast(1.1);
          backdrop-filter: blur(7px) brightness(1.5) contrast(1.1);
  background-color: rgba(255, 255, 255, 0.65);
  transition-duration: 1000ms;
  transition-property: opacity, filter, transform;
  transition-delay: 0ms;
  border-radius: 36px;
  position: relative;
  padding: min(1.4641288433vw, 20px) 0;
  line-height: 1.1363636364;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__box a {
    width: 57.0666666667vw;
    height: 12.5333333333vw;
    font-size: 4vw;
    border-radius: 8vw;
    padding: 3.7333333333vw 0;
    line-height: 1.1333333333;
  }
}
.p-mrt-osolo-shop__box a:hover {
  background-color: #724404;
  color: #fff;
  opacity: 1;
}
.p-mrt-osolo-shop__box a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(0.8052708638vw, 11px);
  transform: translateY(-50%);
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_shop_arrow.png?fmt=png-alpha&wid=46");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: min(1.6837481698vw, 23px);
  height: min(1.6837481698vw, 23px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-shop__box a::after {
    right: 2.1333333333vw;
    width: 3.7333333333vw;
    height: 3.7333333333vw;
  }
}
.p-mrt-osolo-shop__box a:hover::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(0.8052708638vw, 11px);
  transform: translateY(-50%);
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/img_shop_arrow_hover.png?fmt=png-alpha&wid=23");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: min(1.6837481698vw, 23px);
  height: min(1.6837481698vw, 23px);
}

/* ----------------------------------------------------------------
p-mrt-osolo-topics
----------------------------------------------------------------- */
.p-mrt-osolo-topics {
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_topics_pc.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: min(98.3894582723vw, 1344px);
  margin-top: max(-12.298682284vw, -168px);
  padding-top: min(12.1522693997vw, 166px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_topics_sp.png?fmt=png-alpha&wid=750");
    height: 197.0666666667vw;
    margin-top: -3.7333333333vw;
    position: relative;
    z-index: 2;
    padding-top: 25.0666666667vw;
  }
}
.p-mrt-osolo-topics__inner .obj {
  z-index: 0;
}
.p-mrt-osolo-topics__inner .obj:nth-of-type(1) {
  width: min(36.383601757vw, 497px);
  top: max(-5.1244509517vw, -70px);
  right: min(0.6588579795vw, 9px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__inner .obj:nth-of-type(1) {
    width: 70.1333333333vw;
    top: -9.0666666667vw;
    right: -37.8666666667vw;
  }
}
.p-mrt-osolo-topics__ttl {
  width: min(11.0541727672vw, 151px);
  margin-bottom: min(5.8565153734vw, 80px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__ttl {
    width: 23.2vw;
    margin-bottom: 12.5333333333vw;
  }
}
.p-mrt-osolo-topics__box {
  display: flex;
  justify-content: center;
  margin-bottom: min(7.6134699854vw, 104px);
}
.p-mrt-osolo-topics__box li {
  width: min(33.2357247438vw, 454px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__box li {
    width: 80.8vw;
  }
}
.p-mrt-osolo-topics__txt {
  font-size: min(1.9033674963vw, 26px);
  text-align: center;
  margin-bottom: min(2.8550512445vw, 39px);
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__txt {
    font-size: 4vw;
    margin-bottom: 2.6666666667vw;
    line-height: 1.7333333333;
  }
}
.p-mrt-osolo-topics__link {
  width: min(33.3821376281vw, 456px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-topics__link {
    width: 80.8vw;
  }
}

/* ----------------------------------------------------------------
p-mrt-osolo-info
----------------------------------------------------------------- */
.p-mrt-osolo-info {
  background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_info_pc_01.png?fmt=png-alpha&wid=2732");
  background-position: left top;
  background-size: cover;
  background-repeat: no-repeat;
  height: min(69.7657393851vw, 953px);
  margin-top: max(-10.6149341142vw, -145px);
  padding-top: min(11.3469985359vw, 155px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info {
    background-image: url("https://kao-h.assetsadobe3.com/is/image/content/dam/sites/kao/www-kao-co-jp/merit/osolo/images/bg_info_sp_01.png?fmt=png-alpha&wid=750");
    height: 231.7333333333vw;
    margin-top: -16.8vw;
    padding-top: 23.2vw;
  }
}
.p-mrt-osolo-info__inner .obj {
  z-index: 0;
}
.p-mrt-osolo-info__inner .obj:nth-of-type(1) {
  width: min(36.383601757vw, 497px);
  top: max(-18.3016105417vw, -250px);
  left: max(-13.1039531479vw, -179px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__inner .obj:nth-of-type(1) {
    width: 70.1333333333vw;
    top: -42.4vw;
    left: -50.4vw;
  }
}
.p-mrt-osolo-info__ttl {
  width: min(16.3982430454vw, 224px);
  margin: 0 auto min(2.5622254758vw, 35px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__ttl {
    width: 42.6666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.p-mrt-osolo-info__linkHead {
  font-size: min(1.9033674963vw, 26px);
  text-align: center;
  margin-bottom: min(2.8550512445vw, 39px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__linkHead {
    font-size: 4vw;
    margin-bottom: 2.6666666667vw;
  }
}
.p-mrt-osolo-info__link {
  width: min(33.3821376281vw, 456px);
  margin: 0 auto min(9.5168374817vw, 130px);
  background-color: #fff;
  border-radius: 14px;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__link {
    width: 80.8vw;
  }
}
.p-mrt-osolo-info__txt {
  font-size: min(1.9033674963vw, 26px);
  text-align: center;
  margin-bottom: min(2.8550512445vw, 39px);
  line-height: 1.3076923077;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__txt {
    font-size: 4.2666666667vw;
    margin-bottom: 6.6666666667vw;
    letter-spacing: -0.024em;
    line-height: 1.1666666667;
  }
}
.p-mrt-osolo-info__box {
  display: flex;
  justify-content: center;
  gap: min(2.7818448023vw, 38px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__box {
    gap: 6.9333333333vw;
  }
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__box:nth-child(6) {
    margin-bottom: 12.5333333333vw;
  }
}
.p-mrt-osolo-info__box:nth-child(6) li:first-child {
  width: min(2.196193265vw, 30px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__box:nth-child(6) li:first-child {
    width: 6.9333333333vw;
  }
}
.p-mrt-osolo-info__box:nth-child(6) li:last-child {
  width: min(2.2693997072vw, 31px);
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__box:nth-child(6) li:last-child {
    width: 7.2vw;
  }
}
.p-mrt-osolo-info__box:nth-child(7) {
  flex-direction: column;
  gap: 6.4vw;
  display: none;
}
@media screen and (max-width: 750px) {
  .p-mrt-osolo-info__box:nth-child(7) {
    display: flex;
    margin-bottom: 10.6666666667vw;
  }
}
.p-mrt-osolo-info__box:nth-child(7) li {
  border-bottom: 1px solid #fff;
}
.p-mrt-osolo-info__box:nth-child(7) li:first-child a {
  display: block;
  width: 10.4vw;
  margin-bottom: 1.8666666667vw;
}
.p-mrt-osolo-info__box:nth-child(7) li:nth-child(2) a {
  display: block;
  width: 25.6vw;
  margin-bottom: 1.6vw;
}
.p-mrt-osolo-info__box:nth-child(7) li:nth-child(3) a {
  display: block;
  width: 23.7333333333vw;
  margin-bottom: 3.2vw;
}
.p-mrt-osolo-info__box:nth-child(7) li:nth-child(4) a {
  display: block;
  width: 36vw;
  margin-bottom: 1.3333333333vw;
}
.p-mrt-osolo-info__box:nth-child(7) li:nth-child(5) a {
  display: block;
  width: 15.7333333333vw;
  margin-bottom: 2.4vw;
}
.p-mrt-osolo-info__box:nth-child(7) li:nth-child(6) a {
  display: block;
  width: 37.3333333333vw;
  margin-bottom: 1.3333333333vw;
}