/* CSS Document */

.c-alert {
	color: #403000;
	background: #EAE9E5;
	padding: 20px;
  margin: 30px 0;
  line-height: 1.6;
  text-align: left;
}
@media only screen and (max-width: 768px) {
	.c-alert {
		margin: 20px 0;
	}
}

/* form */
.formTable {
	width:100%;
}
.formTable th,
.formTable td {
	line-height:1;
	padding:10px 0;
	vertical-align: top;
}
.formTable th {
	overflow:auto;
	padding-right:10px;
	padding-top: 25px;
	text-align: right;
	width:200px;
}
.formTable td {
	text-align:left;
}
.formTable input[type="text"],
.formTable input[type="email"],
.formTable input[type="tel"],
.formTable select,
.formTable textarea {
  border: 2px solid #d7dee2;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	border-radius: 4px;
	box-sizing: border-box;
  font-size: 14px;
	height: 40px;
	padding: 7px;
	width: 100%;
}
.formTable input[type="text"]:focus,
.formTable input[type="email"]:focus,
.formTable input[type="tel"]:focus,
.formTable select:focus,
.formTable textarea:focus {
	outline: 0;
}
.formTable textarea {
	min-height:200px;
	width:100%;
}

/* 確認ボタン */
form .btn_confirm {
	margin:20px auto;
	width:200px;
}
form .btn_confirm button {
	background-color: #403000;
  box-shadow: none;
  cursor: pointer;
  color: #fff;
  display: block;
  font-size: 14px;
  line-height: 45px;
  text-align: center;
  width: 100%;
  border: none;
}

/* エラー */
.formTable td input.error,
.formTable td select.error,
.formTable td textarea.error {
	border-color:#ff3333;
}
label.error {
	color:#ff3333;
	display:block;
	font-size:14px;
	margin-top:10px;
}

/* 確認画面 */
.conf .formTable {
	margin-top: 30px;
}
.conf .formTable th {
	padding-top: 12px;
  padding-right: 30px;
}
.conf .formTable td {
	line-height:1.5;
}
.conf .btn_area {
	letter-spacing:-0.4em;
	margin-top:30px;
	text-align:center;
}
.conf .btn_area p {
	display:inline-block;
	letter-spacing:1px;
	vertical-align:middle;
}
.conf .btn_area .btn_submit {
	background-color: #403000;
	border: none;
	cursor:pointer;
	color:#fff;
	display:block;
  font-size: 14px;
  line-height: 45px;
	text-align:center;
	width:200px;
}
.conf .btn_area .btn_submit.btn_back {
	background-color:#fff;
	border:1px solid #403000;
	color:#403000;
	margin-right:30px;
}

/* 完了画面 */
.thanks .txt_thanks {
	margin-top:60px;
}
.thanks .txt_thanks p {
	text-align:center;
}
.thanks .txt_thanks p:nth-child(n+2) {
	margin-top:1em;
}


/*SPLayout
------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	/* form */
	.formTable th,
	.formTable td {
		display:block;
		width:100%;
	}
	.formTable th {
		border-bottom:none;
		overflow:inherit;
		padding:15px 0 0;
		text-align: left;
	}
	.formTable td {
		padding:10px 0 0;
	}
	.formTable input[type="text"],
	.formTable input[type="email"],
	.formTable input[type="tel"],
	.formTable select,
	.formTable textarea {
	}
	.formTable textarea {
		min-height:120px;
	}
	
	/* 確認ボタン */
	form .btn_confirm {
		margin-top:20px;
		width:100%;
	}
	
	/* エラー */
	label.error {
		font-size:13px;
		margin-top:10px;
	}
	
	/* 確認画面 */
	.conf .formTable {
		margin-top: 10px;
	}
	.conf .formTable th {
		padding-top: 20px;
		padding-right: 0;
	}
	.conf .btn_area p {
		display:block;
		letter-spacing:1px;
		width:100%;
	}
	.conf .btn_area .btn_submit {
		width:100%;
	}
	.conf .btn_area .btn_submit.btn_back {
		margin-right:0;
		margin-bottom:15px;
	}
	
	/* 完了画面 */
	.thanks .txt_thanks {
		margin-top:30px;
	}
	
}