@charset "Shift_JIS";
/* Updated 2022/03/16.T */
/* mv */
.recruit-mainArea {
  overflow: hidden;
}
.recruit-kvBlk {
  width: 200%;
  height: 539px;
  margin-left: -50%;
  background-color: #f9f9f9;
}
.recruit-kvBlk > .kvInr {
  position: relative;
  width: 1524px;
  height: 539px;
  margin: 0 auto;
}
.recruit-kvBlk > .kvInr > h1 {
  position: absolute;
  top: 39.5%;
  left: 50%;
  z-index: 999;
  margin-left: -79px;
  text-align: center;
  color: #fff;
}
.recruit-kvBlk > .kvInr > h1 > .smallTxt {
  font-size: 20px;
  letter-spacing: 2px;
}
.recruit-kvBlk > .kvInr > h1 > .largeTxt {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: 9px;
}
.recruit-kvBlk > .kvInr > .kvLink02 > a > .inner,
.recruit-kvBlk > .kvInr > .kvLink01 > a > .inner {
  display: inline-block;
  width: 275px;
  padding: 15px 0;
  border: solid 1.5px #fff;
  border-radius: 10px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  box-sizing: border-box;
}
.recruit-kvBlk > .kvInr > .kvLink01,
.recruit-kvBlk > .kvInr > .kvLink02 {
  float: left;
}
.recruit-kvBlk > .kvInr > .kvLink01 > a > .inner {
  position: absolute;
  bottom: 11.5%;
  left: 35%;
}
.recruit-kvBlk > .kvInr > .kvLink02 > a > .inner {
  position: absolute;
  bottom: 11.5%;
  right: 35%;
}
.recruit-kvBlk > .kvInr > .kvLink01 > a:hover,
.recruit-kvBlk > .kvInr > .kvLink02 > a:hover {
  opacity: 0.7;
}
.recruit-kvBlk > .kvInr > .kvLink01,
.recruit-kvBlk > .kvInr > .kvLink02 {
  position: relative;
}
.recruit-kvBlk > .kvInr > .kvLink01 > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  width: 150px;
  height: 539px;
  background: -webkit-linear-gradient(left, #f9f9f9, transparent);
  background: -moz-linear-gradient(left, #f9f9f9, transparent);
  background: linear-gradient(to right, #f9f9f9, transparent);
}
.recruit-kvBlk > .kvInr > .kvLink02 > a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  width: 150px;
  height: 539px;
  background: -webkit-linear-gradient(right, #f9f9f9, transparent);
  background: -moz-linear-gradient(right, #f9f9f9, transparent);
  background: linear-gradient(to left, #f9f9f9, transparent);
}
.modal-wrap {
  z-index: 1000;
}
.recruit-kvBlk > .kvInr > .kvLink02 > .icon-blank01,
.recruit-kvBlk > .kvInr > .kvLink01 > .icon-blank01 {
  position: static;
}
.recruit-contentBlock01 > .inner > .list > .item > .icon-blank01 > .inner > .text > .title > .item {
  width: 1.375em;
  height: 1.375em;
  margin-bottom: 0.15em;
}

.recruit-contentBlock01 > .inner > .list > .item > .icon-blank01 > .inner > .text > .title > .item {}
@media screen and (max-width: 767px) {
  .recruit-kvBlk {
    width: 100%;
    height: auto;
    margin-left: 0;
  }
  .recruit-kvBlk > .kvInr {
    width: 100%;
    height: auto;
  }
  .recruit-kvBlk > .kvInr > h1 {
    margin-left: -72px;
    top: 34%;
  }
  .recruit-kvBlk > .kvInr > h1 > .smallTxt {
    font-size: 16px;
  }
  .recruit-kvBlk > .kvInr > h1 > .largeTxt {
    font-size: 30px;
  }
  .recruit-kvBlk > .kvInr > .kvLink01,
  .recruit-kvBlk > .kvInr > .kvLink02 {
    width: 50%;
  }
  .recruit-kvBlk > .kvInr > .kvLink01 > a > .inner,
  .recruit-kvBlk > .kvInr > .kvLink02 > a > .inner {
    bottom: 8%;
  }
  .recruit-kvBlk > .kvInr > .kvLink01 > a > .inner {
    left: 16%;
  }
  .recruit-kvBlk > .kvInr > .kvLink02 > a > .inner {
    right: 16%;
  }
  .recruit-kvBlk > .kvInr > .kvLink01 > a > .inner,
  .recruit-kvBlk > .kvInr > .kvLink02 > a > .inner {
    width: 70%;
    font-size: 14px;
  }
  .recruit-kvBlk > .kvInr > .kvLink01 > a::before {
    content: none;
  }
  .recruit-kvBlk > .kvInr > .kvLink02 > a::after {
    content: none;
  }
}