body.pageTop {
  background-color: #C9CED0;
}

.pageTop .mainZone .movBox picture {
  width: 100%;
  height: auto;
}

.pageTop .mainZone .movBox img {
  width: 100%;
  height: auto;
}

.pageTop .l-cont {
  display: flow-root;

  /* 幹の太さの調整はこの1行だけを変える（小さくすると細くなる） */
  --trunk-w: 98.8vw;
  /* 1タイルの高さ */
  --trunk-h: calc(var(--trunk-w) / 5.2502);
  /* ヒーロー画像の下端の位置 */
  --hero-bottom: 37.01vw;
  /* 幹を止める切り口のぼかし幅 */
  --trunk-fade: 4.7vw;

  background-image:
    linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
    url("/-/media/JBS/image/top/topBG2026_bottom.svg"),
    linear-gradient(rgba(201, 206, 208, 0) 0, #C9CED0 var(--trunk-fade)),
    url("/-/media/JBS/image/top/topBG2026_pc1.svg"),
    url("/-/media/JBS/image/top/topBG2026_pc2.svg"),
    url("/-/media/JBS/image/top/topBG2026_pc3.svg");
  background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-y;
  background-position:
    center top,
    center bottom calc(215px - 1.85vw),
    center bottom,
    center calc(var(--hero-bottom) - var(--trunk-h)),
    center var(--hero-bottom),
    center calc(var(--hero-bottom) + var(--trunk-h));
  background-size:
    100% 100%,
    20.1% auto,
    100% calc(215px + 16.95vw),
    var(--trunk-w) calc(var(--trunk-h) * 3),
    var(--trunk-w) calc(var(--trunk-h) * 3),
    var(--trunk-w) calc(var(--trunk-h) * 3);
}

@media screen and (min-width: 768px) {
  .pageTop .l-footer .bottom-footer {
    background-color: #FFFFFF;
  }
}

@media screen and (max-width: 767px) {
  body.pageTop {
    background-color: #C9CED0;
  }
  .pageTop .l-cont {
    --trunk-fade: 6.4vw;
    --trunk-w: 100vw;
    --trunk-h: 32.812vw;
    background-image:
      linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)),
      url("/-/media/JBS/image/top/topBG2026_bottom.svg"),
      linear-gradient(rgba(201, 206, 208, 0) 0, #C9CED0 var(--trunk-fade)),
      url("/-/media/JBS/image/top/topBG2026_sp1.svg"),
      url("/-/media/JBS/image/top/topBG2026_sp2.svg"),
      url("/-/media/JBS/image/top/topBG2026_sp3.svg");
    background-repeat: no-repeat, no-repeat, no-repeat, repeat-y, repeat-y, repeat-y;
    background-position:
      center top,
      center bottom 20.7vw,
      center bottom,
      center calc(115.625vw - var(--trunk-h)),
      center 115.625vw,
      center calc(115.625vw + var(--trunk-h));
    background-size:
      100% 100%,
      34.7% auto,
      100% 53.6vw,
      var(--trunk-w) calc(var(--trunk-h) * 3),
      var(--trunk-w) calc(var(--trunk-h) * 3),
      var(--trunk-w) calc(var(--trunk-h) * 3);
  }
  .pageTop .mainZone .movBox {
    padding-top: 0;
  }
}

/*# sourceMappingURL=srcmap/style.css.map */