/* clearfix for tooltip */
#recruit_detail .recruit_detail_inner:after,
#recruit_detail .recruit_detail_int_inner:after {
  content: "";
  clear: both;
  display: block;
}
#recruit_detail .recruit_detail_inner hr,
#recruit_detail .recruit_detail_int_inner hr {
  border-top: 1px dotted #aaaaaa;
  margin: 3rem 0;
}
#recruit_detail .recruit_detail_int_inner img {
  margin: 0 3% 2rem 0;
}
#recruit_detail .recruit_detail_inner h4 {
  padding: .5rem 1rem .5rem 1.5rem;
  border-left: 8px #666666 solid;
}
  #recruit_detail .recruit_detail_int_inner h4 {
    margin: 0 0 0 0;
    font-size: 2rem;
    text-align: left;
  }
    #recruit_detail .recruit_detail_inner h4 br {
      margin-right: 2rem;
    }
    #recruit_detail .recruit_detail_int_inner .int_prof {
      display: block;
      color: #333333;
      font-size: 1.2rem;
      margin: 0 0 1rem 0;
    }
  #recruit_detail .recruit_detail_inner h5,
  #recruit_detail .recruit_detail_int_inner h5 {
    margin: 0 0 .5rem 0;
    text-align: left;
    line-height: 2.5rem;
    font-size: 1.5rem;
  }
      #recruit_detail .recruit_detail_inner p span {
        display: inline-block;
        margin: 0 .5rem 1rem 0;
        padding: .5rem;
        border: 1px #666666 solid;
      }
  #recruit_detail .recruit_detail_inner table {
    width: 100%;
    border-top: 1px #666666 dotted;
    color: #333333;
    font-size: 1.4rem;
    line-height: 2.2rem;
  }
    #recruit_detail .recruit_detail_inner table tr {
      border-bottom: 1px #666666 dotted;
    }
      #recruit_detail .recruit_detail_inner table tr th,
      #recruit_detail .recruit_detail_inner table tr td {
        padding: 1rem;
        vertical-align: top;
      }

  /* contact */
  #recruit_detail .recruit_detail_contact {
    overflow: hidden;
    background-color: #000000;
    margin: 0 0 2rem 0;
    padding: 2rem 2rem;
    border-radius: .5rem;
  }
    #recruit_detail .recruit_detail_contact p {
      color: #ffffff;
      font-size: 1.4rem;
      line-height: 2.2rem;
      text-align: center;
    }

/* --------------------
fot Smartphone
-------------------- */
@media screen and (max-width: 768px) {
  .recruit_detail_title {
    padding: 10rem 0 3rem 0;
  }
      #recruit_detail .recruit_detail_int_inner img {
        width: 100%;
        margin: 0 0 2rem 0;
        clear: both;
      }
    #recruit_detail .recruit_detail_inner h4 {
      margin: 2rem 0 1rem 0;
    }
    #recruit_detail .recruit_detail_int_inner h4 {
      line-height: 2.2rem;
    }
      #recruit_detail .recruit_detail_int_inner .int_prof {
        margin-top: 1rem;
        margin-bottom: 3rem;
      }
      #recruit_detail .recruit_detail_int_inner p {
        width: 100%;
        clear: both;
      }
    #recruit_detail .recruit_detail_inner ul {
      margin: 0 0 0 0;
      padding: 0;
    }
      #recruit_detail .recruit_detail_inner ul li,
      #recruit_detail .recruit_detail_int_inner ul li {
        margin: 0 0 0 0;
        padding: 0;
        color: #333333;
        font-size: 1.4rem;
        line-height: 2.2rem;
      }
        #recruit_detail .recruit_detail_inner ul li span,
        #recruit_detail .recruit_detail_int_inner ul li span {
          display: block;
          font-weight: bold;
        }
    #recruit_detail .recruit_detail_inner ol {
      margin: 0 0 0 0;
      padding: 0;
    }
      #recruit_detail .recruit_detail_inner ol li {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
        color: #333333;
        font-size: 1.4rem;
        line-height: 2.2rem;
        list-style-type: none;
      }
        #recruit_detail .recruit_detail_inner ol li span {
          display: block;
          font-weight: bold;
        }
    #recruit_detail .recruit_detail_inner table {
      width: 100%;
      border-top: 1px #666666 dotted;
      color: #333333;
      font-size: 1.4rem;
      line-height: 2.2rem;
    }
      #recruit_detail .recruit_detail_inner table tr {
        border-bottom: 1px #666666 dotted;
      }
        #recruit_detail .recruit_detail_inner table tr th,
        #recruit_detail .recruit_detail_inner table tr td {
          padding: 1rem;
          vertical-align: top;
        }

    /* contact */
    #recruit_detail .recruit_detail_contact {
      overflow: hidden;
      background-color: #000000;
      margin: 0 0 2rem 0;
      padding: 2rem 2rem;
      border-radius: .5rem;
    }
      #recruit_detail .recruit_detail_contact p {
        color: #ffffff;
        font-size: 1.4rem;
        line-height: 2.2rem;
        text-align: center;
      }
}
/* ===================================================================== */
/* recruit_list * /
/* ===================================================================== */
#recruit_list {
  width: 100%;
  background-image: url(../images/recruit_bg.jpg);
  background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
  #recruit_list .recruit_list_inner {
    width: 1100px;
    margin: 0 auto;
    padding: 4rem 0;
  }
    #recruit_list .recruit_list_inner h3 {
      font-size: 3rem;
      /* line-height: 2.8rem; */
      color: #ffffff;
      text-align: center;
      margin: 0 auto 2rem auto;
    
    }
    #recruit_list .recruit_list_inner .recruit_list_link_box {
      overflow: hidden;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }
      #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link {
        margin: 0 2rem 2rem 2rem;
        height: 17rem;
        float: left;
        width: 45%;
      }
        #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          height: 100%;
          width: 100%;
          /* height: 15rem; */
          padding: 1rem;
          color: black;
          background-color: rgba(251, 219, 0, 0.7);
          box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.125);
          border-radius: .3rem;
          border: 2px #fbdb00 solid;
          font-size: 1.2rem;
          line-height: 2.0rem;
          text-align: center;
        }
        #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a:hover{
          border: 2px #fbdb00 solid !important;
          background-color: #ffffff;
          background-color: rgba(255, 255, 255, 0.5);
          color: #fbdb00;
          cursor: pointer;
        }
          #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a span {
            font-size: 1.4rem;
            line-height: 3.0rem;
            font-weight: bold;
            display: inline-block;
            text-decoration: underline;
          }
          #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a span.recruit_list_work {
            margin: 20px;
            font-size: 20px;
          }

/* --------------------
fot Smartphone
-------------------- */
@media screen and (min-width: 992px) and (max-width: 1199px){
        #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a {
          min-height: 12rem;
        }
}
@media screen and (max-width: 768px) {
    #recruit_list .recruit_list_inner {
      width: 90%;
    }
      #recruit_list .recruit_list_inner .recruit_list_link_box {
        display: block;
      }
        #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link {
          float: none;
          width: 100%;
          margin: 0  0 2rem 0;
        }
          #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a {
            margin: 0 0 0 0;
            min-height: auto;
            text-align: center;
          }
          #recruit_list .recruit_list_inner .recruit_list_link_box {
            width: 280px;
            margin: auto;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            justify-content: space-evenly;
          }
          #recruit_list .recruit_list_inner .recruit_list_link_box .recruit_list_link a span.recruit_list_work {
            margin: 20px;
            font-size: 17px;
          }
}