@charset "UTF-8";
/* ================================================
COMPANY TOP
================================================ */
/* area-company-top-video
------------------------------------------------ */
.area-recruit-top-video{
  margin-bottom: 50px;
}
.area-recruit-top-video video{
  width: 100%;
}
/* area-company-top
------------------------------------------------ */
.area-recruit-top{
  margin-left: -3.72%;
}
.area-recruit-top li{
  margin: 0 0 55px 3.72%;
  width: 46.25%;
  float: left;
  font-size: 21px;
  line-height: 1.3;
  font-family: 'Noto Sans Japanese',sans-serif;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  position: relative;
  transition: all 0.2s ease;
  list-style: none;
}
.area-recruit-top li:before {
  content:"";
  display: block;
  padding-top: 67.1%;
}
.area-recruit-top li:hover{
  opacity: 0.8;
}
.area-recruit-top li a{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.area-recruit-top li:hover div{
 transform: scale(1);
}
.area-recruit-top li div{
  position: absolute;
  width: 90px;
  height: 90px;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color: #008899;
  border: 1px solid #008899;
  background: rgba(255, 255, 255, 0.75);
  transform: scale(0.95);
  transition: all 0.2s ease;
}

.area-recruit-top li div.long{
  width: 285px;
  height: 60px;
}
.area-recruit-top li div span{
  width: 100%;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  margin-left: 0.1em;
  letter-spacing: 0.2em;
}
.area-recruit-top li.person{
  background-image: url(../img/img_recruit_01.jpg?190228);
}
.area-recruit-top li.requirements{
  background-image: url(../img/img_recruit_02.jpg?190228);
}
.area-recruit-top li.interview01{
  background-image: url(../img/img_recruit_03.jpg?190228);
}
.area-recruit-top li.interview02{
  background-image: url(../img/img_recruit_06.jpg?251219);
}
.area-recruit-top li.interview03{
  background-image: url(../img/img_recruit_05.jpg?190228);
}
.area-recruit-top li.interview04{
  background-image: url(../img/img_recruit_06.jpg?190228);
}