:root {
  /* ▽ヘッダー 背景色 */
  /* --lp-header-color: initial; */
  /* ▽LP 背景色 */
  /* --lp-bg-color: initial; */
  /* ▽LP 背景固定画像 */
  /* --lp-bg-image-SP: initial; */
  /* --lp-bg-image-PC: initial; */
}
.header[data-header-theme="light"].c-active,
.header[data-header-theme="dark"] {
  background: transparent;
}
.main-area {
  background-color: #d08d29;
  padding-top: 190px;
}

@media (max-width: 767px) {
  .main-area {
    padding-top: 154px;
  }
}
.main-area:has(.MC251201pierreherme[data-bg-mode="default"])::before {
  background-color: #d08d29;
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
default settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
#Contents .main-area.lp {
  margin-bottom: 0 !important;
}

.MC251201pierreherme {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 480;
  --sp-artboard-width: 750;
  --formula: calc(var(--variable) * var(--ratio));
  --formula_pc: calc(var(--variable) * 1);
}

@media (min-width: 1401px) {
  .MC251201pierreherme {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: 1px;
  }
}

@media (min-width: 768px) and (max-width: 1400px) {
  .MC251201pierreherme {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}

@media (max-width: 767px) {
  .MC251201pierreherme {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
  }
}

.MC251201pierreherme img {
  display: block;
  width: 100%;
  height: auto;
}

.MC251201pierreherme h2,
.MC251201pierreherme h3,
.MC251201pierreherme p,
.MC251201pierreherme li {
  margin-block: calc((1em - 1lh) / 2);
}

.MC251201pierreherme .invisible-heading {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* 
//////////////////////////////////////////////////////////////////////////////////////////
common settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.MC251201pierreherme {
  position: relative;
  background: var(--bronze);
  width: 100%;
  height: 100%;
  display: flex;
  font-feature-settings: "palt";
  --light-camel: #e6a84e;
  --bronze: #d08d29;
  --lp-header-color: #d08d29;
  --dark-brown: #372d28;
  --yu-gochic: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium",
    "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-medium: 500;
}

.MC251201pierreherme .section-settings {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.MC251201pierreherme [class*="__txt"] {
  font-family: var(--yu-gochic) !important;
  color: var(--light-camel) !important;
  font-size: calc(24 * var(--formula)) !important;
  line-height: 2 !important;
  letter-spacing: 0.1em !important;
  font-weight: var(--font-medium) !important;
  text-align: center;
}

.MC251201pierreherme [class*="-product-"] {
  background: var(--dark-brown);
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
animation settings
//////////////////////////////////////////////////////////////////////////////////////////
*/
.animate-item {
  transition: all 1s ease-in;
}
.slide-up {
  opacity: 0;
  transform: translateY(calc(100 * var(--formula)));
}

.is-visible.slide-up {
  opacity: 1;
  transform: translateY(0);
}
/* 
//////////////////////////////////////////////////////////////////////////////////////////
layout settings
//////////////////////////////////////////////////////////////////////////////////////////
*/

.MC251201pierreherme .lp-left-area,
.MC251201pierreherme .lp-right-area {
  position: sticky !important;
  top: 0;
  flex: 1;
  height: 100vh;
  display: grid;
  place-items: center;
}
@media (max-width: 767px) {
  .MC251201pierreherme .lp-left-area,
  .MC251201pierreherme .lp-right-area {
    display: none;
  }
}

.MC251201pierreherme .left-area__img-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(50 * (100vw / 1400));
  margin: calc(-48 * (100vw / 1400)) 0 0 0;
}
.MC251201pierreherme .lp-main-area {
  flex-shrink: 0;
  width: calc(480 * var(--formula_pc));
}
@media (max-width: 767px) {
  .MC251201pierreherme .lp-main-area {
    width: 100%;
  }
}

.MC251201pierreherme .mv-cont,
.MC251201pierreherme .section3,
.MC251201pierreherme .section1 {
  background: var(--dark-brown);
}

.MC251201pierreherme .section2 {
  background: var(--bronze);
}

.MC251201pierreherme .section1__txt1 {
  margin: calc(88 * var(--formula)) 0 calc(93 * var(--formula)) 0;
}

.MC251201pierreherme .section1__img-cont {
  margin: 0 0 calc(140 * var(--formula)) 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(40 * var(--formula));
}

.MC251201pierreherme .section1__cont-upper {
  display: flex;
  align-items: center;
  gap: 13px;
}

.MC251201pierreherme .section1__cont-upper li:nth-child(2) {
  margin: 49px 0 0 0;
}
.MC251201pierreherme .section1__cont-upper li:nth-child(3) {
  margin: -5px 0 0 0;
}

.MC251201pierreherme .section1__cont-upper-h3 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: ;
}
.MC251201pierreherme .section1__slide-cont {
  width: 100%;
}

.MC251201pierreherme .splide {
  width: 100%;
  height: calc(900 * var(--formula));
  overflow: clip;
}

.MC251201pierreherme .splide__slide {
  width: calc(600 * var(--formula));
}

.MC251201pierreherme .section1__txt2 {
  margin: calc(68 * var(--formula)) 0 calc(110 * var(--formula)) 0;
}

.MC251201pierreherme .section2-text-01 {
  margin: calc(113 * var(--formula)) 0 calc(80 * var(--formula)) 0;
}

.MC251201pierreherme .section2__img-cont {
  position: relative;
  margin: calc(80 * var(--formula)) 0 calc(79 * var(--formula)) 0;
  display: grid;
  width: 100%;
  height: calc(1321 * var(--formula));
}

.MC251201pierreherme .section2-object-01,
.MC251201pierreherme .section2-product-02,
.MC251201pierreherme .section2-object-02 {
  grid-area: 1/1;
}

.MC251201pierreherme .section2-object-01 {
  align-self: start;
  justify-self: start;
  z-index: 1;
  opacity: 0.8;
}

.MC251201pierreherme .section2-product-02 {
  align-self: center;
  justify-self: center;
  z-index: 5;
  margin: calc(-60 * var(--formula)) 0 0 0;
}

.MC251201pierreherme .section2-object-02 {
  align-self: end;
  justify-self: end;
  z-index: 1;
  opacity: 0.7;
}

.MC251201pierreherme .section2__credit__txt {
  color: var(--dark-brown) !important;
  font-size: calc(22 * var(--formula)) !important;
  line-height: 1.75 !important;
  letter-spacing: 0.05em !important;
  font-weight: var(--font-medium) !important;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: calc(41 * var(--formula)) -2px calc(121 * var(--formula)) 0;
  gap: calc(16 * var(--formula));
}

.MC251201pierreherme .section3-text-01 {
  margin: calc(121 * var(--formula)) 0 calc(105 * var(--formula)) 0;
}

.MC251201pierreherme .section3-object-01 {
  margin: 0 0 calc(60 * var(--formula)) 0;
  position: sticky !important;
  top: calc((100vh - (700 * var(--formula) + var(--header-height))) / 2);
  object-position: center;
  z-index: 1;
}

.MC251201pierreherme .section3__wrapper {
  background-color: var(--dark-brown);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  z-index: 5;
}

.MC251201pierreherme .section3__txt1 {
  margin: calc(68 * var(--formula)) -2px calc(26 * var(--formula)) 0;
}

.MC251201pierreherme .section3__txt2 {
  margin: 0 -2px calc(137 * var(--formula)) 0;
}

.MC251201pierreherme .section3__img-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--bronze);
  padding: calc(31 * var(--formula)) 0 calc(94 * var(--formula)) 0;
  gap: calc(60 * var(--formula));
  outline: max(1px, calc(2 * var(--formula))) solid var(--dark-brown);
  outline-offset: calc(-11 * var(--formula));
  width: calc(690 * var(--formula));
}

