/* ===================================================
SDGs
 =================================================== */

/* ページタイトル */
div.title-image.sdgs-title { background-image:url(../img/sdgs/main-image.jpg); }

/* ベース */
section.declaration { margin-bottom:80px; }
section.initiatives { margin-bottom:89px; }

/* 配置 */
section.declaration div.flex { flex-direction:column; }
div.initiatives-flex { flex-direction:column; }

/* 見出し */
section.declaration h2 { margin-bottom:40px; }
section.initiatives h2 { margin-bottom:24px; }
section.initiatives h3 { color:var(--bl); font-size:20px; font-weight:700; line-height:120%; padding:0 20px; margin-bottom:16px; }

/* 画像 */
section.declaration img { margin:auto auto 24px auto; max-width:100%; }
div.image-block { text-align:center; padding:16px 0 24px 0; }
div.image-block img { margin:auto; max-width:200px; }

/* テキスト */
section.declaration p.text { text-align:left; padding:0 20px; }

/* リスト */
section.initiatives ul { padding:0 20px; }
section.initiatives ul li { line-height:150%; text-align:left; text-indent:-16px; padding-left:16px; }
section.initiatives ul li::before { content:'・'; }

@container( max-width:365px ) {

/* 見出し */
section.initiatives h3 { font-size:16px; }

/* テキスト */
section.declaration p.text { font-size:14px; }

/* リスト */
section.initiatives ul { padding:0 15px; }
section.initiatives ul li { font-size:14px; text-indent:-14px; }

}

@container( min-width:960px ) {

/* ベース */
section.declaration { margin-bottom:160px; }
section.initiatives { margin-bottom:204px; }

/* 配置 */
section.declaration div.flex, div.initiatives-flex { margin:auto; max-width:1100px; }
section.declaration div.flex { flex-direction:row; gap:40px; }
div.initiatives-flex { flex-direction:row; gap:80px; margin-bottom:40px; }
div.initiatives-flex div.text-block { max-width:calc(100% - 500px); }

/* 見出し */
section.initiatives h2 { margin-bottom:40px; }
section.initiatives h3 { font-size:36px; line-height:normal; padding:0; }

/* 画像 */
section.declaration img { margin:auto; max-width:470px; }
div.image-block { padding:0; }
div.image-block img { max-width:400px; }

/* テキスト */
div.text-box { max-width:calc(100% - 510px); }
section.declaration p.text { font-weight:700; }

/* リスト */
section.initiatives ul li { font-size:20px; font-weight:600; text-indent:-20px; padding-left:20px; line-height:170%; }

}