@charset "UTF-8";
/*Reset css*/
/* ----------------------------------------
consulting applicant_form
------------------------------------------*/
.only-sp {
  display: none;
}
.bg-gray {
  background-color: #eee;
  padding: 20px;
}
.form-data{
    display: inline-flex;
    align-items: center;
    margin: 0 5px;
}
.form-group.name {
    display: flex;
}
.form-group.name .form-control {
    width: 30%;
}

.form-group.name .form-control span {
    /*padding: 0 1em 0 0;*/
    padding: 0 0.6em 0 0;
}
.acms-form-width-normal{
    width: 30%;
}

input#Applicant_LastName, input#Applicant_FirstName, input#Applicant_LastName-Kana, input#Applicant_FirstName-Kana{
    width: 100%;
    margin: 0 1em;
}
#Kazoku input.acms-form-width-mini{
    width: 100%;
    margin: 0 1em;
}
#Kazoku .form-control span.kan-name {
    padding: 0 0.8em 0 0.2em;
}
@media screen and (max-width: 47rem) {
 
  /*.rg {
    margin-bottom: 10px;
  }*/
  .only-sp {
    display: block;
  }
  .bg-gray {
    padding: 10px;
  }
    .form-data{
      display: flex;
      margin: 10px 5px 10px 0;  
    }
    .form-group.name .form-control {
    width: 50%;
}
    .form-group.name .form-control span {
    font-size: 0.875rem;
    padding: 0 0.6em 0 0;    
}
input#Applicant_LastName, input#Applicant_FirstName, input#Applicant_LastName-Kana, input#Applicant_FirstName-Kana{
    width: 75%;
    margin: 0 0.3em 0;
}
#Kazoku input.acms-form-width-mini {
    width: 35%;
    margin: 0 0.3em 0;
}
#Kazoku .form-control span.kan-name {
    padding: 0 0.7em 0 0;
}
}