#CONTACT{padding-top: 100px;}

.btn01{ background: #252658; color: #fff;display: inline-block;padding: 15px 0; color: #fff !important; font-size: 110%; width: 350px; border-radius: 10px;transition: all  0.5s ease;}
.btn01:hover{  color: #fff; opacity: 0.9; transform: scale(0.95);}

.formArea{ width: 900px; margin: 0 auto}

.mainForm{padding:;}

.mainForm dl{ width: 100%; display: table; border-top: 1px dashed #ddd;}
.mainForm dt{ width: 30%; display: table-cell;padding:20px 0; vertical-align: middle; color: #252658;}
.mainForm dd{ display: table-cell; padding: 20px 0; vertical-align: top; line-height: 3.5em;}
@media(max-width:750px){
.formArea{ width: auto; margin: 0 50px}
.mainForm dl{ width: auto; display: block; border-top: 1px dashed #ddd;}
.mainForm dt{ width: auto; display: block;padding:30px 0 0; vertical-align: top; font-size: 30px;margin-bottom: 10px;}
.mainForm dd{ display: block; padding: 0px 0 30px ;vertical-align: top; padding-left: 20px;}

}



.mainForm input[type="text"]{ padding: 1em; width: 50%;box-sizing: border-box;border-radius: 10px; border:1px solid #9a9a9a;}
.mainForm select{ padding: 1em; width: auto;box-sizing: border-box;border-radius: 10px; border:1px solid #9a9a9a;}
.mainForm textarea{ padding: 1em; width: 100%; box-sizing: border-box; border-radius: 10px;border:1px solid #9a9a9a;}
.mainForm p.radioList{ line-height: 2em;padding: 20px 0;}
.nameControl{ margin-bottom: 0.5em;}
.submitArea{ text-align: center;}

.formBtn{ padding: 20px 100px; border: none;}

@media(max-width:750px){
.mainForm input[type="text"]{ padding: 0.5em; font-size: 30px;width: 100%;box-sizing: border-box; border: 2px solid #ccc;}
.mainForm select{ padding: 0.5em; font-size: 30px;width: 70%; border: 2px solid #ccc;}
.mainForm textarea{ padding: 0.5em;font-size: 30px; width: 100%; box-sizing: border-box; border:2px solid #ccc;}
.mainForm p.radioList{ line-height: 2em;padding: 20px 0; font-size: 30px;}

}