/* 固定ページのタイトル(h1)のみを非表示に */
.c-pageTitle {
  display: none;
}

/* 固定ページのヘッダーまるごと非表示 */
#header,
.c-infoBar,
.l-fixHeader__inner {
  display: none;
}

/* SWELLの余白をリセット */
.l-content {
  padding-top: 0;
}

.l-mainContent__inner > .post_content {
  margin-top: 0;
}

/* ─── コンテナ＆動画基本設定 ─── */
.video-container {
  position: relative;
  width: 100%;
  max-height: 600px;   /* PC時以外の高さ上限 */
  overflow: hidden;
}
.video-container video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ─── 黒オーバーレイ ─── */
.video-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  pointer-events: none;
  z-index: 5;
}

/* ─── テキスト位置＆サイズ ─── */
.video-text {
  position: absolute;
  top: 15%; left: 5%;
  transform: translateY(-50%);
  padding-left: 1rem;
  color: #fff;
  z-index: 10;
  pointer-events: none;

  /* ビューポート幅に応じたフォントサイズ */
  font-size: clamp(14px, 3vw, 28px);
}

/* ─── PC表示時：画面いっぱいに拡大 ─── */
@media screen and (min-width: 768px) {
  .video-container {
    width: 100vw;
    height: 100vh;      /* ビューポート高さいっぱい */
    max-height: none;   /* 上限解除 */
  }
  .video-container video {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
  }
}