@charset "utf-8";

:root {
  --color: #675c5c;
  --color01: #303030;
  --color02: #524e4d;
  --color03: #595857;
  --color04: #766c6c;
  --color05: #444444;
  --colorbg01: #efead6;
  --colorbg02: #d4e3de;
  --colorbg03: #e7dcdc;
  --colorbg04: #f0ddc3;
  --fontYG: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic", "メイリオ", "Meiryo", "Noto Sans", "Noto Sans CJK JP", "system-ui", sans-serif;
  --fontTBM: "Toppan Bunkyu Mincho R", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Noto Serif JP", "MS Mincho", serif;
  --fontBM: "Bodoni Moda", serif;
}

.mederubag_fp .pc {
  display: block;
}

.mederubag_fp .sp {
  display: none;
}

.mederubag_fp * {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
}

.mederubag_fp a {
  text-decoration: none;
  transition: all 0.2s ease;
}

.mederubag_fp a:hover {
  opacity: 0.7;
}

.mederubag_fp ul {
  padding-left: 0;
}

.mederubag_fp p {
  margin-top: 0;
  margin-bottom: 0;
}

.mederubag_fp img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

/* mederubag_fp */
.mederubag_fp {
  background-color: var(--colorbg01);
  color: var(--color);
  font-family: var(--fontYG);
  font-feature-settings: "palt";
  font-variant-ligatures: no-common-ligatures;
}

