@charset "utf-8";

/*	PC用のcss	*/
@media screen and (min-width:641px) { 
	form{
		width:95%;
		margin:15px auto;
		box-shadow:3px 3px 6px #ddd,-1px -1px 2px #ddd;
		overflow:hidden;
	}

	form table{
		width:90%;
		margin:20px auto;
	}

	form table td,
	form table th{
		padding:15px;
		border-bottom:solid 1px #eee;
		text-align:left;
		vertical-align:middle;
		font-size:20px;
	}

	form table th{
		width:30%;
		position:relative;
		color:#272;
	}


	form table th span{
		position:absolute;
		right:10px;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		padding:3px 10px;
		border-radius:3px;
	}

	form table th span.hissu{
		background:#f66;
	}

	form table th span.ninni{
		background:#47f;
	}

	form table td{
		position:relative;
		padding-left:20px;
	}

	form table td::after{
		content:"";
		position:absolute;
		height:50%;
		width:1px;
		left:0;
		top:25%;
		background:#eee;
	}

	form table td textarea,
	form table td select,
	form table td input[type="text"], input[type="email"]{
		padding:5px 10px;
		border:solid 1px #ccc;
		border-radius:3px;
		width:80%;
		font-size:15px;
		display:block;
	}

	form table td input[type="radio"],
	form table td input[type="checkbox"]{
		width:30px;
		height:30px;
		vertical-align:middle;
	}

	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
	}

	form table td textarea{
		height:7em;
	}

	form table td li{
		width:30%;
		float:left;
		margin-bottom:10px;
	}

	#user_zip{
		display:inline-block;
		width:22%;
		margin-bottom:7px;
	}

	#aite_job_block{
		clear:both;
	}

	.sbmt_btn{
		margin:10px auto 40px;
		text-align:center;
	}

	.thanks_tel,
	.sbmt_btn input[type="submit"]{
		cursor:pointer;
		border:solid 2px #64a45f;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #0ea100), color-stop(0.50, #55b649));
		background: -webkit-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -moz-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -o-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -ms-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: linear-gradient(to bottom, #55b649 50%, #0ea100 51%);
		color:#fff;
		font-size:28px;
		width:60%;
		margin:auto;
		padding:10px 0;
		box-shadow:1px 1px 0px #8dd185 inset,-1px -1px 0px #8dd185 inset;
		border-radius:10px;
		letter-spacing:0.2em;
	}

	.sbmt_btn input[type="submit"]:hover{
		opacity:0.8;
	}

}



/*	スマホ用のcss	*/
@media screen and (max-width:640px) { 
	form{
		overflow:hidden;
	}

	form table{
		width:98%;
		margin:20px auto;
	}

	form table td,
	form table th{
		padding:10px;
		border:solid 1px #eef;
		text-align:left;
		vertical-align:middle;
		font-size:20px;
		display:block;
	}

	form table th{
		position:relative;
		color:#272;
		background:#fcfcff;
		border-bottom:none;
	}


	form table th span{
		position:absolute;
		right:10px;
		color:#fff;
		font-size:12px;
		font-weight:normal;
		padding:3px 10px;
		border-radius:3px;
	}

	form table th span.hissu{
		background:#f66;
	}

	form table th span.ninni{
		background:#47f;
	}

	form table td{
		position:relative;
		margin-bottom:20px;
		overflow:hidden;
	}

	form table td textarea,
	form table td select,
	form table td input[type="text"]{
		padding:5px 10px;
		border:solid 1px #ccc;
		border-radius:3px;
		width:95%;
		font-size:15px;
		display:block;
		box-sizing:border-box;
		margin:auto;
	}

	form table td input[type="radio"],
	form table td input[type="checkbox"]{
		width:30px;
		height:30px;
		vertical-align: middle;
	}

	input[type="button"],input[type="submit"] {
		-webkit-appearance: none;
	}

	form table td textarea{
		height:7em;
	}

	form table td li{
		width:100%;
		margin-bottom:5px;
		border-bottom:dotted 1px #eee;
	}

	#user_zip{
		display:inline-block;
		width:50%;
		margin-bottom:7px;
	}

	#aite_job_block{
		clear:both;
	}

	.sbmt_btn{
		margin:10px auto 40px;
		text-align:center;
	}

	.thanks_tel,
	.sbmt_btn input[type="submit"]{
		color:#fff;
		font-size:18px;
		font-weight:bold;
		width:80%;
		margin:auto;
		padding:8px 0;
		letter-spacing:0.2em;
		border:solid 2px #64a45f;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.51, #0ea100), color-stop(0.50, #55b649));
		background: -webkit-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -moz-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -o-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: -ms-linear-gradient(top, #55b649 50%, #0ea100 51%);
		background: linear-gradient(to bottom, #55b649 50%, #0ea100 51%);
		box-shadow:1px 1px 0px #8dd185 inset,-1px -1px 0px #8dd185 inset;
		border-radius:10px;
	}

	.sbmt_btn input[type="submit"]:hover{
		opacity:0.8;
	}

}

.thanks_tel{
	width:80%;
	text-decoration:none;
	margin:auto;
	display:block;
	font-size:20px;
	text-align:center;
}

.thanks_tel_mes{
	width:80%;
	margin:10px auto;
	text-decoration:underline;
	color:#f77;
}
#form_top h1{
	text-align: center;
	border-bottom: solid 3px #81e719;
	font-size: 28px;
	padding: 40px 0 10px;
}
#form_top label{
	font-size: 22px;
	vertical-align: top;
}
#form_top p{
	float: left;
	margin: 0px;
}