@media screen and (max-width: 766px) {
  section.recruit {
    background: #fff;
    padding: 15px;
    width: 90%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    -moz-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    -ms-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    -o-box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    box-shadow: 0px 0px 3px 3px rgba(106, 91, 86, 0.1);
    margin-bottom: 60px; }
    section.recruit ul:nth-of-type(1) {
      width: 100%;
      margin-bottom: 30px;
      border-top: 1px solid #ddd; }
      section.recruit ul:nth-of-type(1) li {
        padding: 15px;
        border-bottom: 1px solid #ddd;
        position: relative; }
        section.recruit ul:nth-of-type(1) li span {
          letter-spacing: 0;
          color: #fff;
          text-align: center;
          background: #7cca85;
          display: inline-block;
          border-radius: 5px;
          font-size: 0.7em;
          letter-spacing: 0.1em;
          padding: 10px 10px 5px;
          margin-bottom: 5px;
          line-height: 1em; }
        section.recruit ul:nth-of-type(1) li a {
          display: block;
          font-size: 1.1em;
          letter-spacing: 0.1em; }
          section.recruit ul:nth-of-type(1) li a br {
            display: none; }
      section.recruit ul:nth-of-type(1) li:nth-of-type(odd) {
        background: #fafafa; }
      section.recruit ul:nth-of-type(1) li:before {
        content: attr(data-text);
        display: block;
        margin-bottom: 5px;
        color: #999;
        position: absolute;
        right: 15px;
        top: 15px; }
    section.recruit ul.pagenation {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; }
      section.recruit ul.pagenation a {
        display: block;
        margin: 0 10px;
        background: #f5f1eb;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        color: #43312d;
        text-align: center;
        line-height: 30px;
        font-size: 0.9em;
        text-decoration: none; }
      section.recruit ul.pagenation a:hover,
      section.recruit ul.pagenation a.current {
        color: #fff;
        background: #fb9c83;
        text-decoration: none; }
      section.recruit ul.pagenation a.back,
      section.recruit ul.pagenation a.next {
        display: none; } }