h2{
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.recruit .contents{
  margin-bottom: 80px;
}
.recruit .contents h2{
  margin-bottom: 30px;
  border-bottom: 2px solid #27293b;
}
.recruit dl{
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-bottom: 50px;
}
.recruit dl dt{
  width: 15%;
  padding-right: 5%;
  border-bottom: 1px solid #999;
  padding: 20px 0;
}
.recruit dl dd{
  width: 80%;
  border-bottom: 1px solid #999;
  padding: 20px 0;  
}





  @media screen and (max-width: 800px){

    .recruit dl{

      box-sizing: border-box;
      font-size: 1.2rem;
    }
    .recruit dl dt{
      width: 20%;
      padding: 10px 5% 10px 0;
      font-weight: bold;
    }
    .recruit dl dd{
      width: 75%;
      padding: 10px 0;
    }

  }