@charset "UTF-8";

    /* scroll-containerをrelativeにして、paginationのabsoluteの基準にする */
    .scroll-container {
        scroll-snap-type: y mandatory;
        -webkit-overflow-scrolling: touch;
        position: relative;

        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .scroll-container::-webkit-scrollbar {
        display: none;
    }

    .content-section {
        scroll-snap-align: start;
    }

    /* アクティブ時のsection-numberのopacity変更用 */
    .section-number {
        transition: opacity 0.3s ease-in-out;
    }

    .content-section.active .section-number {
        opacity: 1 !important;
        /* Tailwindのopacityを上書き */
    }

    /* 画像をFlexアイテム内で中央に配置し、コンテナに収めるための調整 */
    .image-half img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
    }

    /* ページネーションアイテムのアクティブ状態を黒色にするためのスタイル */
    .pagination-item.active {
        color: black !important;
        /* Tailwindのtext-gray-400を上書き */
    }

    .swiper-wrapper {
    transition-timing-function: linear !important;
}
    .js-pin-container {
  min-height: 100vh;
  height: 800px;
  overflow: hidden;
  position: relative;
}