/* ==========================================================
   トップページ PC：FV + Works 共通墨滲み
   ラッパー sumi3（FV〜Works） + Works 中央 sumi4 / 最下部 sumi5
   ========================================================== */

.p-top-fv-works {
    position: relative;
    background-color: #fff;
}

.p-top-fv-works__svg-filters {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.p-top-fv-works__texture {
    display: none;
    position: absolute;
    pointer-events: none;
    z-index: 1;
    max-width: none;
}

@media (min-width: 769px) {
    .p-top-fv-works {
        overflow: hidden;
    }

    .p-top-fv-works__texture {
        display: block;
    }

    .p-top-fv-works .p-fv {
        position: relative;
        z-index: 2;
        background-color: transparent;
    }

    /* Works 内テクスチャが FV へはみ出さないようクリップ（背景は透過） */
    .p-top-fv-works .p-works {
        position: relative;
        z-index: 1;
        overflow: hidden;
        background-color: transparent;
    }

    .p-top-fv-works .p-works__heading,
    .p-top-fv-works .p-works__list,
    .p-top-fv-works .p-works__item-link--section {
        position: relative;
        z-index: 1;
    }

    /* FV 下はラッパー側の sumi3 に集約 */
    .p-top-fv-works .p-fv__texture--bottom {
        display: none !important;
    }

    /* FV 左上墨 */
    .p-top-fv-works .p-fv__texture--top-left {
        left: -320rem;
    }

    /* FV〜Works左：sumi3 */
    .p-top-fv-works__texture--bridge {
        top: -198rem;
        left: -480rem;
        width: 2000rem;
        height: auto;
    }
}