@charset "utf-8";

/* フォーム
--------------------------------------------------*/
.form .read {
	margin: 0 0 30px;
}
	.form .read p {
		margin: 0 0 20px;
	}
		.form .read p span {
			font-weight: bold;
			color: #f00;
		}

.form table {
	width: 100%;
	margin: 0 0 20px;
}
	.form table th,
	.form table td {
		border: 1px solid #918E7D;
		padding: 10px 18px;
			}
	.form table th {
		border-right: none;
		background: #ECE8CC;
		font-weight: bold;
		width: 179px;
		vertical-align: top;
	}
		.form table th span {
			color: #f00;
			margin: 0 0 0 5px;
		}
	.form table td {
		border-left: none;
	}
		.form table td .pr {
			width: 100%;
			word-break: break-all;
			overflow-y: scroll;
		}
		.form table td.reInput {
			background: #fdd;
		}
			.form table td div.Error {
				padding: 0 0 3px;
				color: #f00;
				font-weight: bold;
			}
		.form table td input.txtBox,
		.form table td textarea {
			border: 1px solid #ccc;
			background: #fff;
			width: 205px;
			margin: 0 10px 0 0;
			padding: 5px;
			vertical-align: middle;
			ime-mode: active;
		}
		.form table td input.txtBox.ascii,
		.form table td textarea.ascii {
			ime-mode: disabled;
		}
		.form table td input.short { width : 100px; }
		.form table td input.middle { width : 445px; }
		.form table td input.long { width : 680px; }
		.form table td textarea { width : 680px; height : 105px; }
		
		.form table td .telKind {margin-bottom: 10px;}
		.form table td input#grade {margin-left: 30px;}
		
		.form table td label {
			width: 10em;
			white-space: nowrap;
			cursor: pointer;
			display: inline-block;
		}
		* html .form table td label {display: inline;zoom: 1;}
		*+html .form table td label {display: inline;zoom: 1;}
			.form table td label input {
				vertical-align: baseline;
				margin: 0 5px 0 0;
			}
		/* 学歴 */
		.form table td.school dl {
			margin: 0 0 10px;
		}
			.form table td.school dl dt {
				float: left;
				width: 6em;
				margin: 6px 0 0;
			}
		.form table td.school .check {
			margin-left: 6.2em;
		}
		/* 教えることが出来る教科 */
		.form table td.subject dl.junior {
			float: left;
			width: 255px;
		}
			.form table td.subject dl.junior dd label {
				width: 2.2em;
				margin-right: 10px;
			}
		.form table td.subject dl.high {
			float: right;
			width: 435px;
		}
			.form table td.subject dl.high dd label {
				width: 5em;
				margin-right: 10px;
			}


.form .attention {
	text-align: center;
	padding: 12px 0;
	background: #006;
	margin: 0 0 20px;
	font-size: 18px;
	color: #fff;
}

.form ul.submit {
	text-align: center;
	letter-spacing: -0.4em;
}
	.form ul.submit li {
		display: inline-block;
		vertical-align: middle;
		margin: 0 13px;
		letter-spacing: normal;
	}
	* html .form ul.submit li {display: inline;zoom: 1;}
	*+html .form ul.submit li {display: inline;zoom: 1;}
	.form ul.submit li form {
		display: inline;
	}

.form.finish {
	text-align: center;
}
	.form.finish p {
		margin: 30px 0 0;
		line-height: 2;
	}

.form .tels {
	font-size: 19px;
}
	.form .tels span {
		vertical-align: middle;
	}
	.form .tels .from {
		margin-right: 12px;
		color: #333;
		font-size: 15px;
	}
	.form .tels .text {
		display: inline-block;
	}

/* sp
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	.form .read {
	}
		.form .read p {
			width: 100%;
		}
		.form .read p img {
			width: 100%;
		}
			.form .read p span {
			}
	
	.form h2 {
		width: 100%;
	}
		.form h2 img {
			width: 100%;
		}

	.form table {
	}
		.form table th,
		.form table td {
			width: 100%;
			display: block;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.form table th {
			border-right: 1px solid #918E7D;
		}
			.form table th span {
			}
		.form table td {
			border-left: 1px solid #918E7D;
		}
			.form table td.reInput {
			}
				.form table td div.Error {
				}
			.form table td input.txtBox,
			.form table td textarea {
				width: 100%;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			.form table td input.txtBox.ascii,
			.form table td textarea.ascii {
			}
			.form table .names {
				letter-spacing: -0.5em;
			}
				.form table .names input:nth-child(1) {
					margin: 0 10% 0 0;
					letter-spacing: normal;
					width: 45%;
				}
				.form table .names input:nth-child(2) {
					margin: 0;
					letter-spacing: normal;
					width: 45%;
				}
			.form table td input.short {
				width: 25%;
			}
			.form table td input.middle {
				width: 100%;
			}
			.form table td input.long {
				width: 100%;
			}
			.form table td textarea {
			}

			.form table td .telKind {
			}
			.form table td input#grade {
			}
	
			.form table td label {
				margin-left: 15px;
				width: auto;
			}
				.form table td label:first-child {
					margin-left: 0;
				}
				.form table td label input {
				}
			.form table td.longLabel label {
				margin-left: 5px;
				width: auto;
			}
				.form table td.longLabel label:first-child {
					margin-left: 0;
				}
			/* 学歴 */
			.form table td.school dl {
			}
				.form table td.school dl dt {
				}
			.form table td.school .check {
				float: right;
				margin-left: 0;
			}
			/* 教えることが出来る教科 */
			.form table td.subject dl.junior {
				margin: 0 0 15px;
				float: none;
				width: 100%;
				letter-spacing: -0.5em;
				
			}
				.form table td.subject dl.junior dt {
					margin: 0 0 5px;
					letter-spacing: normal;
				}
				.form table td.subject dl.junior dd label {
					width: 18%;
					margin: 0 2.5% 0 0;
					letter-spacing: normal;
				}
					.form table td.subject dl.junior dd label:nth-child(5n) {
						margin: 0;
					}
			.form table td.subject dl.high {
				float: none;
				width: 100%;
				letter-spacing: -0.5em;
			}
				.form table td.subject dl.high dt{
					margin: 0 0 5px;
					letter-spacing: normal;
				}
				.form table td.subject dl.high dd label {
					letter-spacing: normal;
					width: 30%;
					margin: 0 5% 5px 0;
				}
					.form table td.subject dl.high dd label:nth-child(3n) {
						margin: 0;
					}
			/* 学年 */
			.form table td.schoolGrade #school{
				width: 45%;
			}
			.form table td.schoolGrade #grade{
				margin-left: 15px;
				width: 10%;
			}

	.form .attention {
		font-size: 16px;
	}
		.form .attention img{
			width: 100%;
		}
	
	.form ul.submit {
	}
		.form ul.submit li {
		}
		.form ul.submit li form {
		}

	.form.finish {
	}
		.form.finish p {
			margin: 30px 0 0;
			line-height: 2;
		}
	.form .tels {
		font-size: 16px;
		line-height: 1;
	}
		.form .tels span {
		}
		.form .tels .from {
			margin-right: 0;
			width: 100%;
			display: block;
		}
	.form .tels .text {
		display: block;
		width: 100%;
	}
		.form .tels .text img {
			width: 100%;
		}
}