/* ====================================
トップページVIDEO用
======================================= */
/**/
#mv {
  background-color: rgba(0, 0, 0, 0.2);
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%;
 }
#mv99 {
  background: linear-gradient(-45deg, rgba(4, 114, 124, 0.4), rgba(17, 66, 99, 0.6));
  height: 100vh;
  overflow: hidden;
  position: relative;
  width: 100%;
}
/*オーバーレイサンプル*/
#mv1 {
  height: calc(100vh - 110px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
#mv2 {
  background-color: rgba(0, 0, 0, 0.4);
  height: calc(100vh - 110px);
  overflow: hidden;
  position: relative;
  width: 100%;
 }
 #mv22 {
	height: calc(100vh - 110px);
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.2);
}
#mv3 {
  background-color: rgba(0, 103, 147, 0.4);
  height: calc(100vh - 110px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
 #mv32 {
	height: calc(100vh - 110px);
	overflow: hidden;
	position: relative;
	width: 100%;
	background-color: rgba(0, 103, 147, 0.2);
} 
.pl100 {
	padding-left: 100px;
	font-weight: 500;
	color: #FFF;
} 

.mv-bg {
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-height: initial;
  max-width: initial;
  min-height: calc(100vh - 110px);
  min-width: 100%;
  position: absolute;
  top: -100px;
  transform: translateX(-50%);
  z-index: -1;
}
.mv-content {
	-webkit-transform: translate(-50%, -50%);
	left: 50%;
	position: absolute;
	text-align: center;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	padding: 0 24px;
	z-index: 2;
}
.mv-img  {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
.mv-title {
  color: #333;
  font-size: 42px;
  font-weight: 700;
}
@media only screen and (max-width : 767px) {
#mv {
 background-color: rgba(0, 0, 0, 0.2); 
	  height: calc(100vh - 60px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
#mv1 {
	  height: calc(100vh - 60px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
#mv2 {
	  height: calc(100vh - 60px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
#mv22 {
	  height: calc(100vh - 60px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
#m3 {
	  height: calc(100vh - 60px);
  overflow: hidden;
  position: relative;
  width: 100%;
}
#mv32 {
	  height: calc(100vh - 60px);
  overflow: hidden;
  position: relative;
  width: 100%;
}


.mv-bg {
  -webkit-transform: translateX(-50%);
  left: 50%;
  max-height: initial;
  max-width: initial;
  min-height: calc(100vh + 10vh);
  min-width: 100%;
  position: absolute;
  top: -10vh;
  transform: translateX(-50%);
  z-index: -1;
}
.mv-img  {
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}	
}