$(function () {

  // タブ切り替え
  $('.tabBtn a').click(function(){
    var tabId = $(this).attr('data-tab');
    
    $('.tabBtn a').removeClass('active');
    $('.Tabcondent').removeClass('active');
    $('.tabContainer').removeClass(function(index, className) {
      return (className.match(/t-step\S+/g) || []).join(' ');
    });

    $(this).addClass('active');
    $('#' + tabId).addClass('active');
    $('.tabContainer').addClass(tabId);
  });

  const swiper01 = new Swiper('#slide01 .swiper', {
    loop: true,
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
    navigation: {
      nextEl: '.images-next',
      prevEl: '.images-prev',
    },
  });

  const swiper02 = new Swiper('#slide02 .swiper', {
    loop: true,
    pagination: {
      el: '.swiper-pagination',
    },
    navigation: {
      nextEl: '.images-next',
      prevEl: '.images-prev',
    },
  });

  const swiper03 = new Swiper('#slide03 .swiper', {
    loop: true,
    pagination: {
      el: '.swiper-pagination',
    },
    navigation: {
      nextEl: '.images-next',
      prevEl: '.images-prev',
    },
  });
  const swiper04 = new Swiper('#slide04 .swiper', {
    loop: true,
    pagination: {
      el: '.swiper-pagination',
    },
    navigation: {
      nextEl: '.images-next',
      prevEl: '.images-prev',
    },
  });
});