@charset "UTF-8";
/* =========================================================
   pre20260723-001.html 専用スタイル
   （共有の report.css は変更しないため本ファイルに分離）
   ========================================================= */

/* overview：両イベントロゴ（指示v01 #6） */
#overview .container .overview__logos {
  margin: 16px auto 0;
  text-align: center;
}
#overview .container .overview__logos img {
  width: 100%;
  max-width: 760px;
  height: auto;
}
/* overview の会場・日時：1行・センタリング・ロゴ直下（指示v01 #7） */
#overview .container .overview__detail {
  margin-top: 12px;
  text-align: center;
  line-height: 1.8;
  font-size: 16px;
}
#overview .container .overview__detail span {
  font-weight: bold;
}

/* セミナー登壇情報 見出し（report の <h4>【教育DX】</h4> と同デザイン・指示v01 #1） */
.seminar-section-title {
  font-weight: bold;
  line-height: 1.5;
  font-size: 22px;
  padding-bottom: 8px;
  margin: 40px 0 24px;
  text-align: center; /* センタリング（指示v02 #1） */
  border-bottom: 1px solid #ddd;
}
@media (min-width: 47.9375em) {
  .seminar-section-title {
    font-size: 26px;
    margin: 56px 0 32px;
  }
}
/* コンベンションロゴ＋開催日（指示v01 #8・#9） */
.seminar-conv-head {
  text-align: center;
  margin: 0 0 24px;
}
.seminar-conv-head__logo {
  width: 100%;
  max-width: 380px;
  height: auto;
}
.seminar-conv-head__date {
  margin: 12px 0 0;
  font-weight: bold;
  line-height: 1.5;
  font-size: 16px;
}

/* セッション番号（右寄せ・黒字・太字なし／下余白・指示v02 #2・#3） */
.seminar__session {
  margin: 0 0 8px;
  text-align: right;
  font-weight: normal;
  line-height: 1.5;
  font-size: 15px;
  color: #000;
}

/* セミナー②タイトル下線（①の下線と同じ・指示v01 #3／下余白を①の小見出し相当に・指示v02 #4）
   ※ .seminar__title の margin ショートハンドに負けないよう複合セレクタで優先度を上げる */
.seminar__title.seminar__title--line {
  padding-bottom: 16px;
  margin-bottom: 20px;
  border-bottom: 1px solid #c5c5c5; /* 下線変更（指示v05） */
}
@media (min-width: 47.9375em) {
  .seminar__title.seminar__title--line {
    margin-bottom: 24px;
  }
}

/* イベント公式ページへのテキストリンク（指示v01 #5・#12） */
.event-link {
  margin: 16px 0;
  text-align: center;
  line-height: 1.6;
  font-size: 16px;
}
.event-link a {
  font-weight: bold;
  text-decoration: underline;
}
.event-link a::after {
  content: " ＞";
  text-decoration: none;
}

/* 技術ショー ブース紹介セクション（指示v01 #10・#11・#12） */
.booth {
  margin-top: 56px;
  margin-bottom: 24px; /* 下部に余白を追加・指示v02 #10 */
}
@media (min-width: 47.9375em) {
  .booth {
    margin-top: 80px;
    margin-bottom: 40px;
  }
}
/* 技術ショー内容を上部セミナーと同じ枠＋背景色で囲む（指示v04 #7） */
.booth__box {
  background-color: #eef2fb;
  border-radius: 32px;
  padding: 32px 16px;
  margin-bottom: 24px;
}
@media (min-width: 47.9375em) {
  .booth__box {
    padding: 40px;
    margin-bottom: 32px;
  }
}

.booth__logo {
  text-align: center;
  margin: 0 0 24px;
}
.booth__logo img {
  width: 100%;
  max-width: 420px;
  height: auto;
}
/* キーフレーズのみ大きく太字、それ以外はデフォルト太さ（指示v02 #7） */
.booth__title {
  text-align: center;
  font-weight: normal;
  line-height: 1.6;
  font-size: 18px;
  margin: 0 0 20px;
}
@media (min-width: 47.9375em) {
  .booth__title {
    font-size: 20px;
  }
}
.booth__title strong {
  font-weight: bold;
  font-size: 1.3em;
}

/* ブースタイトル下のグレーの線＋余白（指示v02 #11・#12） */
.booth__divider {
  width: 100%;
  height: 0;
  margin: 0 0 28px;
  border: 0;
  border-top: 1px solid #ddd;
}
.booth__text {
  line-height: 1.8;
  font-size: 16px;
  margin: 0 0 24px;
}
.booth__image {
  margin: 0 auto 12px;
  text-align: center;
}
.booth__image img {
  width: 100%;
  max-width: 736px;
  height: auto;
  border-radius: 12px;
}

