@charset "UTF-8";

/*＝＝画面の大きさ＝＝*/
/* SP       ～519px
   tab 520px～959px
   PC  960px～      */

/* ＝＝【about】＝＝ */

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

.about .about_inner {
    padding: 0 var(--side-gutter);
}

.tencho {
    padding-bottom: var(--section-gutter);
}

.tencho .tencho_inner {
    padding: 0 var(--side-gutter);
}

.tencho .tencho_img {
    margin-bottom: var(--contents-gutter);
    display: block;
}

/* ＝＝【about】＝＝PC版 */

@media screen and (min-width:960px) {
    .about {
        margin-bottom: var(--section-gutter-pc);
    }

    /* ↓ PC画面では横2列表示にする */
    .tencho .tencho_inner {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
        align-items: center;
        column-gap: calc(var(--gutter-base)*4);
    }

    .tencho h2 {
        align-self: self-end;
    }

    .tencho .tencho_text {
        padding: 0 calc(var(--gutter-base)*3) 0;
    }

    /* ↓ PC画面ではCafe画像は右側2マス分の場所に表示 */
    .tencho .tencho_img {
        grid-column: 2/3;
        grid-row: 1/3;
        margin-bottom: 0;
    }
}