@charset "UTF-8";
/* --- デフォルトCSS設定 --- */
#footer_emmi {
  padding-top: 0;
  margin-top: 0;
}

#Contents .main-area {
  overflow: unset;
}
/* SP/PC共通のページ設定用デフォルトCSS */
#em251014waterproof {
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 500; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
}

/* PC画面幅 1400px以上 固定 */
@media (min-width: 1401px) {
  #em251014waterproof {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}

/* PC画面幅 768～1400px 可変 */
@media (min-width: 768px) and (max-width: 1400px) {
  #em251014waterproof {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}

/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  #em251014waterproof {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}

#em251014waterproof img {
  display: block;
  width: 100%;
  height: auto;
}

#em251014waterproof h2,
#em251014waterproof h3,
#em251014waterproof p,
#em251014waterproof li {
  margin-block: calc((1em - 1lh) / 2);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

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

/* --- 抽出されたセレクタ --- */

/* レイアウト用セレクタ */
#em251014waterproof {
  --burgundy: #4d0d00;
  --white: #ffffff;
  --grayish-pink: #ccbbb8;
  --yugothic: "yu-gothic-pr6n", "Yu Gothic Medium", "游ゴシック Medium",
    YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  --pragmatica: pragmatica, sans-serif;
  --classico: classico-urw, sans-serif;
  width: 100%;
  min-height: 100%;
  display: flex;
  position: relative;
  background-color: var(--grayish-pink);
  font-feature-settings: "palt";
}

#em251014waterproof .lp-left-area {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
  display: grid;
  place-items: center;
}

#em251014waterproof .left-area__h2 {
}

#em251014waterproof .left-area__sub-h3 {
}

#em251014waterproof .left-area__pc-05__layout {
}

#em251014waterproof .left-area__pc-05 {
}

#em251014waterproof .lp-main-area {
  flex-shrink: 0;
  width: calc(500 * var(--formula_pc));
  background-color: var(--burgundy);
}

#em251014waterproof .section01 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#em251014waterproof .section01__model-01 {
}

#em251014waterproof .section01__theaser {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: calc(20 * var(--formula));
}

#em251014waterproof .section1__text-cont__fix1 {
  margin-left: calc(2 * var(--formula));
  margin-right: calc(3 * var(--formula));
}

#em251014waterproof .section1__text-cont__fix2 {
  margin-left: calc(2 * var(--formula));
  margin-right: calc(2 * var(--formula));
}

#em251014waterproof .section01__svg-05 {
}

#em251014waterproof .section01__txt-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: var(--yugothic);
  color: var(--white);
  margin-top: calc(36 * var(--formula));
  gap: calc(14 * var(--formula));
}

#em251014waterproof .section01__txt-cont__h3 {
  font-size: calc(28 * var(--formula));
  line-height: 1.36;
  letter-spacing: 0.1em;
  display: flex;
  /* flex-direction: column; */
  /* gap: calc(8 * var(--formula)); */
}

#em251014waterproof .section01__txt-cont__sub-h3 {
  font-size: calc(33 * var(--formula));
  line-height: 1.36;
  letter-spacing: 0.015em;
  font-family: var(--classico);
  margin-top: calc(0 * var(--formula));
}

span.section01__txt-cont__sub-h3 {
}

#em251014waterproof .section01__txt-cont__txt {
  font-size: calc(22 * var(--formula));
  line-height: 1.3;
  letter-spacing: -0.01em;
  transform: translateX(calc(-1 * var(--formula)));
  font-family: var(--classico);
  margin-top: calc(-9 * var(--formula));
}

#em251014waterproof .section01__img-cont {
  display: flex;
  margin-top: calc(25 * var(--formula));
  gap: calc(63 * var(--formula));
}

#em251014waterproof .section01__svg-01 {
  transform: translate(calc(0 * var(--formula)), calc(-2 * var(--formula)));
}

#em251014waterproof .section01__svg-02 {
  transform: translate(calc(-1 * var(--formula)), calc(-1 * var(--formula)));
}

#em251014waterproof .section01__svg-03 {
  transform: translate(calc(-7 * var(--formula)), calc(8 * var(--formula)));
}

#em251014waterproof .section01__svg-04 {
  transform: translate(calc(-1 * var(--formula)), calc(-1 * var(--formula)));
}

