@charset "utf-8";

#title {
	background:url(../images/title_bg.jpg) center center no-repeat;
	background-size:cover;
	color:#FFF;
}

h2 {
	font-size:26px;
	margin-bottom:15px;
	line-height:1.3;
}
	@media(max-width:767px) {
		h2 {
			font-size:20px;
		}
	}

#tel {
	margin-bottom:80px;
}
#tel > a {
	font-size:30px;
	margin-bottom:10px;
}
	@media(max-width:767px) {
		#tel > a {
			font-size:24px;
		}
	}

#tel > p {
	line-height:1.6;
}

#form {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#form {
			margin-bottom:100px;
		}
	}

#form > p {
	line-height:1.6;
	margin-bottom:50px;
}

#form table {
	width:100%;
	max-width:700px;
	margin:0 auto 50px auto;
	border-collapse:collapse;
	border-bottom:1px solid #999;
}

#form table th, #form table td {
	vertical-align:middle;
	padding:15px 10px;
	border-top:1px solid #999;
}
	@media(max-width:767px) {
		#form table th, #form table td {
			display:block;
			padding:10px;
			border:0;
			width:auto !important;
		}
	}

#form table th {
	font-weight:normal;
	text-align:left;
	width:35%;
	line-height:1.3;
}
	@media(max-width:767px) {
		#form table th {
			border-top:1px solid #999;
			padding:15px 10px 0 10px;
		}
	}

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

#form table th span {
	font-size:13px;
	color:#E83828;
}

#form table th p{
	font-size:13px;
	display:inline;
}

input, textarea {
	font-size:18px;
}
.namae {
	width:120px;
}
	@media(max-width:479px) {
		.namae {
			width:80px;
		}
	}

.phone {
	width:100%;
	max-width:300px;
}
.mail {
	width:100%;
	max-width:300px;
}
.postcode {
	width:120px;
}
.address {
	width:100%;
	max-width:360px;
}

input[type=radio] {
	margin-left:10px;
}
#comment {
	width:100%;
	max-width:360px;
	height:120px;
	display:block;
}

.kind {
	margin-bottom:20px;
}

	@media(max-width:767px) {
		.submit td {
			text-align:center;
		}
	}

p.complete {
	text-align:center;
	margin-bottom:100px;
}
p.error {
	width:768px;
	margin:0 auto 50px auto;
	margin-bottom:20px;
	border:1px dotted #FF6262;
	background-color:#FFF4F4;
	padding:15px;
	color:#F00;
	line-height:1.3;
	text-align:left;
}
	@media(max-width:980px) {
		p.error {
			width:688px;
		}
	}
	@media(max-width:767px) {
		p.error {
			width:auto;
			margin:0 auto 30px auto;
		}
	}