@charset "UTF-8";
/* CSS Document */
/*幅・左右の余白・上下の余白は共通クラス.section-inner(common.css)に統一。ここではニュース詳細固有の見た目のみ指定*/
.section_news_page__meta {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
.section_news_page h1 {
  font-size: 2.4rem;
  color: #4A5568;
  text-align: left;
  line-height: 1.4;
  padding-bottom: 8px;
  margin-bottom: 32px;
  border-bottom: 1px solid transparent;
  border-image: linear-gradient(to right, #DC6A9A, #BBA1CB, #718CC7, #004EA2) 1;
  font-weight: 500;
}
.section_news_page__description {
	text-align: left;
  font-weight: 400;
}
.section_news_page__description strong,
.section_news_page__description b {
  font-weight: 600;
}
.section_news_page__description p {
  margin-bottom: 32px;
}
.section_news_page__description li:not(:last-child) {
  margin-bottom: 8px;
}
.section_news_page__description h2 {
  font-size: 2rem; /*20px*/
  font-weight: 500;
  margin-bottom: 16px;
}
.section_news_page__description h3 {
  font-size: 1.8rem; /*18px*/
  font-weight: 500;
  margin-bottom: 8px;
}
.wp-block-image img {
  width: 100%;
}
.section_news_page__description-lead {
	text-indent: 1em;
  margin-top: 30px;
}
.section_news_page__description-annotation {
	margin-left: 1em;
	text-indent: -1em;
  margin-bottom: 30px;
}
.section_news_page__description-image {
  margin: auto;
}
/*本文(ブロックエディタの「テーブル」ブロックなど)のテーブルの最低限の見た目。
  reset.cssでtable/th/tdのborder・paddingが0になっているため、素の状態だと詰まって読めなくなる*/
/*セル一つ一つを角丸にしたいので、隣接セルの罫線が重なるborder-collapse:collapseではなく
  separate+spacingでセル間に隙間を作り、各セルに個別にborder-radiusをかける*/
.section_news_page__description table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 0 auto 32px;
}
.section_news_page__description th,
.section_news_page__description td {
  padding: 12px;
  border-radius: 2px;
  text-align: left;
}
/*コアのTableブロック(wp-includes/blocks/table/style.css)が.wp-block-table td/thに
  border: 1px solid;を当てているため、個別の角丸セルと二重にならないよう打ち消す*/
.section_news_page__description .wp-block-table td,
.section_news_page__description .wp-block-table th {
  border: none;
}
.section_news_page__description td {
  background: #E9EEF5;
}
.section_news_page__description th {
  background: #DC6A9A;
  color: #fff;
}
/*テーブルブロックには左列をth(見出し)にするUIが無いため、セル内のテキストをイタリック(em)にすると
  そのセルをth風の見た目にする代用手段。イタリック自体は打ち消して非表示にする*/
.section_news_page__description td:has(em) {
  background: #DC6A9A;
}
.section_news_page__description td:has(em) em {
  font-style: normal;
  font-weight: bold;
  color: #fff;
}
.section_news_page__description-note {
  max-width: 48em;
  margin: auto;
}
.section_news_page__description-note dt {
  margin-bottom: 30px;
  text-align: center;
}
.section_news_page__description-note dd {
  margin-bottom: 10px;
  text-align: left;
  /* margin-left: 1em;
  text-indent: -1em; */
}
.section_news_page__description ol, .content ol {
  margin-bottom: 32px;
}
.section_news_page__description ul, .content ul {
  margin-bottom: 32px;
}
.section_news_page__back {
  text-align: center;
  padding-top: 24px;
}