@charset "UTF-8";

/* INTERFACE */

#home_contents_area::before{
	content: "";
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-image: url("../img/key_bg02-.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

#sub_contents_area::before{
	content: "";
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	width: 100%;
	height: 100vh;
	background-image: url("../img/prot_bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

#home_key_area{
	max-width:1700px;
	height:100%;
	margin:0 auto;
	position:relative;
}

#home_key_area.home{
	background-color:#000;
}

#home_key_area h1{
	margin:0;
	line-height:1;
	position:absolute;
	top:5%;
	left:20%;
}

#home_key_area h1 img{
	width:35%;
	vertical-align:bottom;
}

#home_key_area img.bg{
	width:100%;
	vertical-align:bottom;
}

@media only screen and (max-width:1600px){
	#home_key_area h1 img{
		width:30%;
	}
}

@media only screen and (max-width:1300px){
	#home_key_area h1 img{
		width:28%;
	}
}