@charset 'UTF-8';

/*KV下背景色設定*/
.sp_wrapper_tx_v3{
    background-color: var(--bk-black);
    margin: -100px 0 0;

    @media screen and (max-width: 768px) {
        margin: -70px 0 0;
    }
}

/*アンカーボタン設定*/
.sp_wrapper_anc_v4 {
    background-color: var(--bk-black);
    padding: 0 5% 8%;

    & .anc_box {

        > a {
            color: var(--fc-black) !important;
            padding: 10px 30px 10px 90px;
            height: 90px;
            position: relative;
            justify-content: left;
            text-align: left;

            @media screen and (max-width:1050px) {
                width: calc((100% - 10px) / 2);
            }

            @media screen and (max-width:500px) {
                width: 100%;
            }

            &::after {
                position: absolute;
                content: "";
                background: url(/excludes/KEC/img/special/security/ancbtn_cat1.png) no-repeat center;
                width: 80px;
                height: 80px;
                top: 50%;
                left: 5px;
                background-size: 85px;
                transform: translate(0, -50%);
            }
        }

        .cat2 {
            &::after {
                background: url(/excludes/KEC/img/special/security/ancbtn_cat2.png) no-repeat center;
                background-size: 85px;
            }
        }

        .cat3 {
            &::after {
                background: url(/excludes/KEC/img/special/security/ancbtn_cat3.png) no-repeat center;
                background-size: 85px;
            }
        }

        .cat4 {
            &::after {
                background: url(/excludes/KEC/img/special/security/ancbtn_cat4.png) no-repeat center;
                background-size: 85px;
            }
        }

        .cat5 {
            &::after {
                background: url(/excludes/KEC/img/special/security/ancbtn_cat5.png) no-repeat center;
                background-size: 85px;
            }
        }
    }
}