.recruit { background: #fff; padding: 35px 0 40px 0;}
.recruit-content { margin-top: 40px;}
.recruit-text { font-size: 16px; line-height: 200%; max-width: 880px; margin: auto;}
.recruit-sum { margin-top: 35px;}
.recruit-25 { width: 24.25%; display: inline-block; vertical-align: top; margin-right: 1%; margin-bottom: 1%;}
.recruit-25:nth-child(4n) { margin-right: 0;}

.re-table { width: 100%; border-spacing: 18px; border-collapse: separate;}
.re-table tr td { font-size: 16px; line-height: 180%; padding: 15px; background: #fff; border: 1px solid #2A1607; padding-left: 50px;}
.re-table tr th { background: #2A1607; color: #fff; width: 250px; padding-left: 50px; vertical-align: middle; font-size: 18px; font-weight: bold; line-height: 100%; text-align: left;}
.re-table tr td span { display: inline-block; margin: 5px 0;}

.re-btn { text-align: center; margin-top: 30px;}

.content table{
  width: 100% !important;
}
.content table tr td:first-child {
  width: 27%;
  font-size: 18px;
  border: 1px solid #000;
  padding-left: 50px;
}

.content table tr td {
  background: #fff;
  font-size: 14px;
  line-height: 210%;
  border: 1px solid #000;
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 12px;
  padding-right: 20px;
  vertical-align: middle;
}
.content table{
  margin-top: 10px;
}

@media screen and (max-width:767px) {
  .recruit { padding: 15px 0;}
  .recruit-content { margin-top: 20px;}
  .recruit-text { font-size: 14px;}
  .recruit-sum { margin-top: 15px;}

  .re-table { border-spacing: 5px;}
  .re-table tr td { font-size: 14px; line-height: 160%; padding: 10px;}
  .re-table tr th { width: 140px; font-size: 14px; line-height: 160%; padding: 10px;}
  .recruit-25 { width: 49.5%;}
  .recruit-25:nth-child(4n) { margin-right: 1%;}
  .recruit-25:nth-child(2n) { margin-right: 0;}
  .content table tr td{
    float: left;
    width: 100% !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border: none !important;
    line-height: 160%;
  }
  .content table tr td:first-child{
    background: #2A1607 !important;
    color: #fff !important;
    height: auto !important;
  }
  .content table tr td:first-child font{
    color: #fff;
  }
  .content table{
    margin-top: 10px;
  }
}

@media screen and (max-width:640px) {
	.re-table { border-spacing: 0px;}
	.re-table tr td { width: 100%; float: left;}
	.re-table tr th { width: 100%; float: left;}
}