/* レイアウト設定 */
.container {
    margin-bottom: 50px;
}

/* 親要素（直下のc-box_02を並べるための設定） */
.environmental-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* 必ず使いたい c-box_02 に2カラムの横幅を設定 */
.c-box_02 {
    width: calc(50% - 10px); /* 2カラム表示 */
}

/* アイコン表示エリア */
.wp-block-group.is-style-group-box-02 .box-icon {
    text-align: center;
    margin-bottom: 30px;
}

.wp-block-group.is-style-group-box-02 .box-icon img {
    max-width: 300px;
    height: auto;
}

/* 各項目のスタイル */
.wp-block-group.is-style-group-box-02 .content-item {
    margin-bottom: 20px;
}

.wp-block-group.is-style-group-box-02 .content-item:last-child {
    margin-bottom: 0;
}

/* 青色の小見出し */
.wp-block-group.is-style-group-box-02 .sub-title {
    display: block;
    color: #0054a6;
    font-weight: bold;
    font-size: 1.8rem;
    margin-bottom: 8px;
}

/* 本文テキスト */
.wp-block-group.is-style-group-box-02 .description {
    font-size: 1.4rem;
    line-height: 1.6;
    margin: 0;
    color: #333;
}

/* レスポンシブ対応（スマホ表示） */
@media screen and (max-width: 768px) {
    /* スマホでは c-box_02 を横幅いっぱいに広げて1カラムにする */
    .c-box_02 {
        width: 100%;
    }
}