/* ------------トップページ------------ */



/* 上部のpadding消す */
/* ---------------------------------------------------------------------- */
.c-section.p-section-front-page-content {
    padding-top: 0 !important;
}



/* MVの動画実装 */
/* ---------------------------------------------------------------------- */
/* メイン動画の上を少しマスク（ヘッダーを見やすくする為） */
.xcs-mv-movie {
    position: relative;
    isolation: isolate;
    /* 擬似要素の重なりを安全にする */
}

.xcs-mv-movie::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    /* 動画より上に */
    pointer-events: none;

    /* 上だけ白く、下に向かって自然に消える */
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 0.92) 0%,
        rgba(255, 255, 255, 0.6) 18%,
        rgba(255, 255, 255, 0.25) 34%,
        rgba(255, 255, 255, 0) 55%
    );
}

.xcs-mv-movie video {
    position: relative;
    z-index: 1;
    display: block;
}



/* 3つのブロックのセクションの背景色を付ける */
/* ---------------------------------------------------------------------- */
.xcs-top .smb-section-break-the-grid__content {
    position: relative;
}

.xcs-top .smb-section-break-the-grid__content::before {
    content: '';
    position: absolute;
    inset: -50px;
    /* はみ出し量（丸背景を大きくしたい時） */
    border-radius: 9999px;
    /* 円に近い丸（正円にしたければ50%でもOK） */
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.9) 0%,
        rgba(255, 255, 255, 0.7) 50%,
        rgba(255, 255, 255, 0.6) 80%,
        rgba(255, 255, 255, 0) 100%
    );
    z-index: -1;
    /* 背面へ */
    pointer-events: none;
    /* クリック邪魔しない */
}

.xcs-top {
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(255, 170, 70, 0.12),
            transparent 65%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(255, 130, 30, 0.1),
            transparent 70%
        );
}

@media (max-width: 1023px) {
    .xcs-top .smb-section-break-the-grid__content {
        margin-bottom: -20px;
        max-width: 80%;
        margin-inline:auto;
    }
}

@media (max-width: 500px) {
    .xcs-top .smb-section-break-the-grid__content {
        max-width: 100%;
    }
}