/* ==========================================================
   フッター上の院内写真の帯（.l-parallax）
   画像を枠より大きく置き、main.js（.js-parallax）がスクロールに合わせて上下に動かす。
   ========================================================== */
.l-parallax {
  position: relative;
  height: 260px;
  overflow: hidden;
}

.l-parallax__img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 200%;
  object-fit: cover;
  will-change: transform;
}

@media (max-width: 767px) {
  .l-parallax {
    height: 160px;
  }

  .l-parallax__img {
    height: 180%;
  }
}