@charset "utf-8";
/*
 * Copyright (c) 2012 takashi shinohara
 * this Library is licensed. http://aulta.jp/library/
 * http://aulta.jp/library/wordpress/contactForm7Confirm.html
 * last update: 2012-02-15, 0.0.1.
 *
 *	MTL 変更履歴
 *	02-OCT-2012	確認画面の文字色等を変更
 *	24-APR-2019	エラーメッセージの表示位置を各フィールドの次に移動
 */

/*
 * 入力時に付加するclass
 */
#my-contact section#contact_form {
	padding-top: 47px;
	padding-bottom: 89px;
}
#my-contact section#contact_form p.note {
	margin-bottom: 23px;
}
form.wpcf7-form-mode-edit{
	
}
form.wpcf7-form p {
	font-size: 1rem;
	line-height: 1.5;
}
form.wpcf7-form table {
	width: 100%;
	margin-bottom: 80px;
}
form.wpcf7-form tr {
	border-bottom: #E2E2E2 2px solid;
}
form.wpcf7-form table tr:last-of-type {
	border-bottom: none;
}
form.wpcf7-form .red {
	color: #E60013;
}
form.wpcf7-form table tr:not(tr:first-of-type) td p{
	padding-top: 41px;
}
form.wpcf7-form td p {
	padding-bottom: 40px;
}
form.wpcf7-form th {
	width: 184px;
}
form.wpcf7-form th p {
	padding: 53px 40px 54px 0px;
	text-align: center;
}
form.wpcf7-form table tr:first-of-type th p {
	padding-top: 12px;
}
form.wpcf7-form th p,
form.wpcf7-form td p {
}
form.wpcf7-form td p input,
form.wpcf7-form td p textarea {
	width: 100%;
	background-color: var(--iiau-light-brown);
	border-radius: 10px;
	padding: 0 10px;
}
form.wpcf7-form table tr:last-of-type td p {
	padding-bottom: 0;
}
form.wpcf7-form td p input {
	height: 50px;
}
form.wpcf7-form td p textarea {
	height: 200px;
}
form.wpcf7-form table.contactform + p {
	text-align: center;
	margin-bottom: 79px!important;
}
#my-contact form.wpcf7-form p.buttons-area-confirm,
#my-contact form.wpcf7-form p.submit-button {
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}
#my-contact form.wpcf7-form p.buttons-area-confirm input,
#my-contact form.wpcf7-form p.submit-button input {
	background-color: #5D554B;
	font-size: 1.125rem;
	text-align: center;
	color: white;
	font-weight: 500;
	border-radius: 50px;
	border: none;
	width: 154px;
	height: 50px;
}
#my-contact form.wpcf7-form p.buttons-area-confirm input:hover,
#my-contact form.wpcf7-form p.submit-button input:hover {
	background-color: var(--iiau-brown);
}
/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{
	
}
form.wpcf7-form-mode-confirm table tr:not(tr:first-of-type) td p {
	padding-top: 53px;
}
form.wpcf7-form-mode-confirm table tr:first-of-type td p {
	padding-top: 12px;
}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */

}
form.wpcf7-form-mode-confirm .email_confirm_line,
form.wpcf7-form-mode-confirm .accept_line,
form.wpcf7-form-mode-confirm .captcha_line {	/* 確認時に表示しない項目 */
	display: none;
}

/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
/*form.wpcf7-form ul.error-messages{
 *	color:red;
 *}
 */	/* APR-2019 KAZ: revised as follows */
form.wpcf7-form span.wpcf7-form-control-wrap .error-messages {
	display: block;
	color: red;
}

/*
 * 入力チェックに引っかかったときに tr.addClass('error')
 */
/*form.wpcf7-form table tr.error td{
 *	background-color:#FFA8EC;
 *}
 */	/* APR-2019 KAZ: c/o */
form.wpcf7-form .wpcf7-not-valid-tip {
	display: none;	/* 2024.10 KAZ */
}
form.wpcf7-form .wpcf7-file + .wpcf7-not-valid-tip {
	display: block;	/* 2024.10 KAZ */
}

/*
 * プレビュー時のテキスト
 */
/*form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm{
 *	color:green;
 *}
 */	/* MTL: c/o */
form.wpcf7-form span.wpcf7-form-control-wrap-confirm {	/* MTL */
	/*color: black;
	font-weight: bold;*/
}

/*
 * ボタンエリア、確認へ
 */
form.wpcf7-form p.buttons-area-confirm{
	padding:20px;
	/* text-align:center; */
}

/*
 * ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整）
 */
form.wpcf7-form p.buttons-area .button-rewrite{
	margin-right:20px;
}
/* form.wpcf7-form p.buttons-area .wpcf7-submit{
	margin-left:20px;
}
*/	/* MTL: c/o */


/* 送信後 */
form.wpcf7-form div.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output {
	display: none;
}