@charset "utf-8";
/* ===================================================================
CSS information

 file name  :contact.css
 author     :meets
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */

/*--------------------------------------------------------------------
基本設定
--------------------------------------------------------------------*/
#contact_box{
	width: 1000px;
	margin: 0 auto 20px;
	background: #ffffff;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}

#contact_box h3{
border-left: 5px solid #286399;
font-size: 1.2em;
padding: 0 0 0 10px;
margin: 0 0 20px 0;
font-weight: bold;
}

#contact_box .text_box{
	margin: 0 30px;
	padding: 30px 0 10px 0;
}

#contact_box .text_box p{
margin: 0 0 40px 0;
padding: 0 20px 0 20px;
}

#contact_box table{
	width: 100%;
	padding: 0 50px 20px;
}

#contact_box table th{
	background: #E4E8EB;
}

#contact_box table td{
	overflow: hidden;
	display: flex;
	margin: 0 10px;
}

ul.error_text{
margin: 0 0 40px 0;
padding: 0 20px 0 50px;
}

ul.error_text li{
	margin: 0 0 10px 0;
	color:#CB0003;
}

form table input{
	width: 100%;
	margin: 10px 0 10px 0;
}

form table input[type="text"],
form table input[type="email"],
form table textarea {
    padding: 0.8em;
    outline: none;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 16px;
}
form table textarea {
	width: 100%;
	margin: 10px 0 10px 0;
}

form table input[type="text"]:focus,
form table input[type="email"]:focus,
form table texture:focus {
    box-shadow: 0 0 7px #3498db;
    border: 1px solid #3498db;
}

input[type="button"],
input[type="reset"],
input[type="submit"] {
    border-radius: 0!important;
    background: -moz-linear-gradient(top, #FFF 0%, #EEE)!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE))!important;
    border: 1px solid #DDD!important;
    color: #111!important;
    padding: 10px 30px!important;
    -webkit-border-radius: 3px!important;
    -moz-border-radius: 3px!important;
    border-radius: 3px!important;
}
.wpcf7c-force-hide {
    display:inline !important;
}
input[type="submit"]:hover {
    background: -moz-linear-gradient(top, #EFEFEF 0%, #EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#EEE));
}

p.submit_btn{
	text-align: center;
	padding: 0 0 50px 0;
	margin: 0 0 50px 0;
}