.recruit{
    width: 80%;
   margin: 100px 0 100px auto;

  }
  
  .recruit dl{
    display: flex;
    line-height: 30px;
    /* background-color: pink; */
  }
  
  .recruit dt{
    /* background-color: aqua; */
    width: 20%;
    color: #a6a6a6;
  }
  
  
  
  .recruit dd{
    /* background-color: bisque; */
    width: 80%;
  }
  
  .recruit dd h2{
    margin: 0;
    font-size: 16px;
    font-weight: bold;
      -webkit-text-stroke: 0.2px #333;
  }
  
  .recruit .rec_border{
    border-bottom: 1px solid #d0d0d0;
  }
  
  .recruit span{
    color: #a6a6a6;
  }
  
  
  
  
  
  @media (max-width: 1280px) { 


.recruit{
    width: 80%;
   margin: 50px 0 0 auto;
  }

  }

  @media (max-width: 768px)  { 
    .recruit{
        width: 88%;
       margin: 50px 0 0 auto;
       font-size: 15px;
      }


  }
  @media (max-width: 600px)  {
    .recruit{
        width: 88%;
       margin: 50px auto;
       font-size: 13px;
      }
      .recruit dd h2{
        margin: 0 0 0 20px;
        font-size: 16px;
        font-weight: bold;
          -webkit-text-stroke: 0.2px #333;
      }


.recruit dl{
    display: block;
}
.recruit .rec_border{
    display: flex;
}

.recruit dt{
    width:25%;
  }
  
  
  
  .recruit dd{
    /* background-color: bisque; */
    width: 100%;
  }

  }