/* 卒業生紹介のトップページのスライダー */
/* コンテナ */
    /* スライダーコンテナ */
    .swiper.my-slider-3col {
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
    }

    /* 各スライド */
    .my-slider-3col .swiper-slide {
      transition: transform 0.4s ease, opacity 0.4s ease;
      opacity: 0.5;
      transform: scale(0.85); /* デフォルト小さめ */
    }

    .my-slider-3col .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
      border-radius: 12px;
    }

    /* 中央スライドを大きく */
    .my-slider-3col .swiper-slide-active {
      transform: scale(1);
      opacity: 1;
    }

    /* 前後のスライドを少しだけ大きく */
    .my-slider-3col .swiper-slide-prev,
    .my-slider-3col .swiper-slide-next {
      transform: scale(0.9);
      opacity: 0.7;
    }

    /* ドットナビ（丸） */
    .my-slider-3col .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #ccc;
      opacity: 1;
      margin: 0 4px !important;
    }

    .my-slider-3col .swiper-pagination-bullet-active {
      background: #333;
    }

    /* 矢印 */
    .my-slider-3col .swiper-button-prev,
    .my-slider-3col .swiper-button-next {
      color: #333;
    }

    /* レスポンシブ：スマホ1枚・タブレット2枚・PC3枚 */
    @media (max-width: 767px) {
      body {
        padding: 20px 0;
      }
    }
.my-slider-3col .swiper-slide {
  background: rgba(0,0,255,0.1);
}