@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 {
	padding-bottom: 241px;	/* KAZ */
}
form.wpcf7-form h2 {
	text-align: center;
	color: var(--alp-gold);
	font-weight: normal;
	margin-bottom: 100px;
	margin-top: 150px;
	font-size: 2.1875rem;
}
form.wpcf7-form .form_txt {
	font-size: 0.75rem;
}
form.wpcf7-form textarea {
	height: 313px;
}
form.wpcf7-form input[type=text], form.wpcf7-form input[type=email], form.wpcf7-form textarea {
	padding: 16px 20px;
}
form.wpcf7-form input[type=text], form.wpcf7-form input[type=email], form.wpcf7-form textarea, form.wpcf7-form select {
	width: 100%;
	padding-left: 20px;
	background-color: #f2f2f2;
	border: none;
}
form.wpcf7-form select {
	height: 52px;
}
form.wpcf7-form .contactform, form.wpcf7-form .form_txt {
	width: 768px;
	margin: 0 auto 30px;
}
form.wpcf7-form-mode-edit{
	
}
form.wpcf7-form .contactform {
	border: none;
}
form.wpcf7-form .contactform th {
	width: 165px;
}
form.wpcf7-form .contactform th p {
	padding-top: 16px;
}
form.wpcf7-form .contactform th p, form.wpcf7-form .contactform td p {
	margin: 0;
}
form.wpcf7-form .contactform th, form.wpcf7-form .contactform td {
	border: none;
	vertical-align: top;
	padding: 6px 0px 43px 0;
}
form.wpcf7-form .contactform p {
	font-size: 0.9375rem;
}
form.wpcf7-form :placeholder-shown, form.wpcf7-form .wpcf7-select option:first-child {
	color: #cccccc;
}
form.wpcf7-form .contactform option {
	border: 1px solid white;
}
.wpcf7 form.wpcf7-form .wpcf7-response-output {	/* 2025.3 KAZ: ChkHTML */
	width: var(--ab-wall-width);
	max-width: 768px;
	margin-inline: auto;
}

/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{
	
}
form.wpcf7-form-mode-confirm .form_txt {
	display: none;
}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
	width:180px;
}
form.wpcf7-form-mode-confirm .contactform td p {
	padding-top: 16px;
}
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;
/*	margin-bottom: 257px; */
}
form.wpcf7-form p.buttons-area-confirm input, form.wpcf7-form p.buttons-area .wpcf7-submit, form.wpcf7-form p.buttons-area .button-rewrite {
	background-color: #cdb576;
    color: white;
    border: none;
    border-radius: 30px;
    padding: 16px 104px;
}
form.wpcf7-form p.buttons-area-confirm input:hover, form.wpcf7-form p.buttons-area .wpcf7-submit:hover, form.wpcf7-form p.buttons-area .button-rewrite:hover {
	opacity: 0.7;
}

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


/* 送信後 */
form.wpcf7-form div.wpcf7-mail-sent-ok,
.wpcf7-form.sent .wpcf7-response-output {
/*	display: none; */
}
/* SP Style */
@media screen and (max-width: 767px) {
	form.wpcf7-form {
		padding-bottom: 90px;
	}
	form.wpcf7-form .contactform {
		margin: 0 auto 50px;
	}
	form.wpcf7-form .form_txt {
		margin: 0 auto 33px;
	}
	form.wpcf7-form .contactform, form.wpcf7-form .form_txt {
		width: var(--ab-wall-width);
	}
	form.wpcf7-form .contactform tr {
		display: flex;
		flex-direction: column;
	}
	form.wpcf7-form .contactform th {
		padding: 0px 0px 15px 0;
	}
	form.wpcf7-form .contactform td {
		padding: 0px 0px 9px 0;
	}
	form.wpcf7-form .contactform tr:last-child td {
		padding: 0;
	}
	form.wpcf7-form p.buttons-area-confirm input, form.wpcf7-form p.buttons-area .wpcf7-submit, form.wpcf7-form p.buttons-area .button-rewrite {
		padding: 9px 30px;
	}
	form.wpcf7-form textarea {
		height: 413px;
	}
	form.wpcf7-form p.buttons-area-confirm {
		margin-bottom: 0;
	}

}