#em251014waterproof .section01__txt {
  font-family: var(--yugothic);
  color: var(--burgundy);
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: center;
  background-color: var(--white);
  margin-top: calc(63 * var(--formula));
  margin-bottom: calc(120 * var(--formula));
  padding-top: calc(54 * var(--formula));
  padding-bottom: calc(62 * var(--formula));
  padding-inline: calc(65 * var(--formula));
}

#em251014waterproof .section01__item-cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#em251014waterproof .item-list {
  margin: 0 auto;
  font-family: var(--pragmatica);
  color: var(--white);
  font-size: calc(22 * var(--formula));
  line-height: 2.87;
  letter-spacing: 0.05em;
  text-align: center;
  font-weight: 300;
}

#em251014waterproof .section01__item-list {
  margin-top: calc(41 * var(--formula));
  margin-bottom: calc(80 * var(--formula));
}
#em251014waterproof .item-detail {
  display: flex;
  justify-content: center;
}

#em251014waterproof .section01__item-detail1 {
  gap: calc(20 * var(--formula));
}

#em251014waterproof .section01__item-detail2 {
  gap: calc(20 * var(--formula));
}

#em251014waterproof .section01__item-detail3 {
  gap: calc(20 * var(--formula));
}

#em251014waterproof .section01__model-03 {
  margin-bottom: calc(119 * var(--formula));
}

#em251014waterproof .section02 {
  display: flex;
  flex-direction: column;
  align-items: center;
}

#em251014waterproof .section02__model-04 {
  position: sticky;
  top: 0;
  z-index: 0;
}

#em251014waterproof .section02__item-cont {
  padding-bottom: calc(120 * var(--formula));
  z-index: 1;
  background-color: var(--burgundy);
}

#em251014waterproof .section02__model-05 {
}

#em251014waterproof .section02__item-list {
  margin-top: calc(41 * var(--formula));
}

#em251014waterproof .section02__item-detail1 {
  gap: calc(20 * var(--formula));
}

#em251014waterproof .section02__item-detail2 {
  gap: calc(20 * var(--formula));
}

#em251014waterproof .section02__model-06 {
  padding-bottom: calc(34 * var(--formula));
  z-index: 1;
  background-color: var(--burgundy);
}

#em251014waterproof .section03 {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--white);
  position: relative;
  padding-bottom: calc(162 * var(--formula));
}

#em251014waterproof .slider-item {
  font-family: var(--classico);
  color: var(--burgundy);
  font-size: calc(45 * var(--formula));
  line-height: 0.93;
  letter-spacing: 0;
  text-align: center;
}

#em251014waterproof .section03__h3 {
  font-family: var(--classico);
  color: var(--burgundy);
  font-size: calc(68 * var(--formula));
  line-height: 0.88;
  letter-spacing: 0.015em;
  text-align: center;
  position: relative;
  margin-top: calc(77 * var(--formula));
  transform: translateX(calc(1 * var(--formula)));
}

#em251014waterproof .section03__h3::after {
  content: "";
  position: absolute;
  bottom: calc(-10 * var(--formula));
  left: 50%;
  height: calc(2 * var(--formula));
  width: calc(240 * var(--formula));
  transform: translateX(-50%);
  background-color: var(--burgundy);
}

#em251014waterproof .section03__slider1-cont {
  margin-bottom: calc(115 * var(--formula));
  width: calc(750 * var(--formula));
}

#em251014waterproof .slider1-item {
  font-family: var(--classico);
  color: var(--burgundy);
  font-size: calc(45 * var(--formula));
  line-height: 0.93;
  letter-spacing: 0.01em;
  text-align: center;
}

#em251014waterproof .section03__slider1-item {
  margin-bottom: calc(50 * var(--formula));
  margin-top: calc(68 * var(--formula));
}

#em251014waterproof #slider1 {
}

#em251014waterproof #slider1 img {
  width: calc(280 * var(--formula));
}

#em251014waterproof .section03__slider2-cont {
  margin-bottom: calc(115 * var(--formula));
  width: calc(750 * var(--formula));
}

#em251014waterproof .section03__slider2-item {
  margin-bottom: calc(60 * var(--formula));
}

#em251014waterproof #slider2 {
}

#em251014waterproof .section03__slider3-cont {
  width: calc(750 * var(--formula));
  margin-bottom: calc(147 * var(--formula));
}