.MC251201pierreherme .section3__txt3 {
  color: var(--dark-brown) !important;
  text-align: justify;
  width: calc(530 * var(--formula));
}

.MC251201pierreherme .section3-button-01 {
  margin: calc(139 * var(--formula)) 0 0 0;
}

.MC251201pierreherme .section3-text-03 {
  margin: calc(142 * var(--formula)) 1px calc(62 * var(--formula)) 0;
}

/* 画像サイズ指定用クラス(__frame) */
.MC251201pierreherme .lp-mv-text-01__frame {
  width: calc(134 * (100vw / 1400));
}

.MC251201pierreherme .lp-mv-text-02__frame {
  width: calc(226 * (100vw / 1400));
}

.MC251201pierreherme .lp-mv-01__frame {
  width: calc(750 * var(--formula));
}

.MC251201pierreherme .section1-object-01__frame {
  width: calc(230 * var(--formula));
}

.MC251201pierreherme .section1-text-01__frame {
  width: calc(224 * var(--formula));
}
.MC251201pierreherme .section1-object-02__frame {
  width: calc(230 * var(--formula));
}

.MC251201pierreherme .section1-object-03__frame {
  width: calc(710 * var(--formula));
}

.MC251201pierreherme .section2-text-01__frame {
  width: calc(451 * var(--formula));
}

.MC251201pierreherme .section2-product-01__frame {
  width: calc(680 * var(--formula));
}

.MC251201pierreherme .section2-object-01__frame {
  width: calc(500 * var(--formula));
}

.MC251201pierreherme .section2-product-02__frame {
  width: calc(520 * var(--formula));
}

.MC251201pierreherme .section2-object-02__frame {
  width: calc(500 * var(--formula));
}

.MC251201pierreherme .section2-product-03__frame {
  width: calc(750 * var(--formula));
}

.MC251201pierreherme .section3-text-01__frame {
  width: calc(244 * var(--formula));
}

.MC251201pierreherme .section3-object-01__frame {
  width: calc(700 * var(--formula));
}

.MC251201pierreherme .section3-product-01__frame {
  width: calc(750 * var(--formula));
}

.MC251201pierreherme .section3-text-02__frame {
  width: calc(496 * var(--formula));
}

.MC251201pierreherme .section3-button-01__frame {
  width: calc(556 * var(--formula));
}

.MC251201pierreherme .section3-text-03__frame {
  width: calc(551 * var(--formula));
}

.MC251201pierreherme .lp-mv-button-01__frame {
  width: calc(261 * (100vw / 1400));
}