.mederubag-inner_fp {
  box-sizing: content-box;
  margin-left: auto;
  margin-right: auto;
  max-width: 1170px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.mederubag-content_fp {
  margin-left: auto;
  margin-right: auto;
  max-width: 795px;
  width: 67.948%;
}

/* mederubag-header_fp */
.mederubag-header_fp {
  padding-top: 2.564%;
}

.mederubag-logo_fp {
  margin-left: auto;
  margin-right: auto;
  width: 27.044%;
}

/* mederubag-mv_fp */
.mederubag-mv_fp {
  margin-top: 2.136%;
}

.mederubag-mv__main_fp {
  position: relative;
}

.mederubag-mv__cap_fp {
  font-family: var(--fontTBM);
  font-size: clamp(12px, 2.13vw, 25px);
  font-weight: 400;
  font-feature-settings: initial;
  letter-spacing: 0.15em;
  line-height: 1.4;
  top: 12.791%;
  right: 8.301%;
  position: absolute;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.mederubag-mv__btn_fp {
  margin-top: 6.289%;
  margin-left: auto;
  margin-right: auto;
  width: 42.012%;
}

/* mederubag-lead_fp */
.mederubag-lead_fp {
  color: var(--color01);
  margin-top: 3.931%;
  position: relative;
}

.mederubag-lead_fp::before {
  background-image: url(../images/deco_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  top: -2.012%;
  right: 0;
  padding-top: 9.811%;
  width: 113.836%;
}

.mederubag-lead__inner_fp {
  padding-top: 19.622%;
  padding-bottom: 16.352%;
  position: relative;
  z-index: 0;
}

.mederubag-lead__inner_fp::before {
  background-image: url(../images/lead-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  opacity: 0.3;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.mederubag-lead__title_fp {
  font-family: var(--fontTBM);
  font-size: clamp(12px, 2.13vw, 25px);
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 1.6;
  text-align: center;
}

.mederubag-lead_fp .mederubag-lead__text_fp {
  font-size: clamp(10px, 1.62vw, 19px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.15;
  text-align: center;
  margin-top: 3.773%;
}

/* mederubag-story_fp */
.mederubag-story_fp {
  color: var(--color02);
  margin-top: 3.418%;
  padding-top: 11.111%;
  padding-bottom: 8.888%;
  position: relative;
  z-index: 1;
}

.mederubag-story_fp::before {
  background-image: url(../images/icon_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  opacity: 0.4;
  transform: translate(-90%, -50%);
  transition: 0.5s ease-in;
  transition-delay: 0.8s;
  padding-top: 12.578%;
  width: 12.578%;
}

.is-active.mederubag-story_fp::before {
  opacity: 1;
  transform: translate(-50%, 0);
}

.mederubag-story_fp::after {
  background-image: url(../images/bg_01.svg);
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 2.564%;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}

.mederubag-story__subtitle_fp {
  margin-left: auto;
  margin-right: auto;
  width: 55.597%;
}

.mederubag-story__decoration__img_fp {
  aspect-ratio: 159 / 65;
  -webkit-mask-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 795 325"><path d="M782.175,325H12.826C5.742,325,0,321.192,0,316.495V68.771C63.745,45.121,207.292-.681,401.847.008,591.432.679,731.333,45.149,795,68.771V316.495c0,4.7-5.742,8.505-12.825,8.505" transform="translate(0 0)" fill="%23fff"/></svg>');
  mask-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 795 325"><path d="M782.175,325H12.826C5.742,325,0,321.192,0,316.495V68.771C63.745,45.121,207.292-.681,401.847.008,591.432.679,731.333,45.149,795,68.771V316.495c0,4.7-5.742,8.505-12.825,8.505" transform="translate(0 0)" fill="%23fff"/></svg>');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: cover;
  mask-size: cover;
  overflow: hidden;
}

.mederubag-story__decoration__img_fp img {
  -o-object-fit: cover;
  object-fit: cover;
  max-width: none;
  width: 112.45%;
}

.mederubag-story__decoration__img_fp.is-active img {
  -webkit-animation: pan-x 2s ease-in-out 1s forwards;
  animation: pan-x 2s ease-in-out 1s forwards;
}

@-webkit-keyframes pan-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-11%);
  }
}

@keyframes pan-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-11%);
  }
}

.mederubag-story__desc_fp {
  margin-top: 6.918%;
}

.mederubag-story__title_fp {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 47.044%;
}

.mederubag-story__title_fp span {
  display: block;
  font-family: var(--fontTBM);
  font-size: clamp(11px, 1.88vw, 22px);
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 3.208%;
}

.mederubag-story__text_fp {
  font-size: clamp(10px, 1.62vw, 19px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 2.1;
  text-align: center;
  padding-top: 2.012%;
}

.mederubag-story__items_fp {
  margin-top: 10.817%;
}

.mederubag-story__inner_fp {
  display: flex;
  position: relative;
  justify-content: space-between;
}

.mederubag-story__cap_fp {
  flex-grow: 1;
}

.mederubag-story__item__title_fp {
  font-family: var(--fontTBM);
  font-size: clamp(18px, 3.16vw, 37px);
  font-weight: 500;
  letter-spacing: 0.2em;
  line-height: 1.29;
}

.mederubag-story__item__title_fp strong {
  font-size: clamp(24px, 4.1vw, 48px);
  font-weight: 500;
}

.mederubag-story__item__text_fp {
  font-family: var(--fontTBM);
  font-size: clamp(10px, 1.7vw, 20px);
  font-weight: 500;
  letter-spacing: 0.03em;
  line-height: 1.9;
}

.mederubag-story__images_fp {
  position: relative;
}

.mederubag-story__item__01_fp .mederubag-story__inner_fp {
  align-items: flex-end;
}

.mederubag-story__item__01_fp .mederubag-story__item__text_fp {
  margin-top: 0.6em;
}

.mederubag-story__item__01_fp .mederubag-story__copy_fp {
  top: 1.117%;
  right: 1.509%;
  position: absolute;
  width: 25.157%;
}

.mederubag-story__item__01_fp .mederubag-story__images_fp {
  width: 35.723%;
}

.mederubag-story__item__01_fp .mederubag-story__img_fp:nth-of-type(1) {
  top: -30.291%;
  left: -65.492%;
  position: absolute;
  width: 79.577%;
  z-index: 0;
}

.mederubag-story__item__01_fp .mederubag-story__img_fp:nth-of-type(2) {
  position: relative;
  z-index: 1;
}

.mederubag-story__item__02_fp {
  margin-top: 7.547%;
}

.mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(1) .mederubag-story__cap_fp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(1) .mederubag-story__images_fp {
  margin-right: 4.276%;
  width: 54.088%;
}

.mederubag-story__item__02_fp .mederubag-story__copy_fp {
  width: 92.145%;
}

.mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) {
  align-items: center;
  margin-top: 3.018%;
}

.mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) .mederubag-story__images_fp {
  width: 45.283%;
}

.mederubag-story__item__02_fp .mederubag-story__item__text_fp {
  margin-top: 0.6em;
}

.mederubag-story__message_fp {
  margin-top: 8.301%;
}

.mederubag-story__message__text_fp {
  font-family: var(--fontTBM);
  font-size: clamp(12px, 2.13vw, 25px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.6;
  text-align: center;
}

.mederubag-story__message__text_fp:not(:first-child) {
  margin-top: 1.6em;
}

/* mederubag-limited_fp */
.mederubag-limited_fp {
  padding-top: 8.034%;
  padding-bottom: 11.965%;
  position: relative;
  z-index: 0;
}

.mederubag-limited_fp::before {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
  z-index: -1;
}

.mederubag-limited__title_fp {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 34.188%;
}

.mederubag-limited__title_fp::before,
.mederubag-limited__title_fp::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: 1s;
}

.is-active .mederubag-limited__title_fp::before,
.is-active .mederubag-limited__title_fp::after {
  opacity: 1;
}

.mederubag-limited__title_fp::before {
  background-image: url(../images/deco_02.webp);
  padding-top: 46.25%;
  top: 4.545%;
  left: -23%;
  width: 23%;
}

.mederubag-limited__title_fp::after {
  background-image: url(../images/deco_03.webp);
  padding-top: 49.5%;
  top: 18.181%;
  right: -26%;
  width: 32.5%;
}

