.text-columns .title,
.text-columns .columns {
    -webkit-grid-column: 2 / span 10;
    grid-column: 2 / span 10;
}

.text-columns .title {
    text-align: center;
    margin-bottom: calc(100vw * 56 / var(--page-width));
}

.text-columns .columns {
    border-top: 2px solid var(--color-black);
    padding-top: var(--padding-general);
}

.text-columns .columns .column {
    -webkit-grid-column: span 6;
    grid-column: span 6;
}

.text-columns .columns .column strong {
    font-size: var(--font-size-t1);
    line-height: var(--line-height-t1);
}

@media only screen and (max-width: 740px) {
    .text-columns .columns,
    .text-columns .columns .column {
        -webkit-grid-column: span 12;
        grid-column: span 12;
    }

    .text-columns .title {
        margin-bottom: calc(100vw * 24 / var(--page-width));
    }

    .text-columns .columns {
        padding-top: calc(100vw * 24 / var(--page-width));
        -webkit-grid-gap: calc(100vw * 24 / var(--page-width));
        grid-gap: calc(100vw * 24 / var(--page-width));
    }
}