@charset 'utf-8';
#contact_from { }
#contact_from .required, textarea.required { background: #fff !important;}
#contact_from .form-group{  margin: 0; width: 100%;}


#contact_from p.mail-tit { padding: 0 0 20px;  color:#111; font-weight: 500; line-height: 1;}
#contact_from p.mail-tit:before { content: ''; display: inline-block; position: relative; top: 2px; padding: 0 20px 0 0; width: 20px; height: 20px; background: url(/skin/contact_me2/basic/ico_mail.png) no-repeat left center; box-sizing:content-box;}
#contact_from .form-group .buy-info,
#contact_from .form-group .agree-info { padding: 20px 20px; background: #f9f9f9; border: 1px solid #d7d7d7; }
#contact_from .form-group label { font-weight: 700; font-size: 16px;}

#contact_from .form-group .buy-info  { font-weight: 700;}
#contact_from .form-group .buy-info span { display: block; padding: 10px 0 0; color: #dc0000;}

#contact_from .form-group .agree-info { font-size: 15px;}
#contact_from .wrap { margin: 0 0 60px;}
#contact_from .wrap.grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap:15px 30px; padding: 15px 20px; border: 1px solid #e1e1e1;;}
#contact_from .wrap.inquiry { display: block;}
#contact_from .wrap.inquiry span { display: inline-block; margin-right: 20px;}
#contact_from .wrap.inquiry span input { margin-right: 5px;}
#contact_from .wrap.inquiry span label { margin: 0; cursor:pointer}


#contact_from .form-group .form-control { height:40px ; font-size: inherit; border: 1px solid #e1e1e1; border-radius:0; color: #111; box-shadow: none !important}

#contact_from .form-group .form-control::placeholder { color:#aaa;}
#contact_from .form-group textarea.form-control { height: 191px; font-size: 16px;}
#contact_from .form-group .col-xs-12,
#contact_from .form-group .col-xs-2 { padding: 0;}
#contact_from .form-group.add-file { display: flex; margin: -11px 0 0; height: 40px; line-height: 40px;}
#contact_from .form-group.add-file label { display: block; padding: 0 0px 0 10px;width: 80px; height: 40px; font-size: 14px;  line-height: 40px; color: #111; background: #fff; border: 1px solid #e1e1e1; border-right: none;}
#contact_from .form-group.add-file input[type='file'] { padding: 0; height: 40px; line-height: 40px; border-left: none;}
#contact_from .form-group .checkbox-inline { padding: 15px 20px 0 10px;  font-size: 15px; cursor:pointer}
#contact_from .form-group .checkbox-inline #con_agree { position: static; margin-top: -4px; margin-right: 7px; width: 20px; height: 20px;  }
#contact_from .form-group .checkbox-inline #con_agree + b { color: var(--primaryColor); font-weight: 400;}
#contact_from .btn[type='submit'] { display: block; margin: 0 auto; width: 20rem; height: 5rem; font-size: 1.8rem; background: var(--primaryColor); color: #fff;}


@media (max-width:576px){
    #contact_from p.tit:before { padding: 0 15px 0 0;}
    #contact_from .form-group .agree-info { padding: 15px; font-size: 13px;}
    #contact_from .wrap.grid { display: grid; grid-template-columns: 1fr; padding: 15px;}
}