/* ----------------------------------------------------
※ お問い合わせページで使用するCSSのみが書いてあります
※ お問い合わせページのみで読み込まれます
---------------------------------------------------- */

/* contact
------------------------------------------------------------------------------*/

/* 問い合わせフォーム専用 パンくず */

/* フォーム本体 */
.contact-table,
.contact-table th,
.contact-table td {
	border: 0;
}

.contact-table th {
	display: block;
	padding: 8px 80px 8px 16px;
	width: auto;
}

.contact-table td {
	display: block;
	padding: 8px 12px 16px;
}

/* 個人情報取り扱いの確認 */
.deal-with-personal-info dt {
	font-size: 15px;
	margin-bottom: 15px;
	padding-bottom: 10px;
}

/* フォーム下のアクションボタン */
.contact .form-next-button-wrap > span {
	margin: 0 3%;
}

.contact .form-next-button-wrap .button {
	min-width: 210px;
}


@media screen and (max-width: 559px) {
	.contact .form-pankuzu .location .pc {
		display: none;
	}

	.contact .form-pankuzu .location .mb {
		display: inline-block;
	}

	.contact-table {
		width: 94%;
	}

	.contact-table .sei + .mei {
		margin-left: 0;
		margin-top: 10px;
	}

	.contact-table .sei,
	.contact-table .mei {
		display: block;
		max-width: unset;
		width: 100%;
	}

	.contact-table .sei .textarea, .contact-table .mei .textarea {
		width: 210px;
	}

	.deal-with-personal-info {
		margin-top: 60px;
		width: 94%;
	}

	.deal-with-personal-info .check-agree {
		font-size: 14px;
	}

	.contact .form-next-button-wrap {
		margin-top: 50px;
		width: 94%;
	}

	.contact .form-next-button-wrap > span {
		margin: 3%;
	}
}


/* error
----------------------------------------*/

.error-msg-txt p {
	font-size: 13px;
}


/* complete --- 送信完了画面
----------------------------------------*/

.contact.complete {}

.contact .complete {
	min-height: 250px;
}

.contact .complete .hd2 {
	margin-top: inherit;
}