@charset "UTF-8";
.page .breadcrumbs {
  position: absolute;
  transform: translate(0, 50%);
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: auto;
  max-width: 1374px;
  padding-left: 32px;
}
.page .breadcrumbs-list {
  background-color: transparent;
  padding: 0;
}
.page-head {
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) bottom center no-repeat, url(../../../img/recruitment/bg_page-recruit.jpg) center bottom no-repeat;
  background-size: 100% 100px, cover;
  height: 440px;
}
.page-head-ttl {
  color: #4A6088;
}
.page-head .breadcrumbs {
  top: 96px;
}

.page-recruitment {
  margin-top: 90px;
  position: relative;
  background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) top 1040px left no-repeat, url(../../../img/recruitment/bg_recruit.jpg) top -180px left no-repeat rgba(255, 255, 255, 0.15);
  background-size: 100% 700px, 100vw 1915px;
  background-blend-mode: lighten;
}

.mv {
  position: relative;
}
.mv__heading {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-size: 4.375rem;
  color: #4A6088;
  line-height: 0.5;
  margin-bottom: 88px;
}
.mv__heading span {
  font-size: 1rem;
  font-weight: 400;
  color: #4A6088;
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  padding-top: 16px;
}
.mv__text {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  font-weight: 400;
  font-size: 1.0625rem;
  line-height: 36px;
}
.mv__text.large {
  margin-bottom: 96px;
  font-size: 24px;
}
.mv__group {
  max-width: 1374px;
  padding-top: 160px;
  padding-left: 32px;
  margin: 0 auto;
}
.mv__group--img li {
  position: absolute;
  top: 0;
  right: 0;
}
.mv__group--img li:nth-child(1) {
  width: 934px;
}
.mv__group--img li:nth-child(2) {
  width: 260px;
  top: 67%;
  right: 527px;
}
.mv__group--img li:nth-child(3) {
  width: 240px;
  top: 77%;
  right: 114px;
}
.mv__group--img li:nth-child(4) {
  width: 210px;
  top: 116%;
  right: 256px;
}
.mv__group--img li:nth-child(5) {
  width: 147px;
  top: 107%;
  right: 840px;
}
.mv__inner {
  max-width: 310px;
}
.mv__img--sp {
  display: none;
}

.role {
  padding: 417px 0 160px;
  background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) bottom 1073px left no-repeat, url(../../../img/recruitment/bg_recruit.jpg) bottom left no-repeat rgba(255, 255, 255, 0.15);
  background-size: 100% 700px, 100vw 1770px;
}
.role__list {
  max-width: 1100px;
  margin: 0 auto;
}
.role__list li {
  display: flex;
  gap: 48px;
  max-width: 904px;
}
.role__list li:not(:last-child) {
  margin-bottom: 120px;
}
.role__list li:nth-child(odd) {
  margin-right: auto;
}
.role__list li:nth-child(even) {
  margin-left: auto;
  flex-flow: row-reverse;
}
.role__group {
  width: 400px;
  display: flex;
  flex-flow: column;
  gap: 56px;
}
.role__heading {
  font-family: "Noto Serif JP", "游明朝", "Yu Mincho", "YuMincho", "Hiragino Mincho Pro", serif;
  font-weight: 500;
  font-size: 2.5rem;
  color: #4A6088;
}
.role__text {
  font-weight: 400;
  font-size: 1rem;
  line-height: 32px;
}
.role__img {
  width: 456px;
  flex-shrink: 0;
}

.btn.btn-link.shadow {
  width: fit-content;
  border: none;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.05);
  margin-top: auto;
  margin-left: auto;
  min-width: 214px;
}

.foot {
  width: 100%;
  height: 566px;
  background: url(../../../img/recruitment/recruit_foot.jpg) top center no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.fw-r {
  font-weight: 400;
}

@media screen and (max-width: 767px){
  .page-recruitment {
    margin-top: 17.9487179487vw;
    background: linear-gradient(to top, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%) top 2120px left no-repeat, url(../../../img/recruitment/bg_recruit.jpg) top center no-repeat;
    background-size: 100% 500px, 100vw 2600px;
  }
  .mv__heading {
    margin: 0 24px 40px;
  }
  .mv__text {
    margin: 0 24px;
  }
  .mv__text.large {
    margin-bottom: 48px;
  }
  .mv__group {
    padding-left: 0;
    padding-top: 96px;
  }
  .mv__group--img {
    margin-top: 64px;
  }
  .mv__group--img li {
    position: static;
  }
  .mv__group--img li:nth-child(1) {
    display: none;
  }
  .mv__group--img li:nth-child(2) {
    width: 169px;
  }
  .mv__group--img li:nth-child(3) {
    width: 156px;
    margin-left: auto;
    margin-top: -148px;
  }
  .mv__group--img li:nth-child(4) {
    width: 150px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: 46px;
  }
  .mv__group--img li:nth-child(5) {
    width: 103px;
    margin-top: -8px;
    margin-left: 56px;
  }
  .mv__inner {
    max-width: none;
  }
  .mv__img--sp {
    display: block;
    margin-bottom: 32px;
  }
  .role {
    padding: 160px 0 120px;
    background: linear-gradient(to bottom, white 0%, rgba(255, 255, 255, 0.5) 50%, rgba(0, 0, 0, 0) 100%) bottom 2500px left no-repeat, url(../../../img/recruitment/bg_recruit.jpg) bottom center no-repeat;
    background-size: 100% 500px, 100vw 2880px;
  }
  .role__list li {
    flex-flow: column;
  }
  .role__list li:not(:last-child) {
    margin-bottom: 96px;
  }
  .role__list li:nth-child(even) {
    flex-flow: column;
  }
  .role__group {
    width: auto;
    margin: 0 20px;
    gap: 40px;
  }
  .role__heading {
    font-size: 2rem;
  }
  .role__text {
    font-size: 0.875rem;
  }
  .role__img {
    width: auto;
    flex-shrink: 1;
    margin: 0 20px;
  }
  .foot {
    height: 127.7vw;
    background: url(../../../img/recruitment/recruit_foot_sp.jpg) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .detail__img {
    margin: 0 -5.1282051282vw;
  }
}