/* =========================================================
   ご挨拶ページ専用CSS（message.css）
   対象ページ：message.html
   ========================================================= */

/* ----------------------------------------
   01. アンダーメインの余白調整
---------------------------------------- */
#undermain {
  margin-bottom: 50px;
}

/* ----------------------------------------
   02. ご挨拶本文の余白調整
---------------------------------------- */
.sustainable-article {
  margin-top: 20px;
}

/* ----------------------------------------
   03. 日本語版と英語版の区切り強調
---------------------------------------- */
.sustainable-article h3 {
  margin-top: 40px;
  border-left: 4px solid #2a7f62;
  padding-left: 10px;
}

/* ----------------------------------------
   04. リストの余白調整
---------------------------------------- */
.sustainable-article ul {
  margin: 15px 0 25px 1.2em;
}

/* ----------------------------------------
   05. 署名の余白調整
---------------------------------------- */
.sustainable-article .signature {
  margin-top: 30px;
  font-weight: 600;
}

/* ----------------------------------------
   06. SDGsリスト（message専用）
---------------------------------------- */
.sustainable-article .lead {
  font-weight: 600;
  margin-bottom: 18px;
  font-size: 0.98rem;
}

/* ----------------------------------------
   07. 区切り線（hr）のデザイン強化
---------------------------------------- */
.article-block hr {
  margin: 50px 0;               /* 上下余白を増やして視認性UP */
  border: none;
  border-top: 2px solid #2a7f62; /* 線を太くし、ブランドカラーで強調 */
  opacity: 0.8;                 /* 少し柔らかく */
}

/* ----------------------------------------
   08. NPO法人JRSの見出し前の余白
---------------------------------------- */
.article-block .lead {
  margin-top: 25px;             /* 20px → 25px に微調整 */
}

/* 日本語署名（全角文字を含む） */
.sustainable-article .signature:has([lang="ja"]),
.sustainable-article .signature:not(:has([lang="en"])) {
  font-size: 1.05rem;
  letter-spacing: 0.05em;
  color: #333;
}

/* 英語署名（半角英字のみ） */
.sustainable-article .signature:has([lang="en"]) {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.03em;
  color: #2a7f62; /* ブランドカラーで少し強調 */
}

/* トレーディング・NPOの見出しを大きくする */
.sustainable-article .lead {
  font-size: 1.25rem;     /* 大きくする */
  font-weight: 700;       /* 太くする */
  margin: 30px 0 15px;    /* 上下の余白を調整 */
  color: #2a7f62;         /* ブランドカラーで統一 */
}