/* andnet スライダー専用CSS */

/* スライダー幅（バナーに影響させない） */
.andnet-introduce-slider {
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 16px;
}

/* --- UID スコープ --- */
/* ★ functions.php 側で生成される #ID に置き換わるので、ここは汎用セレクタにしておく */
.swiper-slide {
  overflow: hidden;
  border-radius: 12px;
  background: #fff;
}

/* 高さ固定：16:9。4:3なら75%、1:1なら100%に変更可 */
.slide-frame {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
}
.slide-frame::before {
  content: "";
  display: block;
  padding-top: 56.25%; /* 16:9 */
}

/* 画像を枠いっぱいにフィット */
.slide-frame > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100% !important;
  object-fit: cover !important;
  display: block;
  transition: transform 0.35s ease;
}

.introduce-slide-link:hover .slide-frame > img {
  transform: scale(1.02);
}

/* デフォルト：PC用 16:9 */
.slide-frame::before {
  padding-top: 56.25%; /* 16:9 */
}

/* タブレット：4:3 に変更（768px以下）*/
@media (max-width: 1024px) {
  .slide-frame::before {
    padding-top: 75%; /* 4:3 */
  }
}

/* スマホ：1:1 に変更（640px以下）*/
@media (max-width: 640px) {
  .slide-frame::before {
    padding-top: 100%; /* 1:1 正方形 */
  }
}

.slide-title {
  margin: 8px 0 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: #333;
  text-align: left;
  line-height: 1.2 !important; /* ★行間を狭める */
}