@charset "UTF-8";
.recruitment.top {
  background-color: #F5F5F5;
  /*メインビジュアル*/
  /*スクロールダウン*/
  /* スクロールダウンの位置 */
  /*中身*/
  /*イントロ*/
  /*top-link-section*/
  /*バナー*/
}
.recruitment.top .contents {
  padding: 144px 0 0;
}
.recruitment.top .mv {
  position: relative;
  height: 633px;
  background-image: url(/recruitment/img/top/mv_bg_left.png), url(/recruitment/img/top/mv_bg.jpg);
  background-repeat: no-repeat;
  background-size: 402px 356px, cover;
  background-position: left top, center center;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .recruitment.top .mv {
    background-image: url(/recruitment/img/top/mv_bg_left.png), url(/recruitment/img/top/mv_bg_sp.jpg);
    background-size: 229px 204px, cover;
    height: 342px;
  }
}
.recruitment.top .mv .mv-main-ttl {
  position: relative;
  margin-left: 210px;
  width: 538px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .recruitment.top .mv .mv-main-ttl {
    margin-bottom: 60px;
    margin-left: 5%;
    width: 317px;
  }
}
.recruitment.top .mv .mv-img {
  position: absolute;
  top: 80px;
  right: 0;
  width: calc(100vw - 530px);
  min-width: 913px;
  height: 632px;
  background: url(/recruitment/img/top/mv-img.png) no-repeat;
  background-size: 1077px 632px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .mv .mv-img {
    background: url(/recruitment/img/top/mv-img_sp.png) no-repeat;
    background-size: contain;
    width: 329px;
    height: 228px;
    min-width: auto;
    top: auto;
    bottom: -155px;
  }
}
.recruitment.top .scroll {
  position: absolute;
  left: 30px;
  bottom: 146px;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .recruitment.top .scroll {
    display: none;
  }
}
.recruitment.top .scroll::before {
  -webkit-animation: scroll 2s infinite;
          animation: scroll 2s infinite;
  background-color: #fff;
  bottom: -115px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
  z-index: 2;
}
.recruitment.top .scroll::after {
  background-color: rgba(255, 255, 255, 0.3);
  bottom: -115px;
  content: "";
  height: 100px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px;
}
@-webkit-keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
@keyframes scroll {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  51% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.recruitment.top .contents {
  background-image: url(/recruitment/img/top/bg1.png), url(/recruitment/img/top/bg2.png), url(/recruitment/img/top/bg3.png);
  background-repeat: no-repeat;
  background-size: 171px 198px, 402px 373px, 402px 403px;
  background-position: left 0 top 0, right 0 top 0, left 0 top 706px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .contents {
    background-image: url(/recruitment/img/top/bg2.png), url(/recruitment/img/top/bg3.png);
    background-repeat: no-repeat;
    background-size: 207px 207px, 181px 181px;
    background-position: right 0 top 146px, left 0 top 853px;
  }
}
.recruitment.top .intro {
  padding: 144px 0 216px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .intro {
    padding: 20px 0 118px;
  }
}
@media screen and (max-width: 767px) {
  .recruitment.top .intro .inner {
    width: 100%;
    padding: 0;
  }
}
.recruitment.top .intro .section-block-flex {
  align-items: center;
}
.recruitment.top .intro .section-block-flex .section-block-img {
  width: 570px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .intro .section-block-flex .section-block-img {
    margin-bottom: 77px;
    padding: 0 1%;
    width: 337px;
  }
}
.recruitment.top .intro .section-block-flex .section-block-txt {
  width: 486px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .intro .section-block-flex .section-block-txt {
    margin: 0 auto;
    width: 83%;
    max-width: 323px;
  }
}
.recruitment.top .intro .section-block-flex .section-block-txt p {
  font-size: 1.0625rem;
  font-weight: 500;
}
.recruitment.top .intro .section-block-flex .section-block-txt p + p {
  margin-top: 1em;
}
@media screen and (max-width: 767px) {
  .recruitment.top .intro .section-block-flex .section-block-txt p + p {
    margin-top: 1.9em;
  }
}
.recruitment.top .intro .section-block-flex .section-block-txt p.first-p {
  font-size: 1.125rem;
}
.recruitment.top .top-link-section {
  padding-bottom: 125px;
  background-image: url(/recruitment/img/top/bg4.png);
  background-repeat: no-repeat;
  background-size: 405px 631px;
  background-position: right 0 bottom 0;
}
@media screen and (max-width: 767px) {
  .recruitment.top .top-link-section {
    padding-bottom: 25px;
    background-size: 209px 326px;
  }
}
.recruitment.top .top-link-section .top-link-inner {
  margin: 0 auto;
  width: 1140px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .top-link-section .top-link-inner {
    width: 100%;
  }
}
.recruitment.top .top-link-section .top-link-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.recruitment.top .top-link-section .top-link-list li {
  width: 542px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .top-link-section .top-link-list li {
    width: 100%;
  }
}
.recruitment.top .top-link-section .top-link-list li:nth-of-type(2n) {
  margin-top: 74px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .top-link-section .top-link-list li:nth-of-type(2n) {
    margin-top: 0;
  }
}
.recruitment.top .top-link-section .top-link-list li:not(:last-of-type) {
  margin-bottom: 103px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .top-link-section .top-link-list li:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.recruitment.top .top-link-section .top-link-list .top-link-box {
  position: relative;
  display: block;
}
.recruitment.top .top-link-section .top-link-list .top-link-box span.top-link-img {
  position: relative;
  display: block;
  overflow: hidden;
}
.recruitment.top .top-link-section .top-link-list .top-link-box span.top-link-img img {
  transition: 0.5s ease;
}
.recruitment.top .top-link-section .top-link-list .top-link-box:hover span.top-link-img img {
  transform: scale(1.1);
  transition: 0.5s ease;
}
.recruitment.top .top-link-section .top-link-list .top-link-box:hover .top-link-btn {
  color: #17A29B;
}
.recruitment.top .top-link-section .top-link-list .top-link-btn {
  position: absolute;
  bottom: -50px;
  right: 0;
  display: block;
  background-color: #F5F5F5;
  padding: 20px 20px 20px 50px;
  width: 340px;
  opacity: 1;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .recruitment.top .top-link-section .top-link-list .top-link-btn {
    position: relative;
    bottom: 0;
    max-width: 350px;
    width: 100%;
  }
}
.recruitment.top .top-link-section .top-link-list .top-link-btn:hover {
  color: #17A29B;
}
.recruitment.top .top-link-section .top-link-list .top-link-btn .link-ttl {
  font-size: 1.6875rem;
  font-family: "Heebo", sans-serif;
  font-weight: 500;
}
.recruitment.top .top-link-section .top-link-list .top-link-btn .link-ttl span {
  display: block;
  font-size: 0.875rem;
}
.recruitment.top .top-link-section .top-link-list .top-link-btn span.icon-arrow {
  width: 30px;
  height: 30px;
  background-size: 12px 8px;
}
.recruitment.top .diagonal-bg-test {
  margin-top: -15px;
}
.recruitment.top .diagonal-bg-test .diagonal-bg-test-step02 {
  position: absolute;
  display: block;
  width: 100%;
  min-width: 1240px;
  height: 580px;
  background: #C6EDEA;
  -webkit-clip-path: polygon(0 32%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 32%, 100% 0, 100% 100%, 0 100%);
}
@media screen and (max-width: 767px) {
  .recruitment.top .diagonal-bg-test .diagonal-bg-test-step02 {
    min-width: auto;
    -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%);
  }
}
.recruitment.top .diagonal-bg-test .diagonal-inner {
  position: relative;
  padding: 75px 0 145px;
}
@media screen and (max-width: 767px) {
  .recruitment.top .diagonal-bg-test .diagonal-inner {
    padding: 75px 0 68px;
  }
}
.recruitment.top .diagonal-bg-test a {
  display: block;
  width: 1140px;
  margin: 0 auto;
  border: solid 1px #ccc;
}
@media screen and (max-width: 767px) {
  .recruitment.top .diagonal-bg-test a {
    width: 100%;
  }
}/*# sourceMappingURL=top.css.map */