@charset 'utf-8';
#contact_from { margin: 0 auto; max-width: 1000px; width: 100%; }
#contact_from label { padding-top: 0; margin: 0;}
#contact_from .required, textarea.required { position: relative; top: 3px; background: #fff !important; border: 1px solid transparent;}
#contact_from .form-group {display: flex; padding: 10px 0; margin: 0;  border-bottom: 1px solid #e1e1e1;}
#contact_from .form-group label { padding-left: 15px; width: 150px; font-weight: 500; color: #333; }
#contact_from .form-group label + div { flex:1;}


#contact_from .form-group label,
#contact_from .form-group input { height: 40px; line-height: 40px; }
#contact_from .form-group textarea {}



#contact_from .form-group input,
#contact_from .form-group textarea { margin-top: -2px; font-size: 1em; border: 1px solid #e1e1e1; border-radius: 0;}



#contact_from .agree-info { display: none; justify-content: center; align-items: center; position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 2; padding: 20px; background: rgba(0,0,0,.1);  }
#contact_from .agree-info .inner { padding: 20px; background: #fff; font-size: 15px; }
.agree-checkbox  { padding-top: 20px; padding-left: 15px; font-size: 16px; color: 3333px}
.agree-checkbox .checkbox-inline { cursor:pointer}
.agree-checkbox .checkbox-inline input[type='checkbox'] { position: relative; top: -2px;  cursor:pointer}
.agree-checkbox .checkbox-inline b {display: inline-block; position: relative; font-weight: 400;}
.agree-checkbox .checkbox-inline b:after { content:''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #797979;}
.agree-checkbox a.view-agree-info { padding-left: 5px; font-size: 15px; font-weight: 500; }

#mail_submit { display: block; padding: 0; margin: 50px auto; width: 180px; height: 45px; line-height: 45px; border-radius: 5px;  text-align: center;color: #fff; font-size: 16px; font-weight: 500; background: #014099;   }

@media (width <= 576px){
    #contact_from .form-group label { width: 90px;}
    #contact_from .form-group label, 
    #contact_from .form-group input { height: 40px; line-height: 40px; }
    .agree-checkbox  { padding-top: 15px; font-size: 15px;}
    .agree-checkbox a.view-agree-info { font-size: 14px;}
    
    #mail_submit { margin: 40px auto; width: 160px; height: 40px; line-height: 40px; }
}