body .wrap .main-img {
  height: 320px;
  background: url(../../images/recruit/points/main.jpg) no-repeat left top;
}
body .wrap .main-img h2 {
  line-height: 1.4;
  letter-spacing: 0.2em;
  padding-top: 8%;
}
body .wrap .main-img h2 div {
  font-size: 65%;
}
body .wrap .content .breadcrumbs {
  line-height: 2;
  padding-bottom: 50px;
}
body .wrap .content .detail {
  width: 1000px;
  margin: 20px auto 100px auto;
}
body .wrap .content .detail h4 {
  background: #bc3129;
  color: #fff;
  padding: 0.3em 0 0.3em 1em;
  margin-bottom: 20px;
  font-size: 150%;
}
body .wrap .content .detail table {
  width: 800px;
  margin: 0 auto 60px auto;
  border-collapse: collapse;
  border-top: 1px solid #ccc;
}
body .wrap .content .detail table th {
  border-bottom: 1px solid #ccc;
  width: 20%;
  padding: 20px 0;
  text-align: left;
  vertical-align: top;
}
body .wrap .content .detail table td {
  border-bottom: 1px solid #ccc;
  width: 80%;
  padding: 20px 0;
}
body .wrap .content .detail table td ul {
  color: #ccc;
  list-style-type: disc;
  padding-left: 20px;
}
body .wrap .content .detail table td ul li {
  padding-bottom: 10px;
}
body .wrap .content .detail table td ul li span, body .wrap .content .detail table td ul li p {
  color: #333;
}

@media screen and (min-width: 0px) and (max-width: 750px) {
  body .wrap .main-img {
    padding-top: 25%;
  }
  body .wrap .main-img h2 {
    top: 0;
    padding-top: 3%;
  }
  body .wrap .content .breadcrumbs {
    line-height: 2;
    padding: 1% 0 5% 2%;
  }
  body .wrap .content .detail {
    width: 89.33%;
    margin: 2% auto 10% auto;
  }
  body .wrap .content .detail h4 {
    background: #bc3129;
    color: #fff;
    padding: 0.3em 0 0.3em 1em;
    margin-bottom: 5%;
    font-size: 4vw;
  }
  body .wrap .content .detail table {
    width: 100%;
    margin: 0 auto 20% auto;
  }
  body .wrap .content .detail table th {
    width: 98%;
    padding: 5% 1% 2% 1%;
    display: block;
    border: none;
  }
  body .wrap .content .detail table td {
    border-bottom: 1px solid #ccc;
    width: 98%;
    padding: 2% 1% 5% 1%;
    display: block;
  }
  body .wrap .content .detail table td ul {
    padding-left: 4%;
  }
  body .wrap .content .detail table td ul li {
    padding-bottom: 2%;
  }
}