@media print, screen and (min-width: 767px) {
  article h1 {
    margin-bottom: 30px !important; }

  section.recruit {
    position: relative;
    background: url(../../image/event/common/background.png) repeat-y center top;
    padding-bottom: 90px; }
    section.recruit > div {
      background: #fff;
      padding: 30px;
      width: 90%;
      max-width: 1100px;
      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);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between; }
      section.recruit > div ul:nth-of-type(1) {
        width: 100%;
        margin-bottom: 30px;
        border-top: 1px solid #ddd; }
        section.recruit > div ul:nth-of-type(1) li {
          padding: 15px;
          border-bottom: 1px solid #ddd;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-justify-content: space-between;
          -moz-justify-content: space-between;
          -ms-justify-content: space-between;
          -o-justify-content: space-between;
          justify-content: space-between;
          -webkit-flex-wrap: wrap;
          -moz-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          -o-flex-wrap: wrap;
          flex-wrap: wrap; }
          section.recruit > div ul:nth-of-type(1) li span {
            width: 10%;
            text-align: center;
            white-space: nowrap;
            height: 20px;
            line-height: 20px;
            border-radius: 10px;
            color: #fff;
            background: #7cca85;
            display: inline-block;
            padding: 0 10px; }
          section.recruit > div ul:nth-of-type(1) li a {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-align-content: center;
            -moz-align-content: center;
            -ms-align-content: center;
            -o-align-content: center;
            align-content: center;
            font-size: 1.1em;
            letter-spacing: 0.1em;
            width: 88%; }
            section.recruit > div ul:nth-of-type(1) li a br {
              display: none; }
        section.recruit > div ul:nth-of-type(1) li:nth-of-type(odd) {
          background: #fafafa; }
        section.recruit > div ul:nth-of-type(1) li:before {
          content: attr(data-text);
          display: block;
          margin-bottom: 5px;
          color: #999;
          width: 100%; }
      section.recruit > div 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;
        width: 100%; }
        section.recruit > div ul.pagenation a {
          display: block;
          margin: 0 15px;
          background: #f5f1eb;
          width: 30px;
          height: 30px;
          border-radius: 15px;
          color: #43312d;
          text-align: center;
          line-height: 30px;
          font-size: 1em;
          text-decoration: none; }
        section.recruit > div ul.pagenation a:hover,
        section.recruit > div ul.pagenation a.current {
          color: #fff;
          background: #fb9c83;
          text-decoration: none; }
        section.recruit > div ul.pagenation a.back,
        section.recruit > div ul.pagenation a.next {
          white-space: nowrap;
          width: auto;
          padding: 0 10px;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex; }
        section.recruit > div ul.pagenation a.back:before {
          content: url(../../image/event/common/button_arrow_back.png);
          display: block;
          margin-right: 10px;
          position: relative;
          top: 3px; }
        section.recruit > div ul.pagenation a.next:after {
          content: url(../../image/event/common/button_arrow_next.png);
          display: block;
          margin-left: 10px;
          position: relative;
          top: 3px; }
        section.recruit > div ul.pagenation a.back:hover:before {
          content: url(../../image/event/common/button_arrow_back_hover.png); }
        section.recruit > div ul.pagenation a.next:hover:after {
          content: url(../../image/event/common/button_arrow_next_hover.png); } }