/* 疑似ポスター（背景）をコンテナに設定。端末で切替可 */
.mv-video {
  width: 100%;
  height: 100%;
  background-size: cover;          /* 余白を作らずトリミング */
  background-position: center;
  background-repeat: no-repeat;
}
@media (min-width: 768px) {
  .mv-video { background-image: url("https://www.resorts.co.jp/upload/tenant_1/poster-pc01_1.webp"); }
}

/* SP用ポスター（縦に合わせた画像） */
@media (max-width: 767px) {
  .mv-video { background-image: url("https://www.resorts.co.jp/upload/tenant_1/poster-sp01_1.webp"); }
}
/* 再生中は背景を消し、動画を前面に */
.mv-video.playing { background-image: none; }

.mv-video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;               /* 再生時の動画も上下余白を出さない */
  object-position: center;
}