const observer = new MutationObserver(() => {
    const navLinks = document.querySelectorAll('.header .nav li a');
    const campaignLinks = document.querySelectorAll('.Image_link__7G2wV, .Link_full_link__Sx_wv, .cv');
    const search = document.location.search;
    const logoImg = document.querySelector('h1.logo img');

      if (logoImg) {
      const parentAnchor = logoImg.closest('a');
      if (parentAnchor && !parentAnchor.href.includes(search)) {
        parentAnchor.href = parentAnchor.href + document.location.search;
      }
    }

    if (navLinks.length > 0 || campaignLinks.length > 0) {
      for (var i = 0; i < campaignLinks.length; i++) {
        const campaignLink = campaignLinks[i];
        if (!campaignLink.href.includes(search)) {
          campaignLink.href = campaignLink.href + document.location.search;
        }
      }
      for (var j = 0; j < navLinks.length; j++) {
        const navLink = navLinks[j];
        if (!navLink.href.includes(search)) {
          navLink.href = navLink.href + search;
        }
      }
    }
  });

  window.addEventListener('DOMContentLoaded', () => {
    const targetNode = document.body;
    if (targetNode) {
      observer.observe(targetNode, {
        childList: true,
        subtree: true,
      });
    }
  });

landing utm

(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-N4KQ62X');

description

document.addEventListener('DOMContentLoaded', function() {
    // セレクタが正しく要素を取得できているか確認
    const carousel = document.querySelector('.carousel');
    const slides = document.querySelectorAll('.carousel-slide');
    const prevButton = document.querySelector('.prev-button');
    const nextButton = document.querySelector('.next-button');
    const indicators = document.querySelectorAll('.indicator');
    
    // デバッグ用ログ
    console.log('カルーセル:', carousel);
    console.log('スライド:', slides.length);
    console.log('前へボタン:', prevButton);
    console.log('次へボタン:', nextButton);
    console.log('インジケーター:', indicators.length);
    
    // 要素が見つからない場合は処理を終了
    if (!carousel || slides.length === 0) {
        console.error('カルーセル要素が見つかりません');
        return;
    }
    
    let currentIndex = 0;
    const totalSlides = slides.length;
    let autoPlayInterval;
    
    // スライドを表示する関数
    function showSlide(index) {
        // インデックスが範囲外の場合、調整
        if (index < 0) {
            index = totalSlides - 1;
        } else if (index >= totalSlides) {
            index = 0;
        }
        
        // 現在のインデックスを更新
        currentIndex = index;
        
        // カルーセルの位置を更新
        carousel.style.transform = `translateX(-${currentIndex * 100}%)`;
        
        // アクティブなインジケーターを更新
        indicators.forEach((indicator, i) => {
            if (i === currentIndex) {
                indicator.classList.add('active');
            } else {
                indicator.classList.remove('active');
            }
        });
        
        // 動作確認用ログ
        console.log('スライド切替:', currentIndex);
    }
    
    // 次のスライドを表示
    function nextSlide() {
        showSlide(currentIndex + 1);
    }
    
    // 前のスライドを表示
    function prevSlide() {
        showSlide(currentIndex - 1);
    }
    
    // ボタンのイベントリスナーを直接設定
    prevButton.onclick = function(e) {
        e.preventDefault();
        prevSlide();
        resetAutoPlay();
        console.log('前へボタンがクリックされました');
    };
    
    nextButton.onclick = function(e) {
        e.preventDefault();
        nextSlide();
        resetAutoPlay();
        console.log('次へボタンがクリックされました');
    };
    
    // インジケーターのイベントリスナー
    indicators.forEach((indicator, index) => {
        indicator.addEventListener('click', () => {
            showSlide(index);
            resetAutoPlay();
        });
    });
    
    // 自動再生の設定
    function startAutoPlay() {
        // 既存のインターバルをクリア
        if (autoPlayInterval) {
            clearInterval(autoPlayInterval);
        }
        autoPlayInterval = setInterval(nextSlide, 4000); // 4秒ごとに切り替え
    }
    
    // 自動再生のリセット
    function resetAutoPlay() {
        clearInterval(autoPlayInterval);
        startAutoPlay();
    }
    
    // 自動再生を開始
    startAutoPlay();
    
    // スワイプ機能（モバイル向け）
    let touchStartX = 0;
    let touchEndX = 0;
    
    carousel.addEventListener('touchstart', (e) => {
        touchStartX = e.changedTouches[0].screenX;
    }, { passive: true });
    
    carousel.addEventListener('touchend', (e) => {
        touchEndX = e.changedTouches[0].screenX;
        handleSwipe();
        resetAutoPlay();
    }, { passive: true });
    
    function handleSwipe() {
        const swipeThreshold = 50; // スワイプと判定する最小ピクセル数
        
        if (touchEndX < touchStartX - swipeThreshold) {
            // 左スワイプ（次へ）
            nextSlide();
        } else if (touchEndX > touchStartX + swipeThreshold) {
            // 右スワイプ（前へ）
            prevSlide();
        }
    }
    
    // 初期表示
    showSlide(0);
    console.log('カルーセル初期化完了');
});