@charset "utf-8";

#title {
	background:url(../images/kv.jpg) center center;
	background-size:cover;
	margin-bottom:100px;
}
	@media(max-width:767px) {
		#title {
			margin-bottom:75px;
		}
	}

/* form
---------------------------------------------- */

#form .wrap > p {
	text-align:center;
	font-size:20px;
	margin-bottom:50px;
}

#form table {
	width:100%;
	border-collapse:collapse;
	margin-bottom:50px;
}
	@media(max-width:479px) {
		#form table {
			margin-bottom:25px;
		}
	}

#form table th, #form table td {
	padding:10px 20px;
	border:1px solid #666666;
}
	@media(max-width:767px) {
		#form table th, #form table td {
			display:block;
			padding:10px;
			border:0;
		}
	}

#form table th {
	background-color:#E8EEF3;
	text-align:center;
	font-weight:normal;
	vertical-align:middle;
}
	@media(max-width:767px) {
		#form table th {
			border-top:1px solid #666666;
			text-align:left;
		}
	}

	@media(max-width:767px) {
		#form table td {
			margin-bottom:20px;
		}
		#form table td:last-child {
			margin-bottom:0;
		}
	}


input.ip1 {
	width:60%;
	border:none;
	outline:1px solid #BBB;
}
	@media(max-width:767px) {
		input.ip1 {
			margin-bottom:10px;
		}
	}
	@media(max-width:479px) {
		input.ip1 {
			width:calc(100% - 10px);
		}
	}

textarea {
	width:80%;
	height:8em;
	border:none;
	outline:1px solid #BBB;
}
	@media(max-width:479px) {
		textarea {
			width:calc(100% - 10px);
		}
	}

input[type=text],input[type=email],input[type=tel],input[type=post], textarea {
	padding:5px;
}

#form .submit {
	text-align:center;
	margin-bottom:70px;
}
#form .submit > a {
	display:inline-block;
	font-size:22px;
	width:300px;
	line-height:50px;
	background-color:#000;
	color:#FFF;
}
#form .g-recaptcha {
	margin:0 auto 30px auto;
	text-align:center;
	width:304px;
}

div.complete {
	text-align:center;
	margin-bottom:100px;
}
div.error {
	margin:0 auto 50px auto;
	margin-bottom:20px;
	border:1px dotted #FF6262;
	background-color:#FFF4F4;
	padding:15px;
	color:#F00;
	line-height:1.6;
	text-align:left;
}