/* お問い合わせフォーム。表の線・背景は旧サイトと同じテーマの .page-contact table.formTable を使う */
/* ブロックで置いたときの外枠（旧サイトの #formWrap と同じ幅・文字） */
.contact-form-wrap { width: 640px; max-width: 100%; margin: 0 auto; color: #555; line-height: 120%; font-size: 90%; }
.contact-form .formTable input[type="text"],
.contact-form .formTable input[type="email"],
.contact-form .formTable input[type="tel"],
.contact-form .formTable textarea {
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	padding: 6px 8px;
	border: 1px solid #bbb;
	font: inherit;
	font-size: 15px;
}
.contact-form .formTable input[type="text"],
.contact-form .formTable input[type="tel"] { max-width: 300px; }
.contact-form .formTable [aria-invalid="true"] { border-color: #d63638; background: #fff6f6; }
.contact-required { display: inline-block; margin-left: 4px; padding: 0 5px; font-size: 11px; line-height: 1.6; color: #fff; background: #d63638; border-radius: 2px; vertical-align: 1px; }
.contact-error { margin: 4px 0 0; color: #d63638; font-size: 13px; }
.contact-message { margin: 16px 0 0; padding: 10px 14px; line-height: 1.7; white-space: pre-line; }
.contact-message.is-error { border: 1px solid #d63638; background: #fff6f6; color: #b32d2e; }
.contact-message.is-done { border: 1px solid #00a32a; background: #f0faf2; color: #1d6b2f; font-size: 15px; }
.contact-actions { margin: 18px 0 0; text-align: center; }
.contact-submit {
	min-width: 180px;
	padding: 10px 24px;
	border: 1px solid #262626;
	background: #262626;
	color: #fff;
	font: inherit;
	font-size: 15px;
	cursor: pointer;
}
.contact-submit:hover { opacity: .85; }
.contact-submit:disabled { opacity: .5; cursor: default; }
.contact-noscript { color: #b32d2e; }
/* 見えない罠の欄（画面の外に出す。display:none だと見抜くロボットがいるため） */
.contact-trap { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
@media (max-width: 640px) {
	.page-contact table.formTable th,
	.page-contact table.formTable td { display: block; width: auto; }
	.page-contact table.formTable th { border-bottom: 0; }
}