@charset "UTF-8";

/*----------------------------------------------------
	☆お問い合わせフォーム（このページ専用）
----------------------------------------------------*/

/* サイドメニューの見出し（画像を使わずテキストで表示） */
#sideMenu div.categoryMenu h2 {
	font-size:116%!important;
	line-height:140%;
	color:#454545;
	padding:14px 0 10px 16px;
}

/* ご確認のお願い */
.contactNotice {
	background-color:#FFFAEF;
	border:1px solid #E7DDD0;
	margin-bottom:20px;
	padding:15px 20px;
}

.contactNotice__title {
	color:#86B213;
	font-weight:bold;
	margin-bottom:8px;
}

.contactNotice .indList {
	margin-bottom:0;
}

/* 入力エラー */
.errorBlock {
	background-color:#FDF0F0;
	border:1px solid #E0A0A0;
	margin-bottom:20px;
	padding:12px 15px;
}

.errorBlock__title {
	color:#C33;
	font-weight:bold;
}

.formTable tr.error th,
.formTable tr.error td {
	background-color:#FDF0F0;
}

span.error {
	color:#C33;
	display:block;
	font-size:85%!important;
	margin-top:5px;
}

span.error:empty {
	display:none;
}

/* フォームテーブル */
.formTable {
	border-collapse:collapse;
	margin-bottom:20px;
	width:100%;
}

.formTable th,
.formTable td {
	border-bottom:1px dotted #D0C69F;
	padding:15px 10px;
	text-align:left;
	vertical-align:top;
}

.formTable th {
	color:#68523A;
	font-weight:normal;
	width:220px;
}

.formLabel.-required {
	background-color:#C33;
	border-radius:2px;
	color:#FFF;
	font-size:77%!important;
	margin-left:8px;
	padding:1px 6px;
}

.input,
.textarea {
	border:1px solid #CCC;
	box-sizing:border-box;
	font-size:100%;
	padding:8px;
}

.input {
	width:320px;
}

.textarea {
	height:160px;
	width:100%;
}

.inputWrap.-tel {
	align-items:center;
	display:flex;
}

.inputWrap.-tel .input {
	width:80px;
}

.inputWrap__sep {
	margin:0 8px;
}

.formPrivacy {
	background-color:#FFFAEF;
	border:1px solid #E7DDD0;
	margin-bottom:20px;
	padding:15px 20px;
	text-align:center;
}

.formPrivacy__title {
	margin-bottom:10px;
}

.formPrivacy a {
	color:#86B213;
}

/* ボタン */
.formButton {
	text-align:center;
}

.formButton li {
	display:inline-block;
	margin:0 8px;
}

.btnSubmit {
	background-color:#86B213;
	border:none;
	border-radius:3px;
	color:#FFF;
	cursor:pointer;
	display:inline-block;
	font-size:116%!important;
	padding:14px 50px;
	text-decoration:none;
}

.btnSubmit:hover {
	background-color:#749909;
}

.btnSubmit.-reverse {
	background-color:#FFF;
	border:1px solid #86B213;
	color:#86B213;
}

.btnSubmit.-reverse:hover {
	background-color:#F5F9EC;
}