.column-all-page .column-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3.125vw 1.5625vw;
}

.column-all-page .introduction-block .block-container {
    background: #F9F2EE;
    box-sizing: border-box;
    padding: 4.48vw 3.34375vw;
}

.introduction-desc {
    font-size: 0.9375vw;
    line-height: 1.875vw;
    letter-spacing: 0.075vw;
    white-space: pre-line;
}

.list-column-block.section-block {
    padding-top: 0;
}

@media only screen and (min-width: 600px) and (max-width: 820px) {

    .introduction-desc {
        font-size: 1.5vw;
        line-height: 2vw;
        letter-spacing: 0.12vw;
    }
}

@media only screen and (max-width: 600px) {
    .introduction-block.section-block {
        padding: 9.16vw 0 20.356vw;
    }

    .introduction-desc {
        font-size: 4.0712vw;
        line-height: 7.634vw;
        letter-spacing: 0.285vw;
    }

    .column-all-page .introduction-block .block-container {
        padding: 11.45vw 4.2vw 12.723vw;
    }

    .list-column-block .block-content-title {
        font-weight: 700;
    }

    .column-all-page .column-content {
        grid-template-columns: repeat(1, 1fr);
        gap: 7.634vw;
        width: 81.425vw;
        margin: 0 auto;
    }

    .column-all-page .column-item {
        width: 100%;
    }
}


