/* アニメーションセクション */
        #animation-section {
            background-color: #000;
            z-index: 10; /* z-indexを追加 */
        }
        
        #canvas-container {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10; /* z-indexを上げる (3 -> 10) */
        }
        
        /* コンテンツセクション */
        #content-section {
            overflow-x: hidden;
            height: auto;
            z-index: 3;
        }
        
        /* セクション共通スタイル */
        .section {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.8s ease;
        }
        
        .active-section {
            opacity: 1;
            pointer-events: all;
        }
        
        /* コンテンツセクションがアクティブになったときは固定解除 */
        #content-section.active-section {
            position: fixed;
            min-height: 100%;
        }