@charset "UTF-8";
/* media query
------------------------------------------ */
/* display
------------------------------------------ */
.is-show-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-show-pc {
    display: none;
  }
}

.is-show-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-show-sp {
    display: block;
  }
}

/* function
------------------------------------------ */
.footer {
  padding-top: 0;
}

.MO251225maria {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 490; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
  /* PC画面幅 1400px以上 固定 */
  /* PC画面幅 768～1400px 可変 */
  /* SP画面幅 767px以下 可変 */
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* animation
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
  /* product
  ------------------------------------------ */
  /* all
  ------------------------------------------ */
  /* staff
  ------------------------------------------ */
}
@media (min-width: 1401px) {
  .MO251225maria {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .MO251225maria {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
@media (max-width: 767px) {
  .MO251225maria {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}

.MO251225maria {
  --font-yugothic: 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", メイリオ, sans-serif;
  --font-newAtten: "new-atten", sans-serif;
  --fw-book: 300;
  --fw-medium: 500;
  --fw-bold: 700;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-red: #cf0f0f;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: var(--color-black);
  font-family: var(--font-newAtten);
  font-weight: var(--fw-medium);
}

.MO251225maria img {
  width: 100%;
  height: auto;
}
.MO251225maria .white_bg {
  position: relative;
  background-color: var(--color-white);
}
.MO251225maria .white_bg a {
  display: block;
  position: relative;
  z-index: 2;
}
.MO251225maria .white_bg::before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: var(--color-white);
  z-index: 1;
}
.MO251225maria * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.MO251225maria .section-ttl {
  position: relative;
  clip-path: inset(0 0 100% 0);
  -webkit-transition: 1s;
  transition: 1s;
  text-align: center;
}
.MO251225maria .section-ttl span {
  display: inline-block;
  width: 1px;
  height: calc(90 * var(--formula));
  background-color: #000;
  margin: calc(25 * var(--formula)) auto 0;
}
.MO251225maria .section-ttl.is-active {
  clip-path: inset(0 0 0 0);
}
.MO251225maria .product-txt {
  font-family: var(--font-yugothic);
  font-size: calc(24 * var(--formula));
  line-height: 2.08333333333;
  letter-spacing: 0.05em;
}
.MO251225maria .product-img {
  pointer-events: none;
}
.MO251225maria .js-fade-in {
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.MO251225maria .js-fade-in.is-active {
  opacity: 1;
}
.MO251225maria-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .MO251225maria-container {
    display: block;
  }
}
.MO251225maria .mv {
  position: sticky;
  top: 0;
  width: 50%;
  height: 100vh;
}
@media (max-width: 767px) {
  .MO251225maria .mv {
    position: static;
    width: 100%;
    height: auto;
  }
}
.MO251225maria .mv a {
  display: block;
  position: relative;
  z-index: 0;
}
.MO251225maria .mv-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(52 * var(--formula));
  width: calc(686 * var(--formula));
  margin: auto;
  z-index: 1;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.MO251225maria .mv-logo.is-active {
  opacity: 1;
}
@media (min-width: 768px) {
  .MO251225maria .mv-logo {
    bottom: calc(27 * var(--formula_pc));
    width: calc(650 * var(--formula_pc));
  }
}
.MO251225maria .mv-img {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 1s;
  transition: 1s;
}
.MO251225maria .mv-img.is-active {
  opacity: 1;
}
@media (max-width: 767px) {
  .MO251225maria .mv-img {
    height: auto;
  }
}
.MO251225maria .mv-img img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
@media (max-width: 767px) {
  .MO251225maria .mv-img img {
    -o-object-fit: fill;
       object-fit: fill;
    height: auto;
  }
}
.MO251225maria .lp-container {
  width: 50%;
}
@media (max-width: 767px) {
  .MO251225maria .lp-container {
    width: 100%;
  }
}
.MO251225maria .lp-cont {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
}
.MO251225maria .hero {
  margin-top: calc(84 * var(--formula));
}
.MO251225maria .hero-txt {
  font-family: var(--font-yugothic);
  font-size: calc(24 * var(--formula));
  line-height: 2.1666666667;
  letter-spacing: 0.05em;
  text-align: center;
}
.MO251225maria .section01 {
  margin-top: calc(-112 * var(--formula));
}
.MO251225maria .section01-ttl {
  width: calc(133 * var(--formula));
  margin: 0 auto;
}
.MO251225maria .product01-photo-01 {
  width: calc(595 * var(--formula));
  margin: 0 auto;
}
.MO251225maria .product01 .product-block {
  position: relative;
  width: calc(750 * var(--formula));
  margin: calc(135 * var(--formula)) auto 0;
  z-index: 3;
}
.MO251225maria .product-txt {
  margin: calc(52 * var(--formula)) auto 0;
  width: calc(650 * var(--formula));
}
.MO251225maria .product-price {
  display: inline-block;
}
.MO251225maria .product-price a {
  font-weight: var(--fw-book);
  font-size: calc(24 * var(--formula));
  line-height: 1.9166666667;
  letter-spacing: 0.01em;
  color: var(--color-red);
  display: block;
}
.MO251225maria .product01-price-01 {
  position: absolute;
  width: calc(210 * var(--formula));
  left: calc(30 * var(--formula));
  bottom: calc(20 * var(--formula));
  z-index: 5;
}
.MO251225maria .product01-photo-03 {
  width: calc(600 * var(--formula));
  margin: calc(85 * var(--formula)) auto 0 calc(130 * var(--formula));
  position: relative;
  z-index: 3;
}

.MO251225maria .product02 {
  margin-top: calc(137 * var(--formula));
}
.MO251225maria .product02-photo-01 {
  width: calc(750 * var(--formula));
  margin: 0 auto;
  position: relative;
  z-index: 3;
}
.MO251225maria .product02 .product-block {
  position: relative;
  width: calc(650 * var(--formula));
  margin: calc(164 * var(--formula)) auto 0;
  z-index: 3;
}
.MO251225maria .product02-price-01 {
  position: absolute;
  width: calc(210 * var(--formula));
  left: calc(-20 * var(--formula));
  top: calc(-145 * var(--formula));
  z-index: 5;
}

.MO251225maria .section02 {
  margin-top: calc(226 * var(--formula));
}
.MO251225maria .section02 .product01 .product-block {
  width: calc(720 * var(--formula));
  margin: calc(136 * var(--formula)) auto 0 calc(30 * var(--formula));
}
.MO251225maria .section02 .product01-price-01 {
  width: calc(210 * var(--formula));
  left: initial;
  right: calc(29 * var(--formula));
  bottom: calc(20 * var(--formula));
  text-align: right;
}
.MO251225maria .section02 .product01-photo-03 {
  width: calc(650 * var(--formula));
  margin: calc(85 * var(--formula)) auto 0 0;
}
.MO251225maria .section02 .product02-photo-01 {
  width: calc(690 * var(--formula));
}
.MO251225maria .section02 .product02 .product-block {
  width: calc(610 * var(--formula));
  margin: calc(164 * var(--formula)) auto 0 calc(140 * var(--formula));
}
.MO251225maria .section02 .product02-price-01 {
  width: calc(230 * var(--formula));
  left: initial;
  right: calc(30 * var(--formula));
  top: calc(-144 * var(--formula));
  text-align: right;
}
.MO251225maria .product03 {
  margin-top: calc(137 * var(--formula));
}
.MO251225maria .product03 .product-block {
  position: relative;
  width: calc(750 * var(--formula));
  margin: calc(135 * var(--formula)) auto 0;
  z-index: 3;
}
.MO251225maria .product03 .product03-price-01 {
  position: absolute;
  width: calc(210 * var(--formula));
  left: calc(30 * var(--formula));
  bottom: calc(20 * var(--formula));
  z-index: 5;
}
.MO251225maria .product03 .product03-photo-03 {
  position: relative;
  width: calc(650 * var(--formula));
  margin: calc(85 * var(--formula)) auto 0;
  z-index: 3;
}

.MO251225maria .section03 {
  margin-top: calc(225 * var(--formula));
}
.MO251225maria .section03 .product02-photo-01 {
  width: calc(690 * var(--formula));
  margin: 0 auto;
}
.MO251225maria .section03 .product02 .product-block {
  width: calc(660 * var(--formula));
  margin: calc(140 * var(--formula)) auto 0 0;
}
.MO251225maria .section03 .product02-price-01 {
  width: calc(190 * var(--formula));
  left: initial;
  right: calc(-61 * var(--formula));
  top: calc(-120 * var(--formula));
  text-align: right;
}

.MO251225maria .all {
  width: calc(750 * var(--formula));
  margin: calc(166 * var(--formula)) auto 0;
}
.MO251225maria .all-link {
  display: block;
  width: calc(675 * var(--formula));
  margin: 0 auto;
}
.MO251225maria .staff {
  margin-top: calc(142 * var(--formula));
  margin-bottom: calc(192 * var(--formula));
}
.MO251225maria .staff-ttl {
  display: block;
  font-weight: var(--fw-bold);
  font-size: calc(26 * var(--formula));
  line-height: 1;
  letter-spacing: 0.15em;
  text-align: center;
}
.MO251225maria .staff-txt {
  margin-top: calc(17 * var(--formula));
  text-align: center;
  font-weight: var(--fw-book);
  font-size: calc(23 * var(--formula));
  line-height: 1.9565217391;
  letter-spacing: 0.025em;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
-  -
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.MO251225maria .common-flex_column {
  display: flex;
  flex-direction: column;
  gap: var(--row, 0) var(--column, 0);
}
.MO251225maria .scroll_container {
  position: relative;
  padding-top: calc(194 * var(--formula));
}
.MO251225maria .fixed_container {
  position: sticky;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: fit-content;
  pointer-events: none;
}
.MO251225maria .nav-link {
  --column: calc(35 * var(--formula));
  margin-left: calc(15 * var(--formula));
  font-size: calc(35 * var(--formula));
  line-height: 1;
  letter-spacing: 0.025em;
  transition: all 0.2s;
  font-weight: var(--fw-medium);
  color: rgba(0, 0, 0, 0.25);
}
.MO251225maria .fixed_container ul {
  --row: calc(5 * var(--formula));
  width: fit-content;
}
.MO251225maria .nav-link.active {
  color: var(--color-red);
}
.MO251225maria .nav-link span {
  display: inline-block;
  width: calc(70 * var(--formula));
}
@media (min-width: 768px) {
  .MO251225maria .hero {
    margin-top: calc(57 * var(--formula_pc));
  }
  .MO251225maria .scroll_container {
    padding-top: calc(125 * var(--formula_pc));
  }
}