/*==================================================
 * お問い合わせ
 *================================================*/
#mail_form{
	background-color:#f7f6f5;
	padding-bottom:50px;
}


#mail_form #contact_form .inner{ 
	width:85% ;
	margin:0 auto;
	padding:30px 3px;
	background-color:#fff;
}

#mail_form #contact_form .info{ 
	width:90% ;
	display:table;
	margin:0 auto;
}

#mail_form #contact_form .info .text{ 
	display:table-cell;
	vertical-align:middle;
}

#mail_form #contact_form .info .tel{ 
	color:#009933;
	font-size:28px;
	display:table-cell;
	vertical-align:middle;
}

#mail_form #contact_form .info .business_hours{ 
	display:table-cell;
	vertical-align:middle;
}

#mail_form #contact_form .info .business_hours span{ 
	margin-left:15px;
	font-size:12px;
	padding:0 5px;
	border:solid 1px #000;
}

.wpcf7{
	width:90% ;
	margin:0 auto !important;
}

.wpcf7-validation-errors { /* 送信完了メッセージ */
	color:red;
}
.wpcf7-mail-sent-ok{ /* 送信完了メッセージ */
	color:blue;
}
.wpcf7-not-valid-tip{ /* 各項目のエラーメッセージ */
	background-color:pink;
	font-size:12px;
	line-height:16px;
}
.step_message{
	margin-top:30px;
}
#contact_form span.required{
	padding: 0 10px;
	background-color:#009933;
	color:#fff;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */}

#contact_form .div_lavel{
	width:30%;
	border-bottom:solid 1px #ddd;
	padding: 30px 5px;
	height:100%;
}


#contact_form .div_input{
	width:70%;
	border-bottom:solid 1px #ddd;
	padding: 30px 5px;
}
#contact_form .submit_btn{
	margin-top:30px;
	text-align:center;
}

#contact_form .submit_btn input[type="button"]{
	margin-right:20px;
}

#contact_form .submit_btn input[type="button"],
#contact_form .submit_btn input[type="submit"]{
	padding:5px 40px;
	box-shadow: 0 0 0 1px #fff, 0 0 0 3px #999;
	border-radius: 1px;		/* CSS3草案 */
	-webkit-border-radius: 1px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 1px;	/* Firefox用 */
}



/*==================================================
 * PC（979px以下）
 *================================================*/
@media (max-width: 959px) {
#mail_form #contact_form .inner{ 
	width:98% !important;
}
#mail_form #contact_form .info{
	width:98% !important;
}
}

/*==================================================
 * タブレット
 *================================================*/
@media (max-width: 767px) {
#mail_form #contact_form .info{
	text-align:center;
}
#mail_form #contact_form .info .text{ 
	display:table-row;
}

#mail_form #contact_form .info .tel{ 
	display:table-row;
}
#mail_form #contact_form .info .business_hours{ 
	display:table-row;
}
#mail_form #contact_form .info .business_hours span{ 
	margin-left:0px;
}

#contact_form .div_lavel{
	width:100%;
	padding: 20px 5px 5px 5px;
	border-bottom:none;
}

#contact_form .div_input{
	padding: 0 5px 20px 5px;
	width:100%;
}

}

/*==================================================
 * スマホ
 *================================================*/
@media (max-width: 480px) {
#mail_form #contact_form .inner{ 
	padding:0 3px 30px 3px;
}

}