@charset "utf-8";

#preloadedImages {
  width: 0;
  height: 0;
  display: inline;
  background-image: url("../img/recruit_candidateprofile_hover.jpg"), url("../img/recruit_careertraining_hover.jpg"), url("../img/recruit_walfare_hover.jpg"), url("../img/recruit_faq_hover.jpg"), url("../img/recruit_requirements_hover.jpg"), url("../img/profile_hover_sp.jpg"), url("../img/carrertraining_hover_sp.jpg"), url("../img/wel_hover_sp.jpg"), url("../img/faq_hover_sp.jpg"), url("../img/requirements_hover_sp.jpg"), url("../img/profile_hover_sp@2x.jpg"), url("../img/carrertraining_hover_sp@2x.jpg"), url("../img/wel_hover_sp@2x.jpg"), url("../img/faq_hover_sp@2x.jpg"), url("../img/requirements_hover_sp.jpg");
}


.recruit .recruit_mv {
  width: 100%;
  /* max-height: 390px; */
  height: 20.3125vw;
  position: relative;
  overflow: hidden;
  display: flex;
}

.recruit .recruit_mv {
  background-image: url("../img/recruitinfo_mv.jpg");
  border-top: 1px solid #38393c;
  border-bottom: 1px solid #38393c;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;

}

.recruit .recruit_mv>div {
  display: flex;
  align-items: center;
  margin: 0 auto;

}

.recruit .recruit_mv .mv_inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recruit h1 {
  color: #fff;
  font-family: 'Neuzeit Grotesk';
  font-size: 4.15vw;
  font-weight: 800;
}

.recruit .grid_ttl {
  color: #fff;
  font-family: 'Neuzeit Grotesk';
  font-size: 2.6vw;
  font-weight: 800;
}

.recruit .ttl_ruby {
  font-size: 2.1vw;
  color: #fff;
  font-weight: 500;

}


.recruit .grid_ttl_ruby {
  color: #fff;
  font-size: 1.3vw;
  font-weight: 500;
}

.recruit .recruit_mv .recruit_inner h1 {
  margin-bottom: 4rem;
}

.recruit .description .content_inner {
  width: 100%;
  max-width: 1920px;
  margin: 40px auto 50px;
  text-align: center;
  font-size: 1.5em;
}

.recruit .grid_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  /* grid-auto-rows: 390px 390px 390px; */
  grid-auto-rows: 20.31vw 20.31vw 20.31vw;
}

.recruit .content_inner .grid_inner {
  position: relative;
  background-size: cover;
}

.recruit .content_inner {
  /* max-width: 1920px;
  margin: 0 auto; */
  height: 100%;

}


.recruit .grid_box .grid_inner:first-child {
  grid-column-start: 1;
  grid-column-end: 2;
  grid-row-start: 1;
  grid-row-end: 3;
  background-image: url("../img/candidateprofile.jpg");
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
}

.recruit .grid_box .grid_inner:first-child:hover {
  background-image: url("../img/recruit_candidateprofile_hover.jpg");
}


.recruit .grid_box .grid_inner:nth-child(2),
.recruit .grid_box .grid_inner:nth-child(3),
.recruit .grid_box .grid_inner:nth-child(4),
.recruit .grid_box .grid_inner:nth-child(5) {
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-left: 1px solid #38393c;

}

.recruit .grid_box .grid_inner:nth-child(2),
.recruit .grid_box .grid_inner:nth-child(3),
.recruit .grid_box .grid_inner:nth-child(4) {

  border-right: 1px solid #38393c;

}


.recruit .grid_box .grid_inner:nth-child(2) {
  background-image: url("../img/career&trainingprogram.jpg");
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 2;

}

.recruit .grid_box .grid_inner:nth-child(2):hover {
  background-image: url("../img/recruit_careertraining_hover.jpg");
}

.recruit .grid_box .grid_inner:nth-child(3) {
  background-image: url("../img/welfare.jpg");
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 3;
}

.recruit .grid_box .grid_inner:nth-child(3):hover {
  background-image: url("../img/recruit_walfare_hover.jpg");
}


.recruit .grid_box .grid_inner:nth-child(4) {
  background-image: url("../img/faq.jpg");
  grid-column-start: 2;
  grid-column-end: 3;
  grid-row-start: 3;
  grid-row-end: 4;

}

.recruit .grid_box .grid_inner:nth-child(4):hover {
  background-image: url("../img/recruit_faq_hover.jpg");

}

.recruit .grid_box .grid_inner:nth-child(5) {
  background-image: url("../img/recuirements.jpg");

}

.recruit .grid_box .grid_inner:nth-child(5):hover {
  background-image: url("../img/recruit_requirements_hover.jpg");

}

.recruit .grid_box .grid_inner:first-child:hover,
.recruit .grid_box .grid_inner:nth-child(2):hover,
.recruit .grid_box .grid_inner:nth-child(3):hover,
.recruit .grid_box .grid_inner:nth-child(4):hover,
.recruit .grid_box .grid_inner:nth-child(5):hover {
  background-repeat: no-repeat;
  background-size: cover;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;

}

.recruit .grid_box .grid_inner:first-child a {
  align-items: flex-end;

}

.recruit .grid_box .grid_inner a {
  display: flex;
  align-items: center;
  height: 100%;
}

.recruit .grid_txt1,
.recruit .grid_txt2,
.recruit .grid_txt3,
.recruit .grid_txt4,
.recruit .grid_txt5 {
  /* padding-left: 75px; */
  padding-left: 3.90vw;
}

