#zexeed_opening_back_mask {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  overflow: hidden;
  background: url(/product/zexeed/images/opening_bg02.jpg) center center no-repeat;
	background-size: cover;
}

#zexeed_opening_back, #zexeed_opening_back2, #zexeed_top_back {
  width: 100vw;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

#zexeed_opening_back {
  /*background-image: url(/product/zexeed/images/opening_bg01.jpg); */
  position: absolute;
  top: 0;
  left: 0;
}

#zexeed_opening_back2 {
  background: url(/product/zexeed/images/opening_bg02.jpg) center center no-repeat;
	background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

#zexeed_top.sectionOn,
#zexeed_top_back{
  background: url(/product/zexeed/images/opening_bg02.jpg) center center no-repeat;
	background-size: cover;
}

#zexeed_opening_back_mask {
	background: #00569b;
}

#zexeed_top_content {
  width: calc(100vw - 240px);
  position: relative;
}
#zexeed_opening_back
#zexeed_top_content_mask, #zexeed_top_content_mask_inner {
  position: relative;
  left: 0;
  width: calc(100vw - 240px);
  max-width: 1080px;
  height: 100%;
}

#zexeed_top_content_mask {
  overflow: hidden;
	/*opacity: 0;*/
}

#zexeed_top_content_mask img {
  width: 100%;
}

#zexeed_top_content_mask .copy {
  line-height: 1.5;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.1em;
  font-size: 20px;
  margin-bottom: 70px;
}

#zexeed_top_content_mask .logo {
  margin: 13vh auto 0;
  width: 80%;
  max-width: 500px;
}
#zexeed_about_content .column {
  position: relative;
}




@media screen and (max-width: 896px) {
	.page-opening{
		display: block;
	}
	#zexeed_opening_back2{
		background: url(/product/zexeed/images/opening_bg02_sp.jpg) center center no-repeat; 
		background-size: cover;
		opacity: 1;
	}
	#zexeed_top_content{
		width: auto;
	}
	#zexeed_top_content_mask{
		opacity: 1;
	}
	.page > .content{
		z-index: 30 !important;
	}
	#zexeed_top_content_mask .logo{
		margin: 0;
		width: auto;
	}
	
	#zexeed_opening_back #zexeed_top_content_mask, #zexeed_top_content_mask_inner{
		width: 70%;
		margin: 0 auto;
		position: relative;
		left: 0.5em;
	}
}