@charset "utf-8";

/* コンテナ設定：動画をはみ出させない */
.bh_intro_container {
    position: relative;
    overflow: hidden !important;
    z-index: 1;
}

/* テキスト等のコンテンツを動画より手前に表示 */
.bh_intro_content {
    position: relative;
    z-index: 2;
}

/* =========================================
   デスクトップ用設定 (1599.98px以上)
   ========================================= */
@media (min-width: 1599.98px) {
    /* 動画ラッパー：パララックス用に高さを確保 */
    .bh_parallax_video_wrap {
        position: absolute;
        top: -10%; /* パララックスの可動域用に少し上に配置 */
        left: 0;
        width: 100%;
        height: 140%; /* 親要素より高くしてスクロール時の余白を防ぐ */
        z-index: 0;
        pointer-events: none; /* 動画をクリック不可にする */
        overflow: hidden;
    }

    /* YouTube Iframeの強制サイズ調整 */
    .bh_parallax_video_wrap iframe {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        /* 16:9のアスペクト比を維持しつつ画面を埋める計算 */
        width: 177.777vh; /* 高さの16/9倍 */
        height: 56.25vw; /* 幅の9/16倍 */
        min-height: 100%;
        min-width: 100%;
    }

    /* 画面比率に応じた補正 */
    @media (min-aspect-ratio: 16/9) {
        .bh_parallax_video_wrap iframe {
            width: 100%;
            height: 56.25vw;
        }
    }
    @media (max-aspect-ratio: 16/9) {
        .bh_parallax_video_wrap iframe {
            width: 177.78vh;
            height: 100%;
        }
    }
}

/* =========================================
   スマホ用設定 (1599.98px以下)
   ========================================= */
@media (max-width: 1599.98px) {
    /* 動画エリアを完全に非表示 */
    .bh_parallax_video_wrap {
        display: none !important;
    }
}