const tpWorksSwiper = new Swiper(".tp-works__list", {
  slidesPerView: 1.8,
  spaceBetween: 0,
  loop: true,
  speed: 1500,
  touchEventsTarget: true,
  touchRatio: 1,
  autoplay: {
    delay: 1000,
  },
  navigation: {
    nextEl: ".--next",
    prevEl: ".--prev"
  },
  centeredSlides: true,
});

// エンジニアへの道ポイント部分
const lpPointSwiper = new Swiper(".lp-point__slider", {
  slidesPerView: 2,
  spaceBetween: 0,
  loop: true,
  speed: 5000,
  touchEventsTarget: true,
  touchRatio: 1,
  autoplay: {
    delay: 0,
  },
  centeredSlides: false
});

// エンジニアへの道のフッター部分
const lpFooterSwiper = new Swiper(".lp-footer__slider", {
  slidesPerView: 3.2,
  spaceBetween: 0,
  loop: true,
  speed: 5000,
  touchEventsTarget: true,
  touchRatio: 1,
  autoplay: {
    delay: 0,
  },
  centeredSlides: false
});

// 職場環境ページ
// サムネイル
const sliderThumbnail = new Swiper(".pg-environment__thumbs", {
  slidesPerView: 21,
});
// スライダー
const slider = new Swiper(".pg-environment__slider", {
  loop: true,
  effect: "fade",
  centeredSlides: true,
  speed: 1000,
  navigation: {
    nextEl: ".--next",
    prevEl: ".--prev",
  },
  autoplay: {
    delay: 3000,
  },
  thumbs: {
    swiper: sliderThumbnail,
  },
});
const interviewSwiper = new Swiper(".pg-environment__interviews", {
  slidesPerView: 1.5,
  loop: true,
  speed: 1500,
  touchEventsTarget: true,
  touchRatio: 1,
  autoplay: {
    delay: 3000,
  },
  breakpoints: { 
    768: { 
      slidesPerView: 2.3,
    }
  }
});


// 札幌トヨタグループ スライダー
// サムネイル
/*
document.querySelectorAll('.group_slider').forEach((slider, index) => {
  const sliderClass = `.group-slider-${index}`;
  const thumbsClass = `.group-thumbs-${index}`;

  slider.classList.add(`group-slider-${index}`);
  slider.previousElementSibling.classList.add(`group-thumbs-${index}`);

  const sliderThumbnail = new Swiper(thumbsClass, {
    slidesPerView: auto,
  });

  new Swiper(sliderClass, {
    loop: true,
    effect: "fade",
    centeredSlides: true,
    speed: 1000,
    navigation: {
      nextEl: slider.querySelector(".--next"),
      prevEl: slider.querySelector(".--prev"),
    },
    autoplay: {
      delay: 3000,
    },
    thumbs: {
      swiper: sliderThumbnail,
    },
  });
});
*/

//変更版
// サムネイル
const group_sliderThumbnail = new Swiper(".group_thumbs", {
  slidesPerView: 21,
});
// スライダー
const group_slider = new Swiper(".group_slider", {
  loop: true,
  effect: "fade",
  centeredSlides: true,
  speed: 1000,
  navigation: {
    nextEl: ".--next",
    prevEl: ".--prev",
  },
  autoplay: {
    delay: 3000,
  },
  thumbs: {
    swiper: group_sliderThumbnail,
  },
});