@charset "utf-8";


/* Recruit top Menu */

.recruit_menu {
  width:100%;
  margin:0 auto;
  padding:200px 10%;
  background-image:url("./../img/common/recruit_links_bg.jpg");
  background-size:cover;
  background-attachment:fixed;
  background-repeat:no-repeat;
}
.recruit_menu p {
  color:#FFF;
  text-shadow:0 0 5px #083b73;
  width:100%;
  text-align:center;
  padding:20px 0;
  margin:0;
  font-size:1.3em;
}
.recruit_menu_return {
  width:100%;
  text-align:center;
  padding:35px 0;
}
.recruit_menu_inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: stretch;
  width:100%;
  box-shadow:0 0 20px #083b73;
}
.recruit_menu .ksgl-section {
  display:block;
  margin: 0;
  padding: 0;
}


.recruit_menu .ksgl-section .ksgl-section_inner {
  width:100%;
  overflow:hidden;
}
.recruit_menu .ksgl-section .ksgl-section_inner_text {
  text-align:left;
  overflow:hidden;
  width:100%;
  color:#FFF;
}
.recruit_menu .ksgl-section .ksgl-section_inner_text a,
.recruit_menu .ksgl-section .ksgl-section_inner_text a:visited{
  display:block;
  color:#0853a7;
  text-decoration:none;
  display:block;
  width:100%;
  font-size:1.6em;
  font-weight:500;
  padding:80px 30px;
  transition: all 1s ease-in-out;
  text-shadow: 0px 0px 5px #FFF;
}
.recruit_menu .ksgl-section .ksgl-section_inner_text a:hover{
  color:#FFF;
  text-decoration:none;
  background:rgba( 8,83,167, 0.75);
  text-shadow: 0px 0px 5px #000;
  transition: all 1s ease-in-out;
}

.recruit_menu .ksgl-section.is-current .ksgl-section_inner_text a,
.recruit_menu .ksgl-section.is-current .ksgl-section_inner_text a:visited{
  color:#FFF;
  background:rgba( 8,83,167, 0.75);
  text-shadow: 0px 0px 5px #000;
}

.recruit_menu .ksgl-section_tile{
  position: relative;
  overflow:hidden;
  width:50%;
}




/* bg */
.recruit_menu .ksgl-section_tile:after {
  position: absolute;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left:0;
  transition: all 1s ease-in-out;
  transform-origin:right 50%;
}
.recruit_menu .ksgl-section_tile.human:after {
  background:url("./../img/common/recruit_links_human2.jpg") right top no-repeat #FFF;
  background-size: auto 100%;
}
.recruit_menu .ksgl-section_tile.office:after {
  background:url("./../img/common/recruit_links_office.jpg") right top no-repeat #FFF;
  background-size: auto 100%;
}
.recruit_menu .ksgl-section_tile.staff:after {
  background:url("./../img/common/recruit_links_staff.jpg") right top no-repeat #FFF;
  background-size: auto 100%;
}
.recruit_menu .ksgl-section_tile.info:after {
  background:url("./../img/common/recruit_links_info.jpg") right top no-repeat #FFF;
  background-size: auto 100%;
}
@media (-webkit-min-device-pixel-ratio: 2),(min--moz-device-pixel-ratio: 2),(min-resolution: 2dppx),(min-resolution: 192dpi) {
  .recruit_menu .ksgl-section_tile.human:after {
    background:url("./../img/common/recruit_links_human2_x2.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
  .recruit_menu .ksgl-section_tile.office:after {
    background:url("./../img/common/recruit_links_office_x2.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
  .recruit_menu .ksgl-section_tile.staff:after {
    background:url("./../img/common/recruit_links_staff_x2.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
  .recruit_menu .ksgl-section_tile.info:after {
    background:url("./../img/common/recruit_links_info_x2.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
}

.recruit_menu .ksgl-section_tile:hover:after {
  transform: scale(1.2);
  transform-origin:right 50%;
}
.ksgl-section_inner_text {
  z-index: 1;
  position: relative;
}



@media screen and (max-width: 1150px) {
  .recruit_menu {
    padding:100px 3%;
  }
}
@media screen and (max-width: 1080px) {
  .recruit_menu {
    background:#FFF;
    padding:0px;
  }
  .recruit_menu_inner {
    box-shadow:none;
  }
  .recruit_menu p{
    background:#0853a7;
  }

  .recruit_menu .ksgl-section .ksgl-section_inner_text a,
  .recruit_menu .ksgl-section .ksgl-section_inner_text a:visited{
    font-size:1.3em;
    padding:70px 20px 70px 20px;
  }

}
/**
 * ===============================================
 * MediaQuery : Small
 * ===============================================
 */
@media screen and (max-width: 767px) {
  .recruit_menu .ksgl-section_tile{
    width:100%;
  }
  .recruit_menu p {
    font-size:1.15em;
  }

}

@media screen and (max-width: 480px) {

  .recruit_menu{
    border-top:40px  solid #FFF;
  }

  .recruit_menu .ksgl-section_tile.human:after {
    background:url("./../img/common/recruit_links_human2.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
  .recruit_menu .ksgl-section_tile.office:after {
    background:url("./../img/common/recruit_links_office.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
  .recruit_menu .ksgl-section_tile.staff:after {
    background:url("./../img/common/recruit_links_staff.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }
  .recruit_menu .ksgl-section_tile.info:after {
    background:url("./../img/common/recruit_links_info.jpg") right top no-repeat #FFF;
    background-size: auto 100%;
  }

}