
#key{
	width: 100%;
	height: 500px;
	padding: 0;
	margin: 0;
}

#key img{
	width: 500px;
	height: 500px;
	display: block;
	margin: 0px auto 0px auto;
}

section{
	margin-top: 80px;
	padding-top: 80px;
}


section p span{
	font-size: 60px;
}

#location{
	margin-top: 70px;
}

form{
	margin-top: 100px;
}

#data{
	padding-top: 20px;
	width: 100%;
	margin-top: 80px;
	background:#f1cfa2;
	border-radius: 6px;
}

#data #text{background: none; padding-left: 30px; font-weight: 300;}
#data .aspetta{background: none; padding-left: 30px; padding-bottom: 30px; padding-top: 30px; color: red;}
.data{
	width: 30%;
	height: 100px;
	margin: 20px 0px 0px 10px;
	float: left;
}

.data input,
.data label{
	line-height: 30px;
}

.data .choose{
	margin: 20px 0px 0px 20px;
}

.data .choose p{
	margin: 0px 0px 20px 0px;
	font-weight: 300;
}

.clear{
	clear: both;
}

#adress{
	text-align: center;
	padding: 40px 0px 40px 0px;
}

.linea{
	width: 500px;
	height: 7px;
	background: url(../img/reclutamento/linea.png);
	background-position: center;
	background-size: 100%;
	margin: 0px auto 0px auto;

}


/* Form */

#form-1{}

#form-1 .formLeft,
#form-1 .formRight{
	width: 50%;
}

#form-1 .formLeft input,
#form-1 .formRight input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

#form-1 .formLeft{ float: left;}
#form-1 .formRight{ float: left;}

#form-2,
#form-3,
#form-4{ margin-top: 40px;}

#form-2 input,
#form-3 input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

#form-4 select{
	width: 150px;
	height: 40px;
	font-size: 100%;}

#form-5{ margin-top: 40px;}
#form-5 textarea{
	width: 100%;
	border: solid 1px rgb(150, 150, 150);
	border-radius: 6px;
}

#form-5 #submit{
	width: 100px;
	height: 50px;
	margin: 40px auto 0px auto;
}

#form-5 #submit input{
	width: 100px;
	height: 50px;
	background: #D2B48C;
	font-size: 90%;
	color: #FFF;
	border: none;
}


/* スマフォ対応 */

@media screen and (max-width:1000px){
	#key{
		width: 100%;
		height: 400px;
		padding-top: 20px;
		background: none;
	}

	#key-photo{
		background: url(../img/bar/key.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		margin: 0px auto 0px auto;
	}
	#key-photo p{
		font-size: 50px;
		font-weight: 300;
		line-height: 50px;
		padding-top: 160px;
	}

	#data{
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		height: 550px;
		margin-top: 80px;
		background:#f1cfa2;
		border-radius: 6px;
	}
	
	#data #text{background: none; padding-left: 30px;}
	
	.data{
		width: 30%;
		height: 500px;
		margin: 20px 0px 0px 10px;
		font-size: 100%;
		float: left;
	}
	
	.data input,
	.data label{
		margin-top: 30px;
		line-height: 40px;
	}

	/* Form */

#form-1{}

#form-1 .formLeft,
#form-1 .formRight{
	width: 50%;
}

#form-1 .formLeft input,
#form-1 .formRight input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

#form-1 .formLeft{ float: left;}
#form-1 .formRight{ float: left;}

#form-2,
#form-3,
#form-4{ margin-top: 40px;}

#form-2 input,
#form-3 input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

#form-4 select{
	width: 150px;
	height: 40px;
	font-size: 100%;}

#form-5{ margin-top: 40px;}
#form-5 textarea{
	width: 100%;
	border: solid 1px rgb(150, 150, 150);
	border-radius: 6px;
}

#form-5 #submit{
	width: 160px;
	height: 70px;
	margin: 40px auto 0px auto;
}

#form-5 #submit input{
	width: 160px;
	height: 70px;
	background: #D2B48C;
	font-size: 90%;
	color: #FFF;
	border: none;
}
	


}