@charset "utf-8";
/* =================================================================================
 お問い合わせ入力
================================================================================= */

.formWrap .textArea{
	margin-bottom:20px;
	padding: 15px;
	border: 1px solid #6f624e;
}

.formWrap .formTtl{
	margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #6f624e;
    font-size: 18px;
    font-weight: bold;
}

.icon_required {
    display: inline-block;
    margin:0 5px 3px;
    padding: 2px 3px;
    background-color: #f44040;
    color: #fff;
    font-size: 10px;
	font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

/* form 共通 */
.wpcf7 .screen-reader-response[role="alert"]{
	margin-bottom: 20px;
	padding:15px;
	border: 2px solid #f44040;
	box-sizing: border-box;
	font-weight: bold;
	color: #f44040;
}

.wpcf7 .screen-reader-response ul,
.wpcf7 .wpcf7-not-valid-tip{display: none;}


.wpcf7-form p{
	margin-bottom: 20px;
	padding-bottom:20px;
	border-bottom: 1px dashed #6f624e;
	box-sizing: border-box;
}

.wpcf7-form .ttl,
.wpcf7-form .ttl_2{
	display:block;
	margin-bottom: 5px;
	vertical-align: top;
}

.wpcf7-form .ttl{
	font-size:16px;
	font-weight:bold;
}

.wpcf7-form label{
	display:block;
	width:auto;
	margin-bottom: 15px;
}

.wpcf7-form label:last-child{margin-bottom: 0;}

.wpcf7-form .wpcf7-form-control{
	display:block;
	width: 100%;
	box-sizing:border-box;
}

.wpcf7-form .address01 select{width:196px;}

/* 種別 ラジオボタン */
.wrapFormArea .wpcf7-radio label{
	display:inline-block;
	width:auto;
}

.wrapFormArea .first label{margin-right: 20px;}


/* 電話番号 */
.wpcf7-form .wpcf7-tel{
	display: inline-block;
	width: 29%;
}

.wpcf7-form .tel-01{margin-right: 5px;}
.wpcf7-form .tel-02{margin: 0 5px;}
.wpcf7-form .tel-03{margin-left: 5px;}

/* 住所 */
.wpcf7-form .ttl_3{
	display: block;
	font-size:16px;
	font-weight:bold;
	margin-bottom: 15px;
}

.wpcf7-form .outline{
	display:block;
	font-size: 14px;
	font-weight: normal;
}

.wpcf7-form .address01{display: inline-block;}

.wpcf7-form .address01 select{border: 1px solid #6f624e;}

.wpcf7-form .add input,
.wpcf7-form .add select{
	display:inline-block;
	width:90px;
}

.wpcf7-form-control-wrap input{
	display: inline-block;
	width: auto;
}

.wpcf7-form .addArea{
	display: block;
	margin-bottom: 15px;
}

.wpcf7-form .addArea:last-child{margin-bottom: 0;}

.btnPostalCode {
    display: inline-block;
    margin: 10px 0;
    padding: 5px 8px;
    color: #fff;
    background: #211c16;
}

/* テキストエリア */
.wpcf7-form .wpcf7-textarea{
	display:block;
	width:100%;
	height:100px;
}

.wpcf7-form .code01 .wpcf7-form-control,
.wpcf7-form .code02 .wpcf7-form-control{
	display: inline-block;
	width: 90px;
}

.wpcf7-form .code01{margin-right: 5px;}
.wpcf7-form .code02{margin-left: 5px;}


.wpcf7 .wpcf7-response-output[role="alert"]{
	padding:15px;
	border: 2px solid #f44040;
	box-sizing: border-box;
	font-weight: bold;
	color: #f44040;
}


@media only screen and (min-width:640px){
	.wpcf7-form{
		width:980px;
		margin: 0 auto;
	}

	.wpcf7 .screen-reader-response[role="alert"]{
		margin-bottom: 40px;
		padding: 20px 15px;
		text-align: center;
	}
	
	.formWrap{
		width: 980px;
		margin: 0 auto;
	}

	.formWrap .textArea{
		margin-bottom:30px;
		padding: 20px;
	}

	.formWrap .formTtl{
		margin-bottom: 20px;
    	padding-bottom: 15px;
		font-size:20px;
		text-align:center;
	}

	/* form 共通 */
	.wpcf7-form p{
		margin-bottom: 30px;
		padding-bottom:30px;
		font-size: 0;
	}

	.wpcf7-form span {font-size: 14px;}

	.wpcf7-form .ttl,
	.wpcf7-form .ttl_2{
		display:inline-block;
		margin-bottom: 0;
	}

	.wpcf7-form .ttl{width:350px;}
	.wpcf7-form .ttl_2{width:35px;}
	
	.wpcf7-form label{
		display: inline-block;
		margin: 0 20px 0 0;
		font-size:14px;
		font-size: 0;
	}
	
	.wpcf7-form label:last-child{margin: 0;}
	
	.wpcf7-form .addArea .ttl_2{width:350px;}
	
	.wpcf7-form .wpcf7-form-control{
		display:inline-block;
		width: 630px;
		height: 45px;
	}

	.wpcf7-form .code01 .wpcf7-form-control,
	.wpcf7-form .code02 .wpcf7-form-control{width: 90px;}
	
	.your-message,
	.addressArea{
		display: inline-block;
		width: 630px;
	}

	.wpcf7-form .your-name1-1 input,
	.wpcf7-form .your-name1-2 input,
	.wpcf7-form .your-name2-1 input,
	.wpcf7-form .your-name2-2 input,
	.wpcf7-form .names{width: 305px;}
	
	/* 種別 ラジオボタン */
	.wrapFormArea .first label{margin-right:40px;}
	
	.wrapFormArea .wpcf7-radio{height: auto;}
	
	/* 電話番号 */
	.wpcf7-form .wpcf7-tel{width: 100px;}
	
	/* 住所 */
	.wpcf7-form .ttl_3{
		float: left;
		width: 250px;
		margin-bottom: 0;
	}
	
	.ttl_pc .outline{
		display:block;
		font-weight: normal;
	}
	
	.wpcf7-form .conWrap{float:right;}
	
	.wpcf7-form .addArea{margin-bottom: 20px;}
	
	.wpcf7-form .addArea:last-child{margin-bottom: 0;}
	
	.btnPostalCode {
		margin-left: 20px;
		cursor: pointer;
	}
	
	/* テキストエリア */
	.wpcf7-form .wpcf7-textarea{
		display:inline-block;
		height:150px;
		vertical-align:top;
	}
	
	.wpcf7-form .btnCmn01{
		display: block;
		width: 400px;
		margin: 0 auto;
	}
	
	.wpcf7 .wpcf7-response-output[role="alert"]{
		margin-bottom: 40px;
		padding: 20px 15px;
		text-align: center;
	}

}

/*ボタン横並び*/
.wrapTwoClm{
	display: flex;
	width: 860px;
    margin: 0 auto;
}

.wpcf7-form .wrapTwoClm .btnBack{
	display: block;
	width: 400px;
	margin: 0 auto;
	color: #fff;
	background: #777;
}

.wpcf7-form .btnBack:hover{
	background: #ff882e;
	transition: all .8s;
}

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

	.wrapTwoClm{
		display: block;
		width: 100%;
	}

	.wpcf7-form .wrapTwoClm .btnBack{
		width: 100%;
		padding: 10px 10px 8px;
	}

	.wpcf7-form .wrapTwoClm input:first-child{margin-bottom: 20px;}

}


/*ボタン横並び2*/
@media only screen and (min-width:640px){
	.wpcf7-form .btnCmn01{
		display: inline-block ;
		width: 400px;
		margin: 0;
	}

	.wpcf7-form .btnCmn04{
		display: inline-block;
		width: 400px;
		margin: 0;
	}

	.reverse{
		display: flex;
		justify-content: center;
		flex-direction: row-reverse;
	}
}

/*ボタンスペース*/
.wpcf7-form .btnSpace{margin:0 0 20px;}

@media only screen and (min-width:640px){
	.wpcf7-form .btnSpace{margin-right:20px;}
}

/* EOF */