.video-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* 動画間のスペース */
  justify-content: flex-start; /* 左寄せ */
}
.video-item {
  flex: 1 1 calc(50% - 20px); /* 2列表示の場合 */
  box-sizing: border-box;
  max-width: calc(50% - 20px); /* 最大幅 */
  text-align: center; /* タイトルを中央寄せ */
}
.video-item iframe {
  width: 100%;
  /* iframeのアスペクト比を16:9に保つための設定 */
  aspect-ratio: 16 / 9;
  display: block; /* iframeの下にできる隙間をなくす */
}
.video-item p {
  margin-top: 10px; /* 動画とタイトルの間のスペース */
  font-size: 0.9em; /* タイトル文字の大きさ */
}
.video-item a {
  text-decoration: none; /* リンクの下線をなくす */
  color: #333; /* リンクの色 */
  display: block; /* タイトル全体をリンクにする */
}
.video-item a:hover {
  color: #007bff; /* ホバー時の色 */
}

/* スマートフォンでの表示を考慮（1列表示） */
@media (max-width: 768px) {
  .video-item {
      flex: 1 1 100%;
      max-width: 100%;
  }
}