/*ContactMail*/
.contact_mail{
  padding: 60px 7% 120px;
  color: #40aaef;
}
.contact_mail .business_form{
  border: solid 1px #fba848;
  color: #fba848;
  display: inline-block;
  width: 100%;
  margin-bottom: 60px;
}
.contact_mail .recruit_form{
  border: solid 1px #40aaef;
  display: inline-block;
  width: 100%;
  margin-bottom: 60px;
}
#business_form {
  margin-top:-100px;
  padding-top:100px;
}
#business_form p
{
  text-align: center
}
#recruit_form {
   margin-top:-100px;
  padding-top:100px;
  text-align:center;
}
#recruit_form p
{
  text-align: center
}
.contact_mail h1{
  width: 100%;
  font-weight: 100;
  font-size: 44px;
  color: #40aaef;
  margin: 60px 0;
  padding: 0 7%;
  text-align: center;
  clear: both;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.contact_mail .business_form h1{
  color: #fba848
}
.contact_mail .title {
  margin-bottom: 60px;
}
.contact_mail .title img{
  width: 40px;
  margin-right: 10px;
}
.contact_mail ul{
  padding: 0;
  margin-left: 10%;
  width: 70%;
}
.contact_mail li{
  margin: 0 0 30px;
  text-align: center;
}
.contact_mail li .item_name{
  width: 40%;
  margin-right: 3%;
  font-size: 18px;
  float: left;
  text-align: left;
}
.contact_mail li .item_name_sub
{
  font-size:14px;
  width:55%;
  float:left;
}
.item_name2
{
  float:left;
}
.contact_mail li input{
  border-bottom: solid 1px #40aaef;
  -webkit-border-radius : 0;
  border-radius: 0;
  font-size: 18px;
  width: 55%;
  color: #222222;
}
.contact_mail li textarea{
  height: 200px;
  margin-top: 32px;
  font-size: 18px;
  width: 55%;
  color: #222222;
  border: solid 1px #40aaef;
  border-radius: 0;
}
.contact_mail li select{
  border-bottom: solid 1px #40aaef;
  font-size: 18px;
  width: 55%;
  color: #222222;
}
.contact_mail button{
  float: right;
  margin-right: 20%;
  margin-bottom: 60px;
  font-size: 22px;
  width: 200px;
  background-color: #40aaef;
  color: #ffffff;
}
.contact_mail .business_form li input{
  border-bottom: solid 1px #fba848;
}
.contact_mail .business_form li textarea{
  border: solid 1px #fba848;
}
.contact_mail .business_form button{
  background-color: #fba848;
}
@media (max-width: 767px){
  .contact_mail .business_form,
  .contact_mail .recruit_form{
    padding: 5%;
  }
  #business_form {
    margin-top:-100px;
    padding-top:100px;
  }
  #recruit_form {
    margin-top:-100px;
    padding-top:100px;
  }
  .contact_mail ul{
    padding: 0;
    margin: auto;
    width: 100%;
  }
  .contact_mail .title{
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 60px;
  }
  .contact_mail li .item_name{
    width: 100%;
    float: none;
    text-align: left;
  }
  .contact_mail li .item_name_sub,
  .contact_mail li input,
  .contact_mail li textarea,
  .contact_mail li select{
    width: 100%;
  }
  .contact_mail li .item_name_sub
  {
    text-align: left;
  }
  .contact_mail li textarea{
    margin-top: 0;
  }
  .contact_mail button{
    float: none;
    width: 100%;
    margin:0 0 60px;
    padding-top:10px;
    padding-bottom:10px;
  }
}