@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
 */
form.wpcf7-form-mode-edit{
	
}

/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{
	
}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
	width:180px;
}
form.wpcf7-form-mode-confirm .email_confirm_line,
/*form.wpcf7-form-mode-confirm .accept_line, */
form.wpcf7-form-mode-confirm .captcha_line,
form.wpcf7-form-mode-confirm .privacy_wrapper,
form.wpcf7-form-mode-confirm  #contact_form :is(.required, .optional),
form.wpcf7-form-mode-confirm  #contact_form .small {	/* 確認時に表示しない項目 */
	display: none;
}
form.wpcf7-form-mode-confirm #contact_form th {
	padding-top: 16px;
}
form.wpcf7-form-mode-confirm #contact_form tr.address {
	border-top: solid 1px #cccccc;
}
form.wpcf7-form-mode-confirm #contact_form tr.address td.noborder,
form.wpcf7-form-mode-confirm #contact_form tr.message :is(th, td) {
	padding-top: 16px;
}
form.wpcf7-form-mode-confirm #contact_form tr.address .box {
	margin-right: 1em;
}
/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
/*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 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:60px 0 165px;	/* was 20px */
	text-align:center;
}

/*
 * ボタンエリア、書き直す、送信（「書き直す」が加わるため位置調整）
 */
form.wpcf7-form p.buttons-area  {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 10px 20px;
	padding-bottom: 165px;
}
form.wpcf7-form p.buttons-area .button-send {	/* 2024.1 Aki */
	order: 2;
}
form.wpcf7-form p.buttons-area .button-rewrite{
	order: 1;	/* 2024.1 Aki */
/*	margin-right:20px; 2024.1 Aki c/o */
}
form.wpcf7-form p.buttons-area .button-rewrite::before {	/* 2024.1 Aki */
	content:"◀";
	display: inlien-block;
	font-size: 1rem;
	vertical-align: bottom;
	margin-right: 6px;
}
form.wpcf7-form p.buttons-area .button-rewrite::after {	/* 2024.1 Aki */
	content: none;
}
/* form.wpcf7-form p.buttons-area .wpcf7-submit{
	margin-left:20px;
}
*/	/* MTL: c/o */


/*
 * 送信後メッセージ
 */
.wpcf7-form.sent .wpcf7-response-output {	/* 2024.1 Aki */
	display: none;
}