/*================================================
 * 採用情報 > 働きやすさ
 ================================================*/
/*******見出し*******/
h2.head_title .ff_english {
  font-size: 170px;
  letter-spacing: .08em;
}
h2.head_title .ja {
  font-size: 26px;
  letter-spacing: .08em;
  display: block;
  margin-top: 1.25em;
}
/*******コンテンツ*******/
#recruit.worklife .contents {
  padding: 110px 70px 195px;
}
/*******メインエリア*******/
.box:nth-child(even) {
  flex-direction: row-reverse;
}
.box + .box {
  margin-top: 110px;
}
.box .area_a {
  width: 510px;
}
.box .area_a.move {
  animation-name: fadeInUp;
}
.box .area_a h2.ttl {
  color: #0078BD;
  font-size: 42px;
  line-height: 1.75;
  letter-spacing: .06em;
  margin-bottom: 17px;
}
.box .area_a p.text {
  font-size: 22px;
  line-height: 2.5;
}
.box .area_b .img {
  position: relative;
  width: 640px;
  height: 500px;
}
.box:nth-child(odd) .area_b .img {
  margin: 13px -140px 0 0;
}
.box:nth-child(even) .area_b .img {
  margin: 13px 0 0 -140px;
}
.box .area_b .photo.move > .inner {
  display: block;
  height: 100%;
}
.box:nth-of-type(1) .area_b .photo.move > .inner {
  background: url("../image/worklife01.jpg") no-repeat 50%/cover;
}
.box:nth-of-type(2) .area_b .photo.move > .inner {
  background: url("../image/worklife02.jpg") no-repeat 50%/cover;
}
.box:nth-of-type(3) .area_b .photo.move > .inner {
  background: url("../image/worklife03.jpg") no-repeat 50%/cover;
}
.box:nth-of-type(4) .area_b .photo.move > .inner {
  background: url("../image/worklife04.jpg") no-repeat 50%/cover;
}
.box .area_b .photo.mask.move .beta {
  background-color: #0078bd;
}
/*******entry*******/
section#entry_area {
  padding-top: 150px;
}
section#entry_area h2.head_title {
  text-align: center;
}
section#entry_area h2.head_title .ff_english {
  font-size: 120px;
}
section#entry_area h2.head_title .ja {
  margin-top: 18px;
}
section#entry_area ul {
  margin-top: 55px;
}
section#entry_area ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 535px;
  height: 160px;
  text-align: center;
  border-radius: 160px;
  color: #fff;
  border: 2px solid #0078bd;
}
section#entry_area ul li a:hover {
  background-color: #fff;
  color: #0078bd;
  opacity: 1;
}
section#entry_area ul li a .ff_english {
  font-size: 48px;
  letter-spacing: .08em;
}
section#entry_area ul li a .ja {
  font-size: 20px;
  margin-top: 15px;
  letter-spacing: .08em;
}
/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width: 900px) {
  #pageTitle {
    height: 63vw;
  }
  /*******見出し*******/
  h2.head_title .ff_english {
    font-size: 18.933vw;
  }
  h2.head_title .ja {
    font-size: 4vw;
    margin-top: 3.733vw;
  }
  /*******コンテンツ*******/
  #recruit.worklife .contents {
    padding: 10vw 7vw 12vw;
  }
  /*******メインエリア*******/
  .box + .box {
    margin-top: 14.667vw;
  }
  .box .area_a {
    width: 100%;
  }
  .box .area_a h2.ttl {
    font-size: 7.467vw;
    line-height: 1.5;
    margin: 0 -1em 4vw;
    text-align: center;
  }
  .box .area_a p.text {
    font-size: 4.267vw;
    line-height: 2;
  }
  .box .area_b {
    width: 100%;
    padding-top: 6.667vw;
  }
  .box .area_b .img {
    width: auto;
    height: 72.8vw;
  }
  .box:nth-child(odd) .area_b .img {
    margin: 0 -7vw 0 0;
  }
  .box:nth-child(even) .area_b .img {
    margin: 0 0 0 -7vw;
  }
  /*******entry*******/
  section#entry_area {
    padding-top: 20vw;
    padding-bottom: 10.667vw;
  }
  section#entry_area h2.head_title .ff_english {
    font-size: 18.933vw;
  }
  section#entry_area h2.head_title .ja {
    margin-top: 4vw;
  }
  section#entry_area ul {
    margin-top: 12vw;
    justify-content: center;
  }
  section#entry_area ul li:nth-child(2) {
    margin-top: 5.333vw;
  }
  section#entry_area ul li a {
    width: 80vw;
    height: 24vw;
    border-radius: 24vw;
    padding-bottom: 1.333vw;
  }
  section#entry_area ul li a .ff_english {
    font-size: 8vw;
  }
  section#entry_area ul li a .ja {
    font-size: 3.467vw;
    margin-top: 2.667vw;
  }
}