/*--------------------------------------------
	top-video
--------------------------------------------*/
/* ここから */
.mv {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
}
 
/* 全体を囲う要素 */
.mv-wrap {
  position: relative;
  /* 背景画像の高さ */
  height: 600px;
}
 
#video {
  display: block;
  width: 100%;
  /* 背景画像の高さ */
  height: 600px;
  /* 高さを維持したまま全体を表示させる */
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../video/movie03.jpg) no-repeat center/cover;
}
 
.mv-bg {
  display: block;
  width: 100%;
  /* 背景画像の高さ */
  height: 600px;
  position: absolute;
  top: 0;
  left: 0;
  /* 薄いレイヤーの色 */
  background-color: rgba(0,153,255,0.1);
  /* videoの上に乗せる */
  z-index: 2;
}



/*　画面サイズが630pxまでこのファイルのスタイルが適用される。*/
@media screen and (min-width: 0px) and (max-width: 630px) {

.mv-wrap {
  height: 350px;
}
 
#video {
  height: 350px;
}
 

}