.content_976{
padding: 0 30px 30px 30px;
}

.video-frame{
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9; /* ←比率固定 */
  position: relative;
  overflow: hidden;
}

.video-frame > .video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* 余白なく埋める（切れてOKなとき） */
  /* object-fit: contain; 余白が出ても切りたくない場合はこちら */
}

/*------------------------------------------------------------------------------------------------------------

SP

------------------------------------------------------------------------------------------------------------*/


@media screen and (max-width: 976px) {

.content_976{
padding: 0 15px 30px 15px;
}

.video-frame{
  width: 100%;
  max-width: 100%;
  aspect-ratio: 16 / 9; /* ←比率固定 */
  position: relative;
  overflow: hidden;
}

.video-frame > .video{
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover; /* 余白なく埋める（切れてOKなとき） */
  /* object-fit: contain; 余白が出ても切りたくない場合はこちら */
}

}