.sp_bg {
    background: url(/cmn/img/sp/kv.webp) center bottom;
    background-size: cover;
    background-attachment: fixed;
    padding: 8rem 0 5%;

    @media (width < 1000px) {
        padding: 0;
    }
}

.sp_link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -4em;

    a {
        display: inline-block;
        width: 60px;
        height: 60px;
        text-indent: -9999px;
        overflow: hidden;
        background-size: contain;
        background-repeat: no-repeat;
        margin:0 3% 3%;
        }
}

.sp_area {
    width: min(700px, 90%);
    margin-inline: auto;
    text-align: left;
    background: var(--base_color);
    padding: 4rem;

    @media (width < 1000px) {
        width: 100%;
        padding-inline:10%;
        padding-block: var(--base_space);
    }

    h1 {
        text-align: center;
        margin-bottom: 1em;
        @media (width < 1000px) {
            margin-block: 2em;
        }
    }

    h2 {
        font-weight: 600;
        font-size: 1.6rem;
        margin-block: 4em 1em;
    }

    div {
        font-size: 1.2rem;
        a{
            margin-block:0 .4em;
        }
        

        span {
            display: block;
            font-size: .9rem;
            margin-bottom: 2em;
        }
    }

}


.sp_link a[href="#Japan"] {
    background-image: url("/cmn/img/sp/japan.webp");
}

.sp_link a[href="#France"] {
    background-image: url("/cmn/img/sp/france.webp");
}

.sp_link a[href="#Switzerland"] {
    background-image: url("/cmn/img/sp/switzerland.webp");
}

.sp_link a[href="#Germany"] {
    background-image: url("/cmn/img/sp/germany.webp");
}

.sp_link a[href="#Netherlands"] {
    background-image: url("/cmn/img/sp/netherlands.webp");
}

.sp_link a[href="#UK"] {
    background-image: url("/cmn/img/sp/uk.webp");
}

.sp_link a[href="#Denmark"] {
    background-image: url("/cmn/img/sp/denmark.webp");
}

.sp_link a[href="#China"] {
    background-image: url("/cmn/img/sp/china.webp");
}

.sp_link a[href="#Taiwan"] {
    background-image: url("/cmn/img/sp/taiwan.webp");
}

.sp_link a[href="#Korea"] {
    background-image: url("/cmn/img/sp/korea.webp");
}

.sp_link a[href="#Australia"] {
    background-image: url("/cmn/img/sp/australia.webp");
}

.sp_link a[href="#Canada"] {
    background-image: url("/cmn/img/sp/canada.webp");
}

.sp_link a[href="#USA"] {
    background-image: url("/cmn/img/sp/usa.webp");
}