/* 動画コンテナ */
.video-container {
  max-width: 1280px;      /* 最大幅 */
  margin: 0 auto;          /* 中央寄せ */
  padding: 0 10px;         /* 余白 */
}

.video-container video {
  width: 100%;             /* 親要素に合わせて横幅を調整 */
  height: auto;            /* 縦横比を維持 */
  display: block;          /* 不要な余白を消す */
  border-radius: 8px;      /* 角を丸める（任意） */
  box-shadow: 0 4px 12px rgba(0,0,0,0.3); /* 影（任意） */
}


/* --- 動画上のスペース調整 --- */

/* PC表示 (599px以上) */
@media screen and (min-width: 599px) {
	.video-container {
		margin-top: 30px; /* PC用のスペース（ここの数値で調整） */
	}
}

/* スマホ表示 (599px以下) */
@media screen and (max-width: 599px) {
	.video-container {
		margin-top: 15px; /* スマホ用のスペース（ここの数値で調整） */
	}
}