@charset "UTF-8";

.secRec {
          background: url(../img/top/recrult_bk_pc.jpg) center 0 no-repeat;
          background-size: cover;
        }
        .secRec .recrultBox {
          padding: 100px 0 86px;
          margin: 0 auto;
          max-width: 1040px;
        }
        .secRec .recrultBox h4 {
          text-align: center;
          margin-bottom: 40px;
          font-size: 2rem;
          font-weight: 100;
          color: #fff;
        }
        .secRec .recrultBox h4 span {
          text-align: center;
          font-size: 1.3rem;
          display: block;
          letter-spacing: 1.4px;
          color: #fff;
        }
        .secRec .recrultBox .recrult_lead {
          text-align: center;
          color: #fff;
          margin-bottom: 50px;
        }
        .secRec .recrultBox ul {
          display: flex;
          align-items: center;
          justify-content: center;
          /* display: table; */
          width: 100%;
          /* table-layout: fixed; */
          /* padding: 0 5%; */
        }
        .secRec .recrultBox li {
          /* display: table-cell;
          vertical-align: middle; */
          float: left;
          display: table;
          width: calc(100%/5);
          text-align: center;
          border-left: 1px solid #757577;
        }
        .secRec .recrultBox li:last-child {
          border-right: 1px solid #757577;
        }
        .secRec .recrultBox li > a,
        .secRec .recrultBox li > div {
          /* display: table-cell; */
          display: table;
          width: 100%;
          min-height: 120px;
          padding: 25px 0;
          color: #fff;
        }
           
        .secRec .recrultBox li > a:hover {
          background-color: rgba(0,0,0,0.4) ;
          -webkit-transition: 0.3s ease-in-out;
          -moz-transition: 0.3s ease-in-out;
          -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
        }
        .secRec .recrultBox li .recrultBox_txt {
          width: 100%;
          height: 100%;
          display: table-cell;
          vertical-align: middle;
          text-align: center;
        }
        .secRec .recrultBox li .recrultBox_txt strong,
        .sec07 .recrultBox li .recrultBox_txt span {
          display: block;
        }
        .secRec .recrultBox li .recrultBox_txt strong {
          font-weight: bold;
          font-size: 1.2rem;
        }
        .secRec .recrultBox li .recrultBox_txt span {
          margin-top: .5em;
          font-size: 1.2rem;
        }
        @media screen and (max-width: 1024px) {
          .secRec {
            background: url(../img/top/recrult_bk_sp.jpg) 0 0 no-repeat;
            background-size: cover;
          }
          .secRec .recrultBox {
            padding: 10vw 20px 8vw;
            width: 100%;
          }
          .secRec .recrultBox h4 {
            margin-bottom: 4vw;
          }
          .secRec .recrultBox .recrult_lead {
            margin-bottom: 5vw;
          }
          .secRec .recrultBox ul {
            display: block;
          }
          .secRec .recrultBox li {
            width: 100%;
            text-align: left;
            border-left: none;
            border-top: 1px solid #757577;
            float: none;
          }
          .secRec .recrultBox li a {
            padding: 4vw 0;
          }
          .secRec .recrultBox li:last-child {
            border-bottom: 1px solid #757577;
            border-right: none;
          }
        }