<!--Swiper -->
<div class="swiper-container">
<!-- スライド要素を囲むラッパー -->
<div class="swiper-wrapper">
<!-- スライド -->
<div class="swiper-slide"><div class="slide1"><p>Slide1</div></div>
<div class="swiper-slide"><div class="slide2"><p>Slide2</div></div>
<div class="swiper-slide"><div class="slide3"><p>Slide3</div></div>
<div class="swiper-slide"><div class="slide4"><p>Slide4</div></div>
</div>
<!-- オプション:ページネーション -->
<div class="swiper-pagination"></div>
<!-- オプション:ナビゲーションボタン -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<!-- オプションスクロールバー -->
<div class="swiper-scrollbar"></div>
</div>
var mySwiper = new Swiper ('.swiper-container', {
pagination: {
el: '.swiper-pagination',
type: 'bullets',
clickable: true,
}
});