/* 2026年11月9日開催セミナーの追加・調整スタイル。 */
.topics_wrap { background-image: none; }
header { background-image: url(../img/261109_mv_bg.jpg); background-color: #0c3763; background-position: center top; background-size: cover; }
.draft_theme { padding: 48px 0; text-align: center; }
.draft_theme h1 { font-size: 3.2rem; font-weight: 700; margin-bottom: 18px; }
.draft_subtitle { font-size: 2rem; margin-bottom: 24px; line-height: 1.7; }
.draft_date { font-weight: 700; margin-bottom: 12px; }
.contents .box03 .chapter_heading { display: flex; gap: 0.15em; text-indent: 0; padding-left: 0; line-height: 1.6; }
.chapter_no { flex: 0 0 auto; white-space: nowrap; }
.chapter_text { min-width: 0; }
.contents .box03 .inner { width: 100%; line-height: 1.8; }
.contents .box03_inner:last-child { border-bottom: 0; }
.contents .box { margin-bottom: 0; }
.profile .box_top { align-items: center; }
.profile .right { padding-top: 0; }
.profile .txt { line-height: 1.8; }
.profile .txt p + p { margin-top: 1.5em; }
.profile .box:last-child { margin-bottom: 0; }
.entry_pending { border: 0; font: inherit; font-weight: 700; cursor: default; }
.entry_note { text-align: center; margin-bottom: 24px; font-size: 1.6rem; }
.entry_pending:hover { letter-spacing: normal; }
.cdt_app { margin-left: 0; }
@media screen and (max-width: 599px) {
  .draft_theme { padding: 36px 6%; }
  .draft_theme h1 { font-size: 2.8rem; }
  .draft_subtitle { font-size: 1.8rem; }
  .profile .ttl { line-height: 1.7; }
  .profile .koushi { width: 75%; }
  .cdt_app { width: 80% !important; height: auto !important; line-height: 1.4 !important; padding: 10px 16px !important; }
}

/* 7月開催セミナーの受講者の声。掲載許諾の範囲に合わせた実名・匿名表示。 */
.survey-voices .survey-voice-lead {
  width: 90%;
  margin: -25px auto 45px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
}
.survey-voices .survey-voice-card { overflow: hidden; }
.survey-voices .survey-voice-card h3 {
  margin: 0;
  padding: 20px 30px;
  font-size: 2.4rem;
  line-height: 1.5;
}
.survey-voices .name_ex { font-size: 2.8rem; }
.survey-voices .survey-office { font-size: 2rem; }
.survey-voices .box_inner { padding: 30px; }
.survey-voices .box_inner .txt {
  width: 100%;
  margin: 0;
  font-size: 2.6rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
@media screen and (max-width: 599px) {
  .survey-voices h1 { line-height: 1.6; margin-bottom: 30px; }
  .survey-voices .survey-voice-lead { width: 100%; margin: 0 0 30px; text-align: left; }
  .survey-voices .survey-voice-card { margin-bottom: 25px; }
  .survey-voices .survey-voice-card h3 { padding: 16px 20px; }
  .survey-voices .name_ex { font-size: 2.5rem; }
  .survey-voices .survey-office { font-size: 1.8rem; }
  .survey-voices .box_inner { padding: 20px; }
  .survey-voices .box_inner .txt { font-size: 2.3rem; line-height: 1.8; }
}
/* イニシャル掲載の受講者：PCは本文横、スマホは名前帯にブランク顔画像を配置。 */
.survey-voices .survey-voice-with-avatar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 200px;
}
.survey-voices .survey-voice-with-avatar h3 { grid-column: 1 / -1; grid-row: 1; }
.survey-voices .survey-voice-with-avatar .box_inner { grid-column: 1; grid-row: 2; min-width: 0; }
.survey-voices .survey-avatar { grid-column: 2; grid-row: 2; padding: 30px 30px 30px 0; }
.survey-voices .survey-avatar img { display: block; width: 100%; height: auto; }
@media screen and (max-width: 599px) {
  .survey-voices .survey-voice-with-avatar { grid-template-columns: 100px minmax(0, 1fr); }
  .survey-voices .survey-voice-with-avatar h3 {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    align-items: center;
    padding: 16px 20px 16px 0;
  }
  .survey-voices .survey-avatar { grid-column: 1; grid-row: 1; background: #5eb5e4; padding: 16px 12px 16px 20px; }
  .survey-voices .survey-voice-with-avatar .box_inner { grid-column: 1 / -1; grid-row: 2; }
}
/* スマホ用MVと同じ599px以下で、支給されたスマホ用背景へ切り替える。 */
@media screen and (max-width: 599px) {
  header { background-image: url(../img/261109_mv_bg_sp.jpg); }
}
/* 小さい画面でも固定申込ボタンの高さと文字位置を安定させる。 */
@media screen and (max-width: 767px) {
  .cdt_app {
    width: 80% !important;
    height: auto !important;
    line-height: 1.4 !important;
    padding: 10px 16px !important;
    margin-left: 0;
    font-size: 2rem !important;
  }
  footer { margin-bottom: 90px !important; }
}