@charset "utf-8";

.rest {
    margin-bottom: var(--section-gutter);
}

.rest,
.blend {
    width: 100%;
    padding-left: calc(var(--gutter-base)*2);
    padding-right: calc(var(--gutter-base)*2);
}


.rest .rest_inner img,
.blend .blend_inner img {
    margin-bottom: var(--contents-gutter);
}

.rest .rest_inner p,
.blend .blend_inner p {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    line-height: 2;
    padding-left: var(--gutter-base);
    padding-right: var(--gutter-base);
}

@media screen and (min-width:960px) {

    .rest {
        margin-bottom: var(--section-gutter-pc);
    }

    .rest .rest_inner,
    .blend .blend_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, auto);
        align-items: start;
    }

    .rest .rest_inner img {
        grid-column: 2/3;
        grid-row: 1/3;
        margin-bottom: 0;
    }

    .blend .blend_inner img {
        grid-column: 1/2;
        grid-row: 1/3;
        margin-bottom: 0;
    }

    .rest .rest_inner p,
    .blend .blend_inner p {
        padding-left: var(--contents-gutter-pc);
        padding-right: var(--contents-gutter-pc);
    }

    /* ========min-width:960px======== */
}