/* pages.css/concept.css - コンセプトページ固有のスタイル */

/* セクション共通：上下パディング */

section {
    padding-block: 12rem 10rem;
}

h2 {
    margin: 0 auto 1em;
}

/* #concept-detail：コンセプト詳細 */

section#concept-detail {
    padding-bottom: 0;
}

#concept-detail img {
    margin-bottom: 2rem;
    max-width: 800px;
}

/* PC時は <br> を非表示（1行で表示） */
#concept-detail br {
    display: none;
}

/* #point：こだわりポイント（2カラム） */

#point li {
    width: 47%;
}

#point li img {
    margin-bottom: 2rem;
}

/* レスポンシブ（〜992px） */

@media screen and (max-width: 992px) {
    section {
        padding-block: 6rem 6rem;
    }

    h2 {
        margin-bottom: 0.5em;
    }

    #concept-detail br {
        display: block;
    }

    #point .flex {
        row-gap: 7rem;
    }

    #point li {
        width: 100%;
    }
}