/* 1) CSS背景は使わない（直描画に一本化） */
#mainVisual .slideImg {
  background: none !important;
}

/* 2) 画像は“背景の代替”として全面に敷く（奥：z=0） */
#mainVisual .slideImg > picture.slideBackground,
#mainVisual .slideImg > picture.slideBackground > img {
  position: absolute;
  inset: 0;                     /* top:0; right:0; bottom:0; left:0 */
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;         /* 前面のボタン/リンクへの操作を通す */
}



/* 3) テキストは必ず前面（z=2） */
#mainVisual .slideImg .slideBox,
#mainVisual .slideImg .slideTxt {
  position: relative !important;
  z-index: 2;
}

/* 4) ボタンが最前面になるように（既に表示されているが明示するなら） */
#mainVisual .slideImg .Link {
  position: absolute; /* 既存通り */
  z-index: 3;
}