#cover-wrapper {
 	position: relative;
	width:100vw;
}
#cover-wrapper-video {
 	position: relative;
	width:100vw;
}
.video-box {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}
.video-box img{
	width: 100%;
  height: 100%;
  object-fit: cover; /* 背景画像の cover と同じ効果 */
  object-position: center; /* 中央基準 */
}
#video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#video2 {
  width: 100%;
  height: 100%;

}
#video-sp {
  width: 100%;
  height: 100%;
  display: none;
}
/* pop-up */
.banner-area{
	width: 300px;
	height: 300px;
	border-radius: 3%;
	position: absolute;
	bottom: 7%;
	color: #FFF;
	right: 30px;
	z-index: 90;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	padding: 5px;
	background-color: #FFF;
	cursor: pointer;
}
@media (max-width: 1100px) {

}
@media (max-width: 768px) {
	#video2 {
		display: none;

	}
	#video-sp {
		width: 100%;
		height: 100%;
		display: block;
	}
}