@charset "utf-8";
#contents_block #visual_area{
	background-color: #d3d4d4;
}
#contents_block #visual_area > .wrap{
	height: 100vh;
	
}

#contents_block #bgvideo{
	position: fixed;
	/*top: 50%;
	left: 50%;*/
	bottom: 0;
	left: 0;
	max-width:100%;
	/*min-width: 100%;
	min-height: 90%;*/
	width: auto;
	height: auto;
	
	
	background-size: cover;
	/*transform:translate(-50%,-50%);*/
}
#contents_block #visual_bg{
	position: relative;
	
}
/*#contents_block #visual_bg::after{
	position: fixed;
	bottom: 6vw;
	left: 0;
	content: " ";
	width: 100%;
	height: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url("../images/top/mv_bg_pcpng_02.png");
}*/


#contents_block #contents_banner_area{
	position: relative;
	padding-bottom: 80px;
}
#contents_block #contents_banner_area{
		padding: 50px 0;
		background-color: rgba(255,255,255,0.5);
	}
#contents_block #contents_banner_area > ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#contents_block #contents_banner_area > ul > li{
	width: 50%;
	margin-bottom: 5px;
}
#contents_block #contents_banner_area > ul > li.w100{
	width: 100%;
}

#contents_block #contents_banner_area > ul > li a{
	transition:.3s;
	display: block;
}
/*------------------------------------------
-------------PCのみ---------------------
------------------------------------------*/
@media screen and (min-width:1041px){
	#contents_block #contents_banner_area > ul > li a:not(.nonlink):hover{transform: translate(0,-10px);}

}
/*------------------------------------------
-------------タブレット・SP-----------------
------------------------------------------*/
@media screen and (max-width:1080px){
	#contents_block #visual_area{
	/*background-color: rgba(89,27,0,1);*/
		background-color: #fff;
	}
	#contents_block #visual_area > .wrap{height: 120vw;}
	#contents_block #visual_bg::after{display: none;}
	#contents_block #bgvideo{
		bottom: auto;
		left: 0;
		top: 10vw;
	}

}
/*------------------------------------------
-----------------タブレット-----------------
------------------------------------------*/
@media screen and (max-width:1039px) and (min-width:641px){
	#contents_block #bgvideo{
		bottom: 7vw;
		left: 0;
		top: auto;
	}

}
/*------------------------------------------
-----------------------SP---------------------
------------------------------------------*/
@media screen and (max-width: 640px){
	#contents_block #contents_banner_area{
		padding: 30px 0;
		background-color: rgba(255,255,255,0.9);
	}
	
	#contents_block #contents_banner_area > ul > li{
		width: 100%;
		margin-bottom: 10px;
	}
	#contents_block #contents_banner_area > ul > li.w50sp{width: 49%;}

}