/* セミナーセクション（薄い背景色ボックス） */
#seminar {
  padding-bottom: 40px !important;
}
@media (min-width: 47.9375em) {
  #seminar {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 776px) {
  #seminar .container,
  #booth .container {
    max-width: 736px;
    margin: 0 auto;
  }
}

.seminar {
  background-color: #FFE8E1; /* 背景色変更（指示v04 #1・#3） */
  border-radius: 32px;
  padding: 32px 16px;
  color: #000; /* 文字色を黒に（指示v04 #2・#4） */
}
@media (min-width: 47.9375em) {
  .seminar {
    padding: 40px;
  }
}
.seminar:not(:last-child) {
  margin-bottom: 32px;
}
@media (min-width: 47.9375em) {
  .seminar:not(:last-child) {
    margin-bottom: 48px;
  }
}

.seminar__title {
  margin: 0 0 8px;
  font-weight: bold;
  line-height: 1.5;
  font-size: 20px;
  color: #000; /* 青→黒（指示v04 #2・#4） */
}
@media (min-width: 47.9375em) {
  .seminar__title {
    font-size: 24px;
  }
}
.seminar__subtitle {
  margin: 0 0 20px;
  padding-bottom: 16px;
  border-bottom: 1px solid #c5c5c5; /* 下線変更（指示v05） */
  font-weight: bold;
  line-height: 1.5;
  font-size: 17px;
}
@media (min-width: 47.9375em) {
  .seminar__subtitle {
    margin-bottom: 24px;
    font-size: 20px;
  }
}

.seminar__info {
  margin: 0 0 20px;
  line-height: 1.8;
  font-size: 16px;
}
.seminar__info span {
  font-weight: bold;
}

.seminar__lead {
  margin: 0;
  line-height: 1.7;
  font-size: 16px;
}

.seminar__speakers-heading {
  margin: 32px 0 16px;
  font-weight: bold;
  line-height: 1.5;
  font-size: 18px;
  text-align: left;
}
@media (min-width: 47.9375em) {
  .seminar__speakers-heading {
    margin: 40px 0 24px;
    font-size: 20px;
  }
}

/* 講演者カード（白背景） */
.speaker {
  background-color: #fff;
  border-radius: 20px;
  padding: 24px 16px;
}
@media (min-width: 47.9375em) {
  .speaker {
    padding: 32px;
  }
}
.speaker:not(:last-child) {
  margin-bottom: 16px;
}

/* メイン講演者：左に画像／右に情報 */
.speaker--main {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
@media (min-width: 47.9375em) {
  .speaker--main {
    flex-direction: row;
    gap: 32px;
  }
}
.speaker__image {
  flex-shrink: 0;
  border-radius: 16px;
  overflow: hidden;
  width: 64.5161290323%;
  margin: 0 auto;
}
@media (min-width: 47.9375em) {
  .speaker__image {
    width: 32%;
    margin: 0;
  }
}
.speaker__image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}
.speaker__body {
  flex: 1;
}

/* 肩書き＝小さめ、名前＝少し大きめ太字 */
.speaker__role {
  margin: 0;
  line-height: 1.5;
  font-size: 13px;
  color: #555;
}
@media (min-width: 47.9375em) {
  .speaker__role {
    font-size: 14px;
  }
}
.speaker__name {
  margin: 6px 0 0;
  font-weight: bold;
  line-height: 1.4;
  font-size: 20px;
}
@media (min-width: 47.9375em) {
  .speaker__name {
    font-size: 24px;
  }
}
.speaker__profile {
  margin: 16px 0 0;
  padding-top: 16px;
  border-top: 1px solid #e5e5e5;
  line-height: 1.7;
  font-size: 15px;
}
.speaker__profile-title {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
}

/* サブ講演者：画像なし */
.speaker--sub .speaker__role {
  font-size: 12px;
}
@media (min-width: 47.9375em) {
  .speaker--sub .speaker__role {
    font-size: 13px;
  }
}
.speaker--sub .speaker__name {
  font-size: 18px;
}
@media (min-width: 47.9375em) {
  .speaker--sub .speaker__name {
    font-size: 20px;
  }
}

/* ボタン */
.seminar__button {
  margin: 24px 0 8px;
  text-align: center;
}
@media (min-width: 47.9375em) {
  .seminar__button {
    margin: 32px 0 12px;
  }
}
.seminar__button a {
  background: #E93817; /* ボタン色変更（指示v04 #5・#6） */
  border-color: #E93817;
}

/* 注記 */
.seminar__note {
  margin: 8px 0 0;
  line-height: 1.6;
  font-size: 13px;
  color: #666;
  text-align: center;
}
.seminar__note + .seminar__note {
  margin-top: 2px;
}