/* --- 全体コンテナ --- */
.hcxtvContent-wrap {
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 100px 60px 0px;
  box-sizing: border-box;
}

/* --- ビデオ予約エリア --- */
.video-container {
  width: 100%;
  position: relative;
  background-color: #000;
  overflow: hidden;
  display: block;
  
  /* 16:9の比率を維持 */
  aspect-ratio: 16 / 9;
}

/* 古いブラウザ対策（念のため） */
@supports not (aspect-ratio: 16 / 9) {
  .video-container {
    height: 0;
    padding-top: 56.25%;
  }
}

/* --- videoタグの設定 --- */
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  object-fit: contain; 
  border: none;
  outline: none;
}

/* --- レスポンシブ --- */
@media (max-width: 959px) {
  .hcxtvContent-wrap { padding: 60px 30px 0; }
}

@media (max-width: 639px) {
  .hcxtvContent-wrap { padding: 40px 0 0; }
  .video-description { padding: 20px 20px 0; }
}