@media (max-width:750px){ 
    :root {
        --article-width: 90vw;
        --article-height: 400px;
    }
    .sp-only {
        display: flex;
    }

    .pc-only {
        display: none;
    }

    .bg {
    }

    .article-window {
        height: calc(var(--article-height) + 90px);
    }

    .article-arrow-container {
        width: 70vw;
        justify-content: space-between;
    }

    .article-arrow {
        width: 60px;
        height: 60px;
    }

    .article-single .article-body {
        width: 90%;
    }

    .article-single .article-surfase {
        align-items: flex-start;
    }

    .article-single .article-header {
        padding: 30px 0;
    }

}