@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.
 */

/*
 * 入力時に付加するclass
 */
form.wpcf7-form-mode-edit{
	
}

/*
 * 確認時に付加するclass
 */
form.wpcf7-form-mode-confirm{
	
}
form.wpcf7-form-mode-confirm th{	/* 問い合わせページのプレビューで、<TH>の幅が広がりすぎるので  */
	width:180px;
}

/*
 * 「確認へ」を押したときの入力チェックでひっかかった時に表示するメッセージ
 */
form.wpcf7-form ul.error-messages{
	color:#DC0003;
}
form.wpcf7-form ul.error-messages li::before {
    background: #DC0003;
}
form.wpcf7-form ul.error-messages li{
	margin:0;
	
}

/*
 * 入力チェックに引っかかったときに tr.addClass('error')
 */
form.wpcf7-form table tr td .error input,
form.wpcf7-form table tr td .error select,
form.wpcf7-form table tr td .error textarea{
	background-color:#FFC2C2;
}

/*
 * プレビュー時のテキスト
 */
form.wpcf7-form table td span.wpcf7-form-control-wrap-confirm,{
	color:#333;
}

/*
 * ボタンエリア、確認へ
 */
form.wpcf7-form p.buttons-area-confirm,
form.wpcf7-form p.buttons-area{
	display: flex;
	justify-content: center;
	text-align:center;
	width: 100%;
}

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

}
	.form_area .item input {
		box-shadow: none;
	}

	.form_area .buttons-area{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.error-messages{
		margin: 20px auto  40px !important;
		background-color: #FFC2C2;
		border-radius: 8px;
	}
	.error-messages li{
		list-style-type: none !important;
		padding: 5px 15px !important;
	}
	.error-messages li:first-child{
		padding: 15px 15px 10px !important ;
	}
	.error-messages li:last-child{
		padding: 10px 15px 15px !important ;
	}
	
	
	.wpcf7-form-mode-edit #wrap_contact input[type="button"].button-confirm, 
	.wpcf7-form-mode-confirm #wrap_contact input[type="submit"] {
		cursor: pointer;
		border: 2px solid #c7000a;
		background: #c7000a;
		box-shadow: none;
		border-radius: 0px;
		color: #fff;
		padding: 15px 0;
		width: 46% !important;
		font-size: 1.6rem;
		margin: 0 1% 0 !important;
	}
	
	.wpcf7-form-mode-confirm #wrap_contact input[type="button"].button-rewrite {
		
		cursor: pointer;
		border: 2px solid #000;
		background: #000;
		box-shadow: none;
		border-radius: 0px;
		color: #fff;
		display: block;
		text-align: center;
		line-height: 1;
		font-weight: 500;
		padding: 15px 0;
		width: 46% !important;
		font-size: 1.6rem;
		margin: 0 1% 0 !important;
	}
	
	.wpcf7-list-item{
	display: block;
	margin: 5px 0;
	}
	.address01{
		margin-bottom: 8px;
    margin-left: 8px;
    display: inline-block;
	}
	
	.wpcf7-form-mode-confirm #wrap_contact table th span,
	.wpcf7-form-mode-confirm #wrap_contact .txt_edit,
	.wpcf7-form-mode-confirm #wrap_contact .txt_sent{
	  display:none;
	}
	
	.wpcf7-form-mode-edit #wrap_contact .txt_confirm,
	.wpcf7-form-mode-edit #wrap_contact .txt_sent{
	  display:none;
	}
	
	.sent #wrap_contact .txt_confirm,
	.sent #wrap_contact .txt_edit,
	.sent #wrap_contact table
	{
	  display:none;
	}
	
	.sent #wrap_contact .txt_sent{
	  display:block;
	}

	.sent #wrap_contact #form_box{
		display:none;
	}
	
	div.wpcf7-mail-sent-ok {
		border: none;
		padding:0;
		margin:0;
	}
	
	.wrap_error{
		margin-top: 15px;
	}

	.wrap_error ul{
		margin-left: 2em;
	}

	.wrap_error ul li{
		padding: 5px 0;
		list-style-type: disc;
		margin-left: 1.5em;
		font-size: 1.5rem;
	}
	
	.wpcf7-response-output{
		display: none;
	}

	@media screen and (max-width:768px){

	

	}