.about_inner {
    display: flex;
    flex-direction: column;
    gap: var(--contents-gutter);
    margin-bottom: var(--contens-gutter);
}

.about_inner .about_text {
    color: var(--main-color);
    margin-bottom: var(--contents-gutter);
}

.about_inner .about_img {
    margin-bottom: var(--contents-gutter);
}

.kyuusoku,
.kodawari {
    margin-bottom: var(--section-gutter);
}


@media screen and (min-width:960px) {
    .midashi {
        height: 200px;
    }

    .img_wrap {
        font-size: var(--size-md);
    }

    .kyuusoku,
    .kodawari {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        column-gap: calc(var(--gutter-base)*4);
    }

    .kyuusoku_img {
        grid-column: 2/3;
        grid-row: 1/3;
    }

    .kyuusoku .about_text,
    .kodawari .about_text {
        margin-bottom: 0;
        align-self: center;
    }

    .kodawari .kodawari_img {
        grid-column: 1/2;
        grid-row: 1/3;
    }

    .kyuusoku h2,
    .kodawari h2 {
        align-self: center;

    }
}