/* 基本カラー（グレー）:#666 */



/* ================== mailform ================== */

#formWrap {
width:100%;
margin:0 auto;
}

#formWrap p{
margin:0 0 20px 0;
padding:0;
}

.formTable{
width:100%;
margin:0 auto 30px auto;
border-collapse:collapse;
}

.formTable td,.formTable th{
border:1px solid #ccc;
padding:20px;
}

.formTable th{
width:30%;
font-weight:normal;
background:#E6E6E6;
text-align:left;
}

.formTable label{
margin:0.5em 0;
padding:0;
font-family: "Zen Kaku Gothic New", sans-serif;
display:block;
}

.formTable input, .formTable textarea{
padding:10px;
}

.contact_info{
margin:1em 0;
padding:20px 20px 0 20px;
border:2px #333 dotted;
line-height:1.6em;
}

.error-messe-erea h4{
padding-bottom:20px;
}

.form-button {
padding:1em 4em;
text-align:center;
}


/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (min-width: 0px) and (max-width: 750px)  {

#formWrap {
width:95%;
margin:0 auto;
}

.formTable th, .formTable td {
width:auto;
display:block;
}

.formTable th {
margin-top:5px;
border-bottom:0;
padding:10px;
}

form input[type="text"] {
width:95%;
padding:5px;
font-size:110%;
display:block;
}

form textarea {
width:90%;
padding:5px;
font-size:110%;
display:block;
}

.form-button {
display:block;
width:100%;
margin-bottom:20px;
}

}