.mederubag-limited__text_fp {
  font-size: clamp(10px, 1.7vw, 20px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.75;
  text-align: center;
  padding-top: 2.905%;
}

.mederubag-limited__images_fp {
  display: flex;
  justify-content: space-between;
}

.mederubag-limited__cap__text_fp {
  font-size: clamp(10px, 1.36vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.68;
  padding-top: 1.25em;
}

.mederubag-limited__item__01_fp {
  margin-top: 7.798%;
}

.mederubag-limited__item__01_fp .mederubag-limited__img_fp {
  width: 48.553%;
}

.mederubag-limited__item__02_fp {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 6.933%;
}

.mederubag-limited__item__02_fp .mederubag-limited__images_fp {
  margin-right: 6.541%;
  width: 43.396%;
}

.mederubag-limited__item__02_fp .mederubag-limited__cap__title_fp {
  font-family: var(--fontTBM);
  font-size: clamp(14px, 2.47vw, 29px);
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 1.62;
}

.mederubag-limited__item__03_fp {
  margin-top: 7.798%;
}

.mederubag-limited__item__03_fp .mederubag-limited__img_fp:nth-of-type(1) {
  width: 57.358%;
}

.mederubag-limited__item__03_fp .mederubag-limited__img_fp:nth-of-type(2) {
  width: 39.874%;
}

.mederubag-limited__info_fp {
  margin-top: 7.295%;
}

.mederubag-limited__info__label_fp {
  margin-left: auto;
  margin-right: auto;
  width: 26.666%;
}

.mederubag-limited__info__name_fp {
  font-family: var(--fontTBM);
  font-size: clamp(10px, 1.7vw, 20px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
  padding-top: 0.5em;
}

.mederubag-limited__info__price_fp {
  font-size: clamp(10px, 1.79vw, 21px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.76;
  text-align: center;
}

.mederubag-limited__info__symbol_fp {
  font-weight: 700;
}

.mederubag-limited__info__num_fp {
  font-family: var(--fontBM);
  font-size: clamp(14px, 2.47vw, 29px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.27;
}

.mederubag-limited__info_tax_fp {
  font-size: clamp(10px, 1.53vw, 18px);
}

.mederubag-limited__info__btn_fp {
  margin-top: 2.893%;
  margin-left: auto;
  margin-right: auto;
  width: 35.597%;
}

.mederubag-limited__link_fp {
  margin-top: 12.327%;
  text-align: center;
}

.mederubag-limited__link_fp a {
  color: var(--color03);
  font-size: clamp(12px, 2.13vw, 25px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.76;
  padding-left: 1.84em;
  padding-right: 1.84em;
  position: relative;
}

.mederubag-limited__link_fp a::before,
.mederubag-limited__link_fp a::after {
  background-image: url(../images/limited-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1em;
  width: 1em;
}

.mederubag-limited__link_fp a::before {
  right: 0;
}

.mederubag-limited__link_fp a::after {
  left: 0;
}

/* mederubag-standard_fp */
.mederubag-standard_fp {
  color: var(--color);
  padding-top: 17.948%;
  padding-bottom: 12.222%;
  position: relative;
}

.mederubag-standard_fp::before,
.mederubag-standard_fp::after {
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  left: 0;
  padding-top: 2.564%;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}

.mederubag-standard_fp::before {
  background-image: url(../images/bg_01.svg);
  top: 0;
  transform: translateY(-20%) rotate(180deg);
}

.mederubag-standard_fp::after {
  background-image: url(../images/bg_02.svg);
  bottom: 0;
}

.mederubag-standard__title_fp {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 35.974%;
}

.mederubag-standard__title_fp::before,
.mederubag-standard__title_fp::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease;
  transition-delay: 1s;
}

.is-active .mederubag-standard__title_fp::before,
.is-active .mederubag-standard__title_fp::after {
  opacity: 1;
}

.mederubag-standard__title_fp::before {
  background-image: url(../images/deco_04.webp);
  padding-top: 73.426%;
  bottom: 0;
  left: -45.454%;
  width: 33.216%;
}

.mederubag-standard__title_fp::after {
  background-image: url(../images/deco_05.webp);
  padding-top: 53.846%;
  bottom: 38.888%;
  right: -39.86%;
  width: 22.377%;
}

.mederubag-standard__text_fp {
  font-size: clamp(10px, 1.7vw, 20px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.75;
  text-align: center;
  padding-top: 4.276%;
}

.mederubag-standard__item_fp {
  margin-top: 9.685%;
  padding-bottom: 10.566%;
  position: relative;
}

.mederubag-standard__item_fp::after {
  background-image: url(../images/deco_01.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translateY(40%);
  padding-top: 9.811%;
  width: 113.836%;
}

.mederubag-standard__img__wrap_fp {
  display: flex;
  justify-content: space-between;
  margin-top: 5.534%;
}

.mederubag-standard__img__wrap_fp .mederubag-standard__img_fp:nth-of-type(1) {
  width: 53.207%;
}

.mederubag-standard__img__wrap_fp .mederubag-standard__img_fp:nth-of-type(2) {
  width: 38.993%;
}

.mederubag-standard__item__title_fp {
  color: var(--color04);
  font-family: var(--fontTBM);
  font-size: clamp(14px, 2.47vw, 29px);
  font-weight: 500;
  letter-spacing: 0.18em;
  line-height: 1.62;
  text-align: center;
  padding-top: 5.786%;
}

.mederubag-standard__item__text_fp {
  color: var(--color04);
  font-size: clamp(10px, 1.36vw, 16px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.68;
  padding-top: 1.25em;
}

.mederubag-standard__info_fp {
  margin-top: 6.918%;
}

.mederubag-standard__info__name_fp {
  font-family: var(--fontTBM);
  font-size: clamp(10px, 1.7vw, 20px);
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.5;
  text-align: center;
}

.mederubag-standard__info__price_fp {
  font-size: clamp(10px, 1.79vw, 21px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.76;
  text-align: center;
}

.mederubag-standard__info__symbol_fp {
  font-weight: 700;
}

.mederubag-standard__info__num_fp {
  font-family: var(--fontBM);
  font-size: clamp(14px, 2.47vw, 29px);
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.27;
}

.mederubag-standard__info_tax_fp {
  font-size: clamp(10px, 1.53vw, 18px);
}

.mederubag-standard__info__btn_fp {
  margin-top: 2.893%;
  margin-left: auto;
  margin-right: auto;
  width: 35.597%;
}

/* mederubag-products_fp */
.mederubag-products_fp {
  padding-top: 9.401%;
  padding-bottom: 11.794%;
  position: relative;
  z-index: 0;
}

.mederubag-products_fp::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
  z-index: -1;
}

.mederubag-products__01_fp::before {
  background-color: var(--colorbg02);
}

.mederubag-products__02_fp::before {
  background-color: var(--colorbg03);
}

.mederubag-products__03_fp::before {
  background-color: var(--colorbg04);
}

.mederubag-products_fp::after {
  background-repeat: repeat-x;
  background-position: center;
  background-size: cover;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: 2.564%;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
}

.mederubag-products__01_fp::after {
  background-image: url(../images/bg_03.svg);
}

.mederubag-products__02_fp::after {
  background-image: url(../images/bg_04.svg);
}

.mederubag-products__03_fp::after {
  background-image: url(../images/bg_05.svg);
}

.mederubag-products__label_fp {
  margin-left: auto;
  margin-right: auto;
  width: 9.743%;
}

.mederubag-products__title_fp {
  color: var(--color05);
  font-size: clamp(24px, 4.1vw, 48px);
  font-weight: 400;
  letter-spacing: 0.15em;
  text-align: center;
  padding-top: 0.41em;
}

.mederubag-products__text_fp {
  color: var(--color05);
  font-size: clamp(16px, 2.73vw, 32px);
  font-weight: 500;
  letter-spacing: 0.15em;
  line-height: 1.43;
  text-align: center;
  padding-top: 0.37em;
}

/* mederubag-products__slider_fp */
.mederubag-products__slider__wrap_fp {
  margin-top: 2.56%;
}

.mederubag-products__slider_fp {
  margin-left: auto;
  margin-right: auto;
  width: 95.726%;
}

.mederubag-products__slider_fp li {
  padding-left: clamp(5px, 0.85vw, 10px);
  padding-right: clamp(5px, 0.85vw, 10px);
}

.mederubag-products__slider_fp img {
  border: 3px solid #fff;
  border-radius: 17px;
}

.mederubag-products__slider_fp figcaption {
  margin-top: clamp(12px, 0.2vw, 24px);
}

.mederubag-products__slider_fp p {
  text-align: center;
}

.mederubag-products__slider_fp .title {
  font-family: var(--fontTBM);
  color: var(--color);
  font-size: clamp(10px, 1.7vw, 20px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
  padding-bottom: 0.6em;
}

.mederubag-products__slider_fp .set_name {
  color: var(--color);
  font-size: clamp(10px, 1.79vw, 21px);
  line-height: 1.7;
  letter-spacing: 0.05em;
}

.mederubag-products__slider_fp .price {
  color: var(--color);
  font-family: var(--fontBM);
  font-size: clamp(15px, 2.47vw, 29px);
  line-height: 1.27;
  letter-spacing: 0.05em;
}

/* slider */
.mederubag-products__slider_fp .slick-prev,
.mederubag-products__slider_fp .slick-next {
  background-image: url(../images/swiper-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: transparent;
  display: none;
  top: 32%;
  height: 28px;
  width: 1.607%;
  z-index: 1;
}

.mederubag-products__slider_fp .slick-next {
  right: -3.035%;
}

.mederubag-products__slider_fp .slick-prev {
  left: -3.035%;
  transform: translateY(-50%) rotate(180deg);
}

.mederubag-products__slider_fp .slick-prev.active,
.mederubag-products__slider_fp .slick-next.active {
  display: block;
}

.mederubag-products__slider_fp .slick-prev:before,
.mederubag-products__slider_fp .slick-next:before {
  display: none;
}

.mederubag-products__slider_fp .slick-next:hover,
.mederubag-products__slider_fp .slick-next:focus,
.mederubag-products__slider_fp .slick-prev:hover,
.mederubag-products__slider_fp .slick-prev:focus {
  background-image: url(../images/swiper-arrow.svg);
}

/* mederubag-all_fp */
.mederubag-all_fp {
  padding-top: 6.923%;
  padding-bottom: 7.179%;
  position: relative;
  z-index: 0;
}

.mederubag-all_fp::before {
  background-color: #fff;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  margin: 0 calc(50% - 50vw);
  overflow: hidden;
  width: 100vw;
  z-index: -1;
}

.mederubag-all__text_fp {
  display: block;
  color: var(--color03);
  font-size: clamp(12px, 2.13vw, 25px);
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.76;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.84em;
  padding-right: 1.84em;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.mederubag-all__text_fp::before,
.mederubag-all__text_fp::after {
  background-image: url(../images/limited-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1em;
  width: 1em;
}

.mederubag-all__text_fp::before {
  right: 0;
}

.mederubag-all__text_fp::after {
  left: 0;
}

/* アニメーション */
.mederubag-fadein_fp {
  opacity: 0;
  transition: opacity 1.5s ease;
  transition-delay: 0.2s;
}

.mederubag-fadein_fp.is-active {
  opacity: 1;
}

.mederubag-slidein_fp {
  opacity: 0;
  transform: translateY(150px);
  transition: transform 1s ease-out, opacity 2s ease-out;
}

.mederubag-slidein_fp.is-active {
  opacity: 1;
  transform: translateY(0);
}

.mederubag-text__anim_fp {
  opacity: 0;
  transform: translate(20px, 10px);
  transition: transform 1.5s ease-out, opacity 2s ease-out;
  transition-delay: 0.3s;
}

.mederubag-text__anim_fp.is-active {
  opacity: 1;
  transform: translate(0, 0);
}

.mederubag-lead__title_fp .mederubag-text__anim_fp {
  transition-delay: 0.8s;
}

.mederubag-mv__cap_fp.mederubag-text__anim_fp {
  transition-delay: 0.8s;
}

/*----------------------------------
  sp
----------------------------------*/
@media not all and (min-width: 768px) {
  .fca_cat-hero .fca_container {
    padding-right: 0;
    padding-left: 0;
  }

  .mederubag_fp .pc {
    display: none;
  }

  .mederubag_fp .sp {
    display: block;
  }

  /* mederubag_fp */
  .mederubag-inner_fp {
    overflow-x: hidden;
    padding-left: 0;
    padding-right: 0;
  }

  .mederubag-content_fp {
    max-width: none;
    width: 100%;
  }

  /* mederubag-header_fp */
  .mederubag-header_fp {
    padding-top: 3.733%;
  }

  .mederubag-logo_fp {
    width: 49.333%;
  }

  /* mederubag-mv_fp */
  .mederubag-mv_fp {
    margin-top: 3.2%;
  }

  .mederubag-mv__cap_fp {
    font-size: clamp(16px, 4.26vw, 32px);
    font-feature-settings: "palt";
    top: 23.297%;
    left: 50%;
    right: auto;
    text-align: center;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    writing-mode: horizontal-tb;
    width: 100%;
  }

  .mederubag-mv__btn_fp {
    margin-top: 10.133%;
    width: 74.133%;
  }

  /* mederubag-lead_fp */
  .mederubag-lead_fp {
    margin-top: 10.666%;
  }

  .mederubag-lead_fp::before {
    background-image: url(../images/deco_01_sp.svg);
    background-position: right center;
    top: -6.933%;
    padding-top: 12.266%;
    width: 93.333%;
    z-index: 1;
  }

  .mederubag-lead__inner_fp {
    padding-top: 17.066%;
    padding-bottom: 18.133%;
  }

  .mederubag-lead__inner_fp::before {
    background-image: url(../images/lead-bg_sp.webp);
    background-size: cover;
  }

  .mederubag-lead__title_fp {
    font-size: clamp(18px, 4.8vw, 36px);
    letter-spacing: 0.2em;
  }

  .mederubag-lead_fp .mederubag-lead__text_fp {
    font-size: clamp(14px, 3.73vw, 28px);
    line-height: 2;
    margin-top: 4%;
  }

  /* mederubag-story_fp */
  .mederubag-story_fp {
    margin-top: 7.466%;
    padding-top: 17.6%;
    padding-bottom: 17.6%;
  }

  .mederubag-story_fp::before {
    padding-top: 14.133%;
    width: 13.866%;
  }

  .mederubag-story_fp::after {
    padding-top: 7.8%;
    width: 100%;
  }

  .mederubag-story__subtitle_fp {
    width: 69.6%;
  }

  .mederubag-story__decoration__img_fp {
    aspect-ratio: 336 / 207;
    -webkit-mask-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 207.131"><path d="M330.579,207.13H5.421A5.42,5.42,0,0,1,0,201.71V43.829a343.887,343.887,0,0,1,336,0V201.71a5.421,5.421,0,0,1-5.421,5.42" transform="translate(0 0.001)" fill="%23fff"/></svg>');
    mask-image: url('data:image/svg+xml;utf-8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 336 207.131"><path d="M330.579,207.13H5.421A5.42,5.42,0,0,1,0,201.71V43.829a343.887,343.887,0,0,1,336,0V201.71a5.421,5.421,0,0,1-5.421,5.42" transform="translate(0 0.001)" fill="%23fff"/></svg>');
    margin-top: -2.133%;
    margin-left: auto;
    margin-right: auto;
    width: 89.6%;
  }

  .mederubag-story__decoration__img_fp img {
    width: 149.404%;
  }

  .mederubag-story__decoration__img_fp.is-active img {
    -webkit-animation: pan-x 3.5s ease-in-out forwards;
    animation: pan-x 3.5s ease-in-out forwards;
  }

  @-webkit-keyframes pan-x {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-33.06%);
    }
  }

  @keyframes pan-x {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-33.06%);
    }
  }

  .mederubag-story__desc_fp {
    margin-top: 9.6%;
  }

  .mederubag-story__title_fp {
    width: 67.466%;
  }

  .mederubag-story__title_fp span {
    font-size: clamp(15px, 4vw, 30px);
    line-height: 1.7;
    padding-bottom: 2.133%;
  }

  .mederubag-story__text_fp {
    font-size: clamp(14px, 3.73vw, 28px);
    line-height: 2;
    padding-top: 3.2%;
  }

  .mederubag-story__items_fp {
    margin-top: 14.4%;
    margin-left: auto;
    margin-right: auto;
    width: 90.133%;
  }

  .mederubag-story__item__title_fp {
    font-size: clamp(18px, 4.8vw, 37px);
  }

  .mederubag-story__item__title_fp strong {
    font-size: clamp(24px, 6.4vw, 48px);
  }

  .mederubag-story__item__text_fp {
    font-size: clamp(14px, 3.7vw, 28px);
  }

  .mederubag-story__item__01_fp .mederubag-story__inner_fp {
    align-items: normal;
    flex-direction: column-reverse;
  }

  .mederubag-story__item__01_fp .mederubag-story__cap_fp {
    margin-top: -14.792%;
  }

  .mederubag-story__item__01_fp .mederubag-story__item__title_fp {
    padding-bottom: 0.55em;
  }

  .mederubag-story__item__01_fp .mederubag-story__item__text_fp {
    margin-top: 1em;
  }

  .mederubag-story__item__01_fp .mederubag-story__copy_fp {
    top: 0;
    right: 17.159%;
    width: 35.502%;
  }

  .mederubag-story__item__01_fp .mederubag-story__images_fp {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }

  .mederubag-story__item__01_fp .mederubag-story__img_fp:nth-of-type(1) {
    top: auto;
    left: auto;
    position: relative;
    width: 42.011%;
  }

  .mederubag-story__item__01_fp .mederubag-story__img_fp:nth-of-type(2) {
    margin-top: 14.133%;
    width: 52.662%;
  }

  .mederubag-story__item__02_fp {
    margin-top: 13.609%;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(1) .mederubag-story__cap_fp {
    display: block;
    position: absolute;
    right: 9.46%;
    bottom: 5.797%;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(1) .mederubag-story__images_fp {
    margin-right: 0;
    width: 70.414%;
  }

  .mederubag-story__item__02_fp .mederubag-story__copy_fp {
    padding-bottom: 4.733%;
    width: 49.704%;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) {
    align-items: center;
    flex-direction: column-reverse;
    margin-top: 5.952%;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) .mederubag-story__images_fp {
    margin-left: auto;
    width: 70.414%;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) .mederubag-story__img_fp {
    aspect-ratio: 238 / 138;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) .mederubag-story__img_fp img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }

  .mederubag-story__item__02_fp .mederubag-story__inner_fp:nth-of-type(2) .mederubag-story__cap_fp {
    margin-top: -11.834%;
    width: 100%;
    z-index: 1;
  }

  .mederubag-story__item__02_fp .mederubag-story__item__text_fp {
    margin-top: 1em;
  }

  .mederubag-story__message_fp {
    margin-top: 7.466%;
    margin-left: auto;
    margin-right: auto;
    width: 90.133%;
  }

  .mederubag-story__message__text_fp {
    font-size: clamp(14px, 3.7vw, 28px);
    letter-spacing: 0.03em;
    line-height: 1.8;
    text-align: left;
  }

  .mederubag-story__message__text_fp:not(:first-child) {
    margin-top: 1.8em;
    text-align: right;
  }

  /* mederubag-limited_fp */
  .mederubag-limited_fp {
    padding-top: 10.133%;
  }

  .mederubag-limited_fp::before {
    width: 100%;
  }

  .mederubag-limited__title_fp {
    width: 47.466%;
  }

  .mederubag-limited__title_fp::before {
    padding-top: 48.314%;
    top: -15.957%;
    left: -35.955%;
    width: 19.662%;
  }

  .mederubag-limited__title_fp::after {
    padding-top: 58.757%;
    top: 0;
    right: -45.197%;
    transform: rotate(-5deg);
    width: 38.418%;
  }

  .mederubag-limited__text_fp {
    font-size: clamp(14px, 3.7vw, 28px);
    padding-top: 5.333%;
  }

  .mederubag-limited__subtitle_fp {
    margin-left: auto;
    margin-right: auto;
    padding-top: 8%;
    width: 66.933%;
  }

  .mederubag-limited__items_fp {
    margin-left: auto;
    margin-right: auto;
    width: 90.133%;
  }

  .mederubag-limited__images_fp {
    flex-direction: column;
  }

  .mederubag-limited__cap__text_fp {
    font-size: clamp(13px, 3.46vw, 26px);
    padding-top: 2em;
    text-align: justify;
  }

  .mederubag-limited__item__01_fp {
    margin-top: -1.479%;
  }

  .mederubag-limited__item__01_fp .mederubag-limited__img_fp {
    width: 100%;
  }

  .mederubag-limited__item__01_fp .mederubag-limited__img_fp:nth-of-type(2) {
    margin-top: 2.366%;
  }

  .mederubag-limited__item__02_fp {
    display: block;
    margin-top: 13.017%;
    padding-top: 26.627%;
    position: relative;
  }

  .mederubag-limited__item__02_fp .mederubag-limited__images_fp {
    margin-left: auto;
    margin-right: auto;
    width: 73.964%;
  }

  .mederubag-limited__item__02_fp .mederubag-limited__cap__title_fp {
    font-size: clamp(20px, 5.33vw, 40px);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
  }

  .mederubag-limited__item__02_fp .mederubag-limited__cap__text_fp {
    text-align: center;
  }

  .mederubag-limited__item__03_fp {
    margin-top: 13.609%;
    position: relative;
  }

  .mederubag-limited__item__03_fp .mederubag-limited__img_fp:nth-of-type(1) {
    width: 100%;
  }

  .mederubag-limited__item__03_fp .mederubag-limited__img_fp:nth-of-type(2) {
    position: absolute;
    left: 0;
    bottom: 2%;
    width: 49.704%;
  }

  .mederubag-limited__item__03_fp .mederubag-limited__cap_fp {
    margin-left: auto;
    width: 43.786%;
  }

  .mederubag-limited__item__03_fp .mederubag-limited__cap__text_fp {
    padding-top: 1.84em;
  }

  .mederubag-limited__info_fp {
    margin-top: 10.666%;
  }

  .mederubag-limited__info__label_fp {
    width: 34.133%;
  }

  .mederubag-limited__info__name_fp {
    font-size: clamp(14px, 3.7vw, 28px);
    padding-top: 0.85em;
  }

  .mederubag-limited__info__price_fp {
    font-size: clamp(14px, 3.7vw, 28px);
  }

  .mederubag-limited__info__num_fp {
    font-size: clamp(20px, 5.33vw, 40px);
  }

  .mederubag-limited__info_tax_fp {
    font-size: clamp(13px, 3.46vw, 26px);
  }

  .mederubag-limited__info__btn_fp {
    margin-top: 3.2%;
    width: 45.333%;
  }

  .mederubag-limited__link_fp {
    margin-top: 9.6%;
  }

  .mederubag-limited__link_fp a {
    font-size: clamp(14px, 3.7vw, 28px);
    padding-left: 1.28em;
    padding-right: 1.28em;
  }

  /* mederubag-standard_fp */
  .mederubag-standard_fp {
    padding-top: 22.933%;
    padding-bottom: 9.333%;
  }

  .mederubag-standard_fp::before,
  .mederubag-standard_fp::after {
    padding-top: 7.8%;
    width: 100%;
  }

  .mederubag-standard__title_fp {
    width: 47.2%;
  }

  .mederubag-standard__title_fp::before {
    top: -58.928%;
    left: -40.677%;
  }

  .mederubag-standard__title_fp::after {
    padding-top: 49.717%;
    bottom: -7.142%;
    right: -34.463%;
    width: 20.903%;
  }

  .mederubag-standard__text_fp {
    font-size: clamp(14px, 3.7vw, 28px);
    padding-top: 5.333%;
  }

  .mederubag-standard__items_fp {
    margin-left: auto;
    margin-right: auto;
    width: 90.133%;
  }

  .mederubag-standard__item_fp {
    margin-top: 14.792%;
    padding-bottom: 13.609%;
  }

  .mederubag-standard__item_fp::after {
    background-image: none;
    background-image: radial-gradient(circle, #b5a085 2px, transparent 2px);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 12px 4px;
    transform: translateY(0);
    padding-top: 4px;
    width: 100%;
  }

  .mederubag-standard__item_fp:last-child:after {
    display: none;
  }

  .mederubag-standard__item_fp:first-child {
    margin-top: 8.875%;
  }

  .mederubag-standard__img__wrap_fp {
    align-items: center;
    margin-top: 7.988%;
  }

  .mederubag-standard__img__wrap_fp .mederubag-standard__img_fp:nth-of-type(1) {
    width: 49.704%;
  }

  .mederubag-standard__img__wrap_fp .mederubag-standard__img_fp:nth-of-type(2) {
    width: 45.857%;
  }

  .mederubag-standard__item__title_fp {
    font-size: clamp(20px, 5.33vw, 40px);
    padding-top: 7.396%;
  }

  .mederubag-standard__item__text_fp {
    color: var(--color04);
    font-size: clamp(14px, 3.73vw, 28px);
    padding-top: 1.42em;
  }

  .mederubag-standard__info_fp {
    margin-top: 6.508%;
  }

  .mederubag-standard__info__name_fp {
    font-size: clamp(14px, 3.7vw, 28px);
  }

  .mederubag-standard__info__price_fp {
    font-size: clamp(14px, 3.7vw, 28px);
  }

  .mederubag-standard__info__num_fp {
    font-size: clamp(20px, 5.33vw, 40px);
  }

  .mederubag-standard__info_tax_fp {
    font-size: clamp(13px, 3.46vw, 26px);
  }

  .mederubag-standard__info__btn_fp {
    margin-top: 4.142%;
    width: 50.295%;
  }

  /* mederubag-products_fp */
  .mederubag-products_fp {
    padding-top: 8.533%;
    padding-bottom: 20.533%;
  }

  .mederubag-products_fp::before {
    overflow: hidden;
  }

  .mederubag-products_fp::after {
    padding-top: 7.8%;
    width: 100%;
  }

  .mederubag-products__label_fp {
    width: 16.8%;
  }

  .mederubag-products__title_fp {
    font-size: clamp(27px, 7.2vw, 54px);
    padding-top: 0.29em;
  }

  .mederubag-products__text_fp {
    font-size: clamp(18px, 4.8vw, 36px);
    padding-top: 0.44em;
  }

  /* mederubag-products__slider_fp */
  .mederubag-products__slider__wrap_fp {
    margin-top: 6.933%;
  }

  .mederubag-products__slider_fp {
    width: 100%;
  }

  .mederubag-products__slider_fp li {
    padding-left: clamp(18px, 4.8vw, 36px);
    padding-right: clamp(18px, 4.8vw, 36px);
  }

  .mederubag-products__slider_fp img {
    border: 2px solid #fff;
    border-radius: 12px;
  }

  .mederubag-products__slider_fp figcaption {
    margin-top: clamp(12px, 0.32vw, 24px);
  }

  .mederubag-products__slider_fp .title {
    font-size: clamp(14px, 3.7vw, 28px);
  }

  .mederubag-products__slider_fp .set_name {
    font-size: clamp(14px, 3.7vw, 28px);
  }

  .mederubag-products__slider_fp .price {
    font-size: clamp(20px, 5.33vw, 40px);
  }

  /* slider */
  .mederubag-products__slider_fp .slick-prev,
  .mederubag-products__slider_fp .slick-next {
    width: 3.2%;
  }

  .mederubag-products__slider_fp .slick-next {
    right: 12%;
  }

  .mederubag-products__slider_fp .slick-prev {
    left: 12%;
  }

  /* mederubag-all_fp */
  .mederubag-all_fp {
    padding-top: 17.333%;
    padding-bottom: 17.333%;
  }

  .mederubag-all_fp::before {
    width: 100%;
  }

  .mederubag-all__text_fp {
    font-size: clamp(14px, 3.7vw, 28px);
    padding-left: 1.28em;
    padding-right: 1.28em;
  }

  /* アニメーション */
  .mederubag-slidein_fp {
    transform: translateY(100px);
  }

  .mederubag-text__anim_fp {
    transform: translate(10px, 5px);
  }

  .mederubag-mv__cap_fp.mederubag-text__anim_fp {
    transform: translate(-45%, 10px);
  }

  .mederubag-mv__cap_fp.mederubag-text__anim_fp.is-active {
    transform: translate(-50%, 0);
  }
}