.seminar-header p {
	margin: 0;
	}

.seminar-wrapper p {
	margin: 0;
}

.required {
  color: red;
}

.strength_cnt_area {
  width: 80% !important;
  margin: 0 auto;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
	background-color: #ffffff; /* 白背景。お好みで変更OK */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 下に薄い影（オプション） */
}

body {
  padding-top: 85px;
}

/* --- topics_area を上下2段・横幅いっぱいにする --- */
#topics .topics_area {
  display: flex;
  flex-direction: column;  /* 上下に分ける */
  gap: 20px;               /* 上下の余白 */
  width: 100%;             /* 横幅いっぱい */
  max-width: 100%;         /* 親の制限解除 */
  margin: 0;
  padding: 0;
}

/* 子要素（動画エリア・トピックスエリア）も横幅いっぱいに */
#topics .topics_cnt {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box;
}

/* topics_area を上下2段・横幅いっぱいにする（あなたの現行） */
#topics .topics_area {
  display: flex;
  flex-direction: column-reverse; /* ← column を column-reverse に変えるだけ */
  gap: 20px;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
}

#topics .topics_cnt {
  width: 100% !important;
  margin: 0 !important;
  float: none !important;
  box-sizing: border-box;
}

/* ▼ 動画エリアの上下余白を小さく（高さが下がる） */
#topics .topics_cnt.movie{
  padding: 12px 0 !important;   /* 30px → 12px に圧縮 */
  min-height: auto !important;
  height: auto !important;
}

/* ▼ ラッパを小さめ＆中央寄せ：高さは自動で低くなる */
#topics .topics_cnt.movie .frame-wrapper__video{
  position: relative;
  width: clamp(320px, 50vw, 640px);  /* ←PCで最大640px程度に。お好みで 600〜720 に調整可 */
  margin: 0 auto;                    /* 中央寄せ */
  aspect-ratio: 16 / 9;              /* 比率維持（縦が暴れない） */
  background: #000;
  border-radius: 8px;
  overflow: hidden;

  /* もしテーマに height:0; padding-bottom:56.25% 方式が残っていたら無効化 */
  height: auto !important;
  padding: 0 !important;
}

/* ▼ iframe を枠いっぱいにフィット */
#topics .topics_cnt.movie .frame-wrapper__video iframe{
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
}

/* ▼ モバイルでは従来どおり横いっぱいでOK（任意） */
@media (max-width: 767px){
  #topics .topics_cnt.movie .frame-wrapper__video{
    width: 100%;
    max-width: 100%;
  }
}