https://puchi-kano.com/front_page/common/resp/js/topswiper.js

1$(function () {
2  const swiper = new Swiper("#top-swiper", {
3    // 【ベース設定：スマホ（最小幅）の挙動】
4    slidesPerView: 1, // スマホは1枚表示
5    centeredSlides: true,
6    loop: true,
7    loopedSlides: 5, // 巨大画面対策：多めにクローンを作成
8    autoplay: {
9      delay: 5000,
10    },
11    pagination: {
12      el: ".swiper-pagination",
13      clickable: true,
14    },
15    navigation: {
16      nextEl: ".swiper-button-next",
17      prevEl: ".swiper-button-prev",
18    },
19
20    // ブレイクポイント設定
21    breakpoints: {
22      // 1024px以上（一般的なPCサイズ）
23      1024: {
24        slidesPerView: 1,
25      },
26      // 1920px以上（デザイナー様こだわりのフルHD超え）
27      1920: {
28        slidesPerView: 1, // 3枚のままだと隙間が空くので5枚に増やすのが定石
29        spaceBetween: 20,
30      },
31    },
32  });
33});