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


#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: 18px;}

#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 3px;}
#contact_from .wrap.grid { ;}
#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; font-size: 18px;}

#contact_from .form-group .form-control::placeholder { color:#aaa;}
#contact_from .form-group textarea.form-control { height: 191px; font-size: 18px;}
#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: 294px; 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 { font-size: 16px; 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; }
}

#contact_from .m-hide { display:block; }
@media (max-width:576px){
  #contact_from .m-hide { display:none; }
}


#contact_from select.form-control {
  height: 40px;
}


#contact_from .add-file2 label{
  display:block;
  margin-bottom: 10px;
  font-weight: 700;
  font-size: 16px;
}
#contact_from .file-ui{
  display:flex;
  align-items:center;
  gap: 12px;
  border: 1px solid #e1e1e1;
  background:#fff;
  height: 40px;
  padding: 0 12px;
}
#contact_from .file-input{
  position:absolute;
  left:-9999px;
  width:1px;
  height:1px;
  opacity:0;
}
#contact_from .file-btn{
  height: 28px;
  padding: 0 12px;
  border: 1px solid #d0d0d0;
  background: #f7f7f7;
  cursor: pointer;
  font-size: 13px;
  border-radius: 6px;
}
#contact_from .file-name{
  font-size: 13px;
  color:#444;
  overflow:hidden;
  white-space:nowrap;
  text-overflow:ellipsis;
  flex:1;
}


#contact_from .agree-view{
  font-size: 14px;
  font-weight: 600;
  margin-left: 10px;
  color: var(--primaryColor);
  text-decoration: underline;
  text-underline-offset: 2px;
}

#contact_from .req {
  color: #d33;
  font-weight: 700;
  margin-left: 3px;
}
.con_txt p:nth-of-type(1){ font-size: 35px; font-weight: 700; color:#333; padding-bottom: 30px;}
.con_txt p:nth-of-type(1) span{ color:#786bb0; }
.con_txt p:nth-of-type(2){ font-size: 18px; font-weight: 400; color:#333; padding-bottom: 50px;}
.con_txt p:nth-of-type(2) span{ margin-right: 20px;;}
#contact_from{background: #f9f9f9; margin-top: 30px;}

@media (max-width:768px){
  #contact_from{ padding: 20px 10px;}
  .con_txt p:nth-of-type(1){ font-size: 2rem;}
  .con_txt p:nth-of-type(2){ font-size: 1.5rem; padding-bottom: 20px;}
  .con_txt p:nth-of-type(2) span{ display: block;}
  #contact_from .form-group label{ font-size: 1.5rem;}
  #contact_from .form-group .form-control{ height: 30px; }
  #contact_from .form-group .form-control,#contact_from .form-group textarea.form-control{ font-size: 1.5rem;}
  #contact_from .form-group .checkbox-inline #con_agree + b{ font-size: 1.5rem;}
}