/* ページビルダーから本文に移した記事の見た目（2026-11-04 CH-1106）
   ビルダーの記事だけに読み込まれていた CSS（pagebuilder.css・simple_table.css・部品ごとの CSS）の代わり。
   案 A（担当者さん）：崩れに見える所だけを直す。見出しの字の大きさ・行の間は今のテーマのまま */

/* 見出し・キャッチコピーの色（ビルダーの既定は #333。固定ページと WORK で #666 になっていた） */
.post_content .pb_headline,
.post_content .pb_catchcopy { color: #333; }

/* 画像は中央に置く（ビルダーの画像の部品と同じ） */
.post_content figure.pb_image { margin: 0 0 1.5em; }
.post_content figure.pb_image img { display: block; margin: 0 auto; max-width: 100%; height: auto; }

/* 表（ビルダーの simple_table.css と、本番の見た目に合わせた地と線） */
.post_content table.pb_simple_table { border-collapse: collapse; border-spacing: 0; width: 100%; }
.post_content table.pb_simple_table th,
.post_content table.pb_simple_table td { border: 1px solid #ddd; line-height: 2.2; padding: 8px 15px; vertical-align: middle; }
.post_content table.pb_simple_table th { background: #f9f9f9; text-align: center; width: 18%; }
.post_content table.pb_simple_table td { background: #fff; }
.post_content table.pb_simple_table td p { margin: 0 !important; padding: 0 !important; }
.post_content table.pb_simple_table td > :last-child { margin-bottom: 0 !important; }

/* 左の列は PC では折り返さない（ビルダーと同じ。折れると行が高くなる・194・541・1106） */
@media only screen and (min-width: 768px) {
  .post_content table.pb_simple_table th { white-space: nowrap; }
}

/* 本文の中の長い URL のリンクを折り返す（ビルダーは入れ物の overflow:hidden で、はみ出した所を隠していた・194） */
.post_content a { overflow-wrap: anywhere; }

@media only screen and (max-width: 767px) {
  .post_content table.pb_simple_table th,
  .post_content table.pb_simple_table td { line-height: 1.8; padding: 10px 15px; }
  .post_content table.pb_simple_table th { width: 25%; }
}