@charset "UTF-8";
/* 下線が右から左へ消える
---------------------------------------------------------- */
/* 下線が左から右へ消える
---------------------------------------------------------- */
.page_nav {
  background-color: rgba(0, 22, 49, 0.6);
  padding: 35px 0 30px;
}
@media all and (min-width: 751px) {
  .page_nav {
    padding: 65px 0 55px;
  }
}
.page_nav .job_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px 0;
}
@media all and (max-width: 750px) {
  .page_nav .job_nav_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 25px;
  }
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li {
    width: 313px;
    background: #fff;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .page_nav .job_nav_list li {
    width: 39.22%;
  }
}
.page_nav .job_nav_list li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #fff;
  color: #222;
  padding: 17px 10px 23px;
  gap: 0 13px;
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li a {
    gap: 0 17px;
    padding: 20px 15px;
  }
}
@media (min-width: 751px) and (hover: hover) {
  .page_nav .job_nav_list li a:hover .nav_img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .page_nav .job_nav_list li a:hover .common_btn {
    background: #fff;
    color: #B21E1E;
  }
  .page_nav .job_nav_list li a:hover .common_btn span::after {
    background-image: url(../images/icon/arrow_hov.svg);
  }
}
.page_nav .job_nav_list li .nav_img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  width: 102px;
  height: 108px;
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li .nav_img {
    width: 111px;
    height: 117px;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .page_nav .job_nav_list li .nav_img {
    width: 35.6%;
    height: 37.58%;
  }
}
.page_nav .job_nav_list li .nav_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.page_nav .job_nav_list li .nav_info .cat {
  display: inline-block;
  color: #222;
  font-weight: bold;
  border: 1px solid #222;
  border-radius: 2px;
  font-size: 11px;
  padding: 4px 8px 5px;
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li .nav_info .cat {
    font-size: 12px;
  }
}
.page_nav .job_nav_list li .nav_info .nav_title {
  font-weight: bold;
  margin: 4px 0;
  font-size: 16px;
  line-height: 1.6;
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li .nav_info .nav_title {
    font-size: 17px;
    margin: 5px 0 13px;
  }
}
.page_nav .job_nav_list li .nav_info .nav_title span {
  font-size: 13px;
  text-indent: -0.5em;
  display: inline-block;
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li .nav_info .nav_title span {
    font-size: 15px;
  }
}
.page_nav .job_nav_list li .nav_info .common_btn {
  font-size: 11px;
  width: 100px;
  padding: 8px 8px 8px 17px;
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li .nav_info .common_btn {
    font-size: 12px;
    width: 115px;
  }
}
.page_nav .job_nav_list li .nav_info .common_btn span {
  padding: 0 15px 0 0;
}
.page_nav .job_nav_list li .nav_info .common_btn span::after {
  top: 0;
  width: 11px;
  height: 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
@media all and (min-width: 751px) {
  .page_nav .job_nav_list li .nav_info .common_btn span::after {
    top: 4px;
  }
}

@media all and (min-width: 751px) {
  .contents_area .contents_item .contents_header {
    text-align: center;
  }
}
/*# sourceMappingURL=job.css.map */