@charset "utf-8";

/* ===== 理事長対話シリーズ“つながりを考える”（2026-07 対話シリーズデザイン案1準拠） ===== */

/* 色帯エリア（背景色はHTML側のstyle属性で指定＝WA編集で色変更可能） */
.mbsec_color { padding-top: 5.6rem; padding-bottom: 5.6rem; }

/* ヒーローバナー */
.dlg_hero { margin: 0; }
.dlg_hero img { width: 100%; height: auto; display: block; }

/* リード文（色帯の中の白文字・センター） */
.dlg_lead { color: #fff; text-align: center; font-size: 1.6rem; line-height: 2.3; margin: 0; }

/* セクション見出し（英字ラベル＋タイトル＋グラデーション下線） */
.dlg_headline { text-align: center; border-bottom: 13px solid; border-image: linear-gradient(90deg, #50c6f4, #eb71bf) 1; padding-bottom: 1.8rem; margin: 0 0 3.2rem; }
.dlg_headline_label { display: block; color: #0099cc; font-weight: 700; font-size: 1.8rem; }
.dlg_headline_ttl { color: #333; font-size: 3rem; font-weight: 700; margin: .3em 0 0; }

/* 動画エリアの色付きボックス（記事ページ用。背景色はHTML側のstyle属性で指定＝WA編集のソースモードで色変更可能） */
.dlg_movie_colorbox { padding: 4rem 3.2rem; margin: 0 0 4rem; }
.dlg_movie_colorbox .dlg_movie { margin-bottom: 0; }

/* 最新の動画（16:9埋込＋キャプション） */
.dlg_movie { margin: 0 0 4rem; text-align: center; }
.dlg_movie_box { position: relative; width: 100%; padding-top: 56.25%; background: #000; }
.dlg_movie_box iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.dlg_movie_boximg { margin: 0; }
.dlg_movie_boximg img { width: 100%; height: auto; display: block; }
.dlg_movie_series { color: #0099cc; font-weight: 700; font-size: 1.6rem; margin: 1.6rem 0 0; }
.dlg_movie_ttl { color: #333; font-size: 3rem; font-weight: 700; margin: .1em 0; }
.dlg_movie_sub { color: #333; font-weight: 700; font-size: 1.6rem; margin: 0 0 .4em; }
.dlg_movie_cast { color: #333; font-size: 1.8rem; margin: 0; }
.dlg_movie_cast::before { content: "◉ "; }

/* シリーズカード */
.dlg_list { margin: 0 0 1.6rem; }
.dlg_items { display: flex; gap: 2.4rem; background: #f0efef; padding: 1.7rem 2.8rem 2.3rem 1.4rem; margin: 0 0 2.8rem; }
.dlg_items_thumb { flex: 0 0 35.5rem; margin: 0; }
.dlg_items_thumb img { width: 100%; height: auto; display: block; }
.dlg_items_body { flex: 1; min-width: 0; }
.dlg_items_series { color: #0099cc; font-weight: 700; font-size: 1.6rem; margin: 0; }
.dlg_items_ttl { color: #333; font-size: 3rem; font-weight: 700; margin: .25em 0 .15em; }
.dlg_items_sub { color: #333; font-weight: 700; font-size: 1.6rem; margin: 0 0 .8em; }
.dlg_items_cast { color: #333; font-size: 1.8rem; margin: 0 0 1.6rem; padding-bottom: 1.6rem; border-bottom: 1px solid #333; }
.dlg_items_cast::before { content: "◉ "; }
.dlg_items_links { display: flex; align-items: center; margin: 0; padding: 0; list-style: none; }
.dlg_linkunit { flex: 0 0 46%; display: flex; align-items: center; gap: 1.6rem; }
.dlg_btnmovie, .dlg_btnread { font-size: 1.8rem; font-weight: 500; color: #333; display: inline-flex; align-items: center; }
.dlg_icn { display: inline-flex; align-items: center; justify-content: center; width: 4.2rem; height: 2.6rem; border-radius: 5px; color: #fff; font-size: 1.7rem; flex: 0 0 auto; }
.dlg_icn_movie { background: #d22027; }
.dlg_icn_read { background: #0e87d2; }
.dlg_new { color: #d22b2b; font-weight: 700; font-size: 1.8rem; }

/* プロフィール */
.dlg_profile { display: flex; gap: 3.2rem; align-items: flex-start; }
.dlg_profile_body { flex: 1; min-width: 0; }
.dlg_profile_name { color: #333; font-size: 3.6rem; font-weight: 900; margin: 0 0 1.4rem; }
.dlg_profile_kana { font-size: 2.6rem; font-weight: 700; }
.dlg_profile_txt { color: #333; font-size: 1.6rem; line-height: 1.9; margin: 0; }
.dlg_profile_photo { flex: 0 0 28rem; margin: 0; }
.dlg_profile_photo img { width: 100%; height: auto; display: block; }

/* SP */
@media screen and (max-width: 600px) {
  .dlg_lead { font-size: 1.4rem; text-align: left; }
  .dlg_items { flex-direction: column; gap: 1.6rem; }
  .dlg_items_thumb { flex: none; }
  .dlg_items_links { flex-wrap: wrap; gap: 1.2rem; }
  .dlg_linkunit { flex: none; }
  .dlg_profile { flex-direction: column; }
  .dlg_profile_photo { flex: none; width: 60%; margin: 0 auto; }
}