.recruit .grid_txt1 {
  /* padding-top: 35px; */
  /* padding-bottom: 35px; */
  padding-top: 1.82vw;
  padding-bottom: 1.82vw;
  background: #fff;
  width: 72.9166%;
  border: 1px solid #38393c;
}

.recruit .grid_inner:first-child:hover .grid_txt1 {
  background-color: #ec9b2c;
  transition: .3s;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition: .3s;
}


.recruit .grid_inner:first-child .grid_txt1 .grid_ttl,
.recruit .grid_inner:first-child .grid_txt1 .grid_ttl_ruby {
  color: #e28e1b;

}

.recruit .grid_inner:first-child:hover .grid_txt1 .grid_ttl,
.recruit .grid_inner:first-child:hover .grid_txt1 .grid_ttl_ruby {
  color: #fff;

}


/* ------------------------retina----------------------------------- */
@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {

  .recruit .recruit_mv {
    background-image: url("../img/recruitinfo_mv@2x.jpg");
  }

  .recruit .grid_box .grid_inner:first-child {
    background-image: url("../img/candidateprofile@2x.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(2) {
    background-image: url("../img/career&trainingprogram@2x.jpg");

  }

  .recruit .grid_box .grid_inner:nth-child(3) {
    background-image: url("../img/welfare@2x.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(4) {
    background-image: url("../img/faq@2x.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(5) {
    background-image: url("../img/recuirements@2x.jpg");
  }

}

/* -------------------------------------------------------------------------- */

/* --------------------------SP------------------------------------------------ */
@media screen and (max-width: 600px) {


  .recruit .description {
    border-top: 1px solid #38393c;
    border-bottom: 1px solid #38393c;

  }

  .recruit .description .content_inner {
    padding: 35px 06.25%;
    font-size: 1.8rem;
  }

  .recruit .description .content_inner {
    margin: 0 auto;
    text-align: left;
  }

  .recruit .grid_box {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }

  .recruit .recruit_mv>div {
    width: 100%;
    height: 190px;
    background-size: cover;
  }

  .recruit .recruit_mv {
    /* border-top: none; */
    border-bottom: none;
    height: auto;

  }

  .recruit .recruit_mv .mv_inner {
    margin-top: 110px;
    margin-right: 20px;
    margin-left: 155px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
  }

  .recruit .grid_ttl_ruby,
  .recruit .ttl_ruby {
    font-size: 1.8rem;
  }

  .recruit .grid_ttl_ruby,
  .recruit .ttl_ruby {
    font-weight: 400;
    line-height: 1.8;
  }

  .recruit h1 {
    font-size: 4rem;
  }

  .recruit .grid_box {
    display: flex;
    flex-direction: column;
  }

  .recruit .grid_box .grid_inner {
    width: 100%;
    height: 190px !important;
    background-size: cover;
    border-top: 1px solid #38393c;
  }

  .recruit .grid_box .grid_inner:nth-child(3),
  .recruit .grid_box .grid_inner:nth-child(4) {
    border-right: none;
  }

  .recruit .grid_box .grid_inner:nth-child(3),
  .recruit .grid_box .grid_inner:nth-child(4),
  .recruit .grid_box .grid_inner:nth-child(5) {
    border-left: none;
  }

  .recruit .grid_ttl {
    font-size: 2.5rem;
  }

  .recruit .grid_txt1,
  .recruit .grid_txt2,
  .recruit .grid_txt3,
  .recruit .grid_txt4,
  .recruit .grid_txt5 {
    padding-left: 6.25%;
  }


  .recruit .grid_txt1 {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 65%;
    border-bottom: none;
  }

  .recruit .recruit_mv {
    width: 100%;
    height: 190px;
    background-image: url("../img/recruitinfno_sp_mv.jpg");
    background-size: cover;
  }

  .recruit .grid_box .grid_inner:first-child {
    background-image: url("../img/profile_sp.jpg");
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    border-top: none;

  }

  .recruit .grid_box .grid_inner:nth-child(2) {
    background-image: url("../img/carrertraining_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(3) {
    background-image: url("../img/wel_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(4) {
    background-image: url("../img/faq_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(5) {
    background-image: url("../img/requirements_sp.jpg");
  }

  .recruit .grid_box .grid_inner:first-child:hover {
    background-image: url("../img/profile_hover_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(2):hover {
    background-image: url("../img/carrertraining_hover_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(3):hover {
    background-image: url("../img/wel_hover_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(4):hover {
    background-image: url("../img/faq_hover_sp.jpg");
  }

  .recruit .grid_box .grid_inner:nth-child(5):hover {
    background-image: url("../img/requirements_hover_sp.jpg");
  }


  @media (-webkit-min-device-pixel-ratio: 2),
  (min-resolution: 2dppx) {
    .recruit .grid_box .grid_inner:first-child {
      background-image: url("../img/profile_sp@2x.jpg");
    }


    .recruit .grid_box .grid_inner:nth-child(2) {
      background-image: url("../img/carrertraining_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(3) {
      background-image: url("../img/wel_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(4) {
      background-image: url("../img/faq_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(5) {
      background-image: url("../img/requirements_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:first-child:hover {
      background-image: url("../img/profile_hover_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(2):hover {
      background-image: url("../img/carrertraining_hover_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(3):hover {
      background-image: url("../img/wel_hover_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(4):hover {
      background-image: url("../img/faq_hover_sp@2x.jpg");
    }

    .recruit .grid_box .grid_inner:nth-child(5):hover {
      background-image: url("../img/requirements_hover_sp.jpg");
    }

  }

}