@charset "utf-8";

#title {
	text-align:center;
	position:relative;
	padding:25px 0 35px 0;
}
	@media(max-width:979px) {
		#title {
			padding:18px 0 25px 0;
		}
	}

#title > img {
	width:68px;
	margin-bottom:15px;
}
	@media(max-width:979px) {
		#title > img {
			width:46px;
			margin-bottom:10px;
		}
	}
	@media(max-width:479px) {
		#title > img {
			width:34px;
		}
	}

#title > h1 {
	font-family: "Zen Maru Gothic";
	font-weight:bold;
	font-size:60px;
	color:#01AF74;
}
	@media(max-width:1439px) {
		#title > h1 {
			font-size:40px;
		}
	}
	@media(max-width:959px) {
		#title > h1 {
			font-size:30px;
		}
	}

#form {
	padding-top:150px;
	max-width:1000px;
	margin:0 auto;
}
	@media(max-width:959px) {
		#form {
			padding-top:75px;
		}
	}
	@media(max-width:479px) {
		#form {
			padding-top:50px;
		}
	}

#form > p {
	text-align:center;
	font-size:22px;
	line-height:1.6;
	margin-bottom:35px;
}
	@media(max-width:1439px) {
		#form > p {
			font-size:18px;
		}
	}
	@media(max-width:959px) {
		#form > p {
			font-size:16px;
			margin-bottom:20px;
		}
	}


/* form
---------------------------------------------- */
.form figure.icon {
	text-align:center;
	margin-bottom:70px;
}
	@media(max-width:767px) {
		.form figure.icon {
			margin-bottom:30px;
		}
	}

.form figure.icon > img {
	width:100px;
}
	@media(max-width:767px) {
		.form figure.icon > img {
			width:50px;
		}
	}

#form table {
	width:100%;
	margin:0 auto 50px auto;
	border-top:1px solid #A5A5A5;
}
	@media(max-width:767px) {
		#form table {
			border-top:none;
		}
	}
	@media(max-width:479px) {
		#form table {
			margin:0 auto 30px auto;
		}
	}

#form table th, #form table td {
	vertical-align:middle;
	padding:35px;
	border-bottom:1px solid #A5A5A5;
}
	@media(max-width:767px) {
		#form table th, #form table td {
			display:block;
			padding:10px;
			border:0;
		}
	}

#form table th {
	background-color:#C1C1C1;
	color:#FFF;
	font-weight:normal;
	text-align:left;
}
	@media(max-width:767px) {
		#form table th {
			border-top:1px solid #999;
		}
	}

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

#form table th span {
	font-size:15px;
	display:inline-block;
	background-color:#E83828;
	color:#FFF;
	padding:5px 6px 4px 6px;
	line-height:1;
	margin-left:1em;
}
#form table th span.optical {
	background-color: #0080C0;
}

#form table th small {
	font-size:16px;
}
#form table td p {
	display:inline;
	font-size:11px;
}

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);
		}
	}

input.post {
	width:10%;
	margin:0 5px;
	border:none;
	outline:1px solid #BBB;
}
	@media(max-width:767px) {
		input.post {
			margin-bottom:10px;
		}
	}
	@media(max-width:479px) {
		input.post {
			width:15%;
		}
	}

textarea {
	width:60%;
	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;
}

input[type=radio], label {
	line-height:2;
}
input[type=radio] {
	margin:3px 3px 5px 5px;
}
label {
	margin-right:1em;
}
	@media(max-width:479px) {
		label {
			margin-left:0;
		}
	}

#form ul li ul {
	max-width:500px;
	margin-left:3em;
}
	@media(max-width:479px) {
		#form ul li ul {
			margin-left:2em;
		}
	}

#form ul li ul li {
	display:inline-block;
}

#form .pcheck {
	text-align:center;
	line-height:1.8;
}
	@media(max-width:479px) {
		#form .pcheck {
			line-height:1.6;
		}
	}

#form .pcheck a {
	text-decoration:underline;
	margin:0 5px;
}
#form .pcheck {
	margin-bottom:30px;
}

#form .submit {
	text-align:center;
	margin-bottom:70px;
}
#form .submit > a {
	display:inline-block;
	font-size:22px;
	padding:30px 0;
	width:25%;
	background-color:#01AF74;
	color:#FFF;
	border-radius:10px;
	margin:0 15px;
}
	@media(max-width:979px) {
		#form .submit > a {
			width:35%;
		}
	}
	@media(max-width:767px) {
		#form .submit > a {
			width:40%;
			padding:25px 0;
		}
	}
	@media(max-width:479px) {
		#form .submit > a {
			width:45%;
			font-size:18px;
			padding:20px 0;
			margin:0 2.5%;
		}
	}
	@media(max-width:379px) {
		#form .submit > a {
			font-size:16px;
		}
	}

div.wrap .tel {
	font-size:22px;
	text-align:center;
	line-height:1.5;
	margin-bottom:120px;
}
div.wrap .tel > h2 {
	font-weight:normal;
}
	@media(max-width:767px) {
		div.wrap .tel > h2 {
			font-size:18px;
		}
	}
	@media(max-width:479px) {
		div.wrap .tel > h2 {
			font-size:17px;
		}
	}

div.wrap .tel > a {
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	color:#01AF74;
	font-size:43px;
}
	@media(max-width:767px) {
		div.wrap .tel > a {
			font-size:32px;
		}
	}

div.wrap .tel > p {
	font-size:16px;
}
	@media(max-width:479px) {
		div.wrap .tel > p {
			font-size:14px;
		}
	}

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;
}