#em251014waterproof .section03__slider3-item {
  margin-bottom: calc(58 * var(--formula));
}

#em251014waterproof #slider3 {
}

#em251014waterproof .section03__all-item {
  position: relative;
  display: block;
  width: calc(540 * var(--formula));
  height: calc(114 * var(--formula));
  box-sizing: border-box;
  font-size: calc(54 * var(--formula));
  font-family: var(--classico);
  color: var(--burgundy);
  display: grid;
  place-items: center;
}

#em251014waterproof .section03__all-item::after {
  content: "";
  position: absolute;
  top: calc(3 * var(--formula));
  left: 0;
  width: 100%;
  height: 100%;
  border: var(--burgundy) solid calc(2 * var(--formula));
  box-sizing: border-box;
}

#em251014waterproof .lp-right-area {
  flex: 1;
  position: sticky;
  top: 0;
  height: 100vh;
  display: grid;
  place-items: center;
}

#em251014waterproof .right-area__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(25 * (100vw / 1400));
}

#em251014waterproof .right-area__txt-cont {
  display: flex;
  flex-direction: column;
  font-family: var(--classico);
  color: var(--white);
  gap: calc(6 * (100vw / 1400));
}

#em251014waterproof .right-area__txt-cont__h3 {
  font-size: calc(22 * (100vw / 1400));
  line-height: 0.75;
  letter-spacing: 0.015em;
  text-align: center;
  font-family: var(--classico);
}

#em251014waterproof .right-area__txt-cont__txt {
  font-size: calc(14 * (100vw / 1400));
  line-height: 1.4;
  letter-spacing: 0.01em;
  text-align: center;
  font-family: var(--classico);
}

#em251014waterproof .right-area__img-cont {
  display: flex;
  gap: calc(35 * (100vw / 1400));
}

#em251014waterproof .right-area__pc-01__layout {
}

#em251014waterproof .right-area__pc-01 {
}

#em251014waterproof .right-area__pc-02__layout {
}

#em251014waterproof .right-area__pc-02 {
}

#em251014waterproof .right-area__pc-03__layout {
}

#em251014waterproof .right-area__pc-03 {
  transform: translate(
    calc(-3 * var(--formula_pc)),
    calc(6 * var(--formula_pc))
  );
}

#em251014waterproof .right-area__pc-04__layout {
}

#em251014waterproof .right-area__pc-04 {
}

/* 画像サイズ指定用クラス(__frame) */
#em251014waterproof .left-area__pc-05__frame {
  width: calc(172 * (100vw / 1400));
}

#em251014waterproof .section01__model-01__frame {
  width: calc(750 * var(--formula));
}

#em251014waterproof .section01__svg-05__frame {
  width: calc(212 * var(--formula));
}

#em251014waterproof .section01__svg-01__frame {
  width: calc(102 * var(--formula));
}

#em251014waterproof .section01__svg-02__frame {
  width: calc(98 * var(--formula));
}

#em251014waterproof .section01__svg-03__frame {
  width: calc(92 * var(--formula));
}

#em251014waterproof .section01__svg-04__frame {
  width: calc(94 * var(--formula));
}

#em251014waterproof .section01__model-02__frame {
  width: calc(540 * var(--formula));
}

#em251014waterproof .section01__model-03__frame {
  width: calc(750 * var(--formula));
}

#em251014waterproof .section02__model-04__frame {
  width: calc(520 * var(--formula));
}

#em251014waterproof .section02__model-05__frame {
  width: calc(520 * var(--formula));
}

#em251014waterproof .section02__model-06__frame {
  width: calc(700 * var(--formula));
}

#em251014waterproof .right-area__pc-01__frame {
  width: calc(59 * (100vw / 1400));
}

#em251014waterproof .right-area__pc-02__frame {
  width: calc(56 * (100vw / 1400));
}

#em251014waterproof .right-area__pc-03__frame {
  width: calc(52 * (100vw / 1400));
}

#em251014waterproof .right-area__pc-04__frame {
  width: calc(54 * (100vw / 1400));
}

/* SP用画像サイズ指定用クラス(__frame) */
@media (max-width: 767px) {
  #em251014waterproof .lp-main-area {
    width: 100%;
  }
  #em251014waterproof .lp-left-area,
  #em251014waterproof .lp-right-area {
    display: none;
  }
}