.recruitHero {
  padding: 100px 0 150px;
  text-align: center;
  @media screen and (max-width: 750px){
    padding: 20px 0 40px;
  }
}
.recruitHero__title {
  font-size: 80px;
  font-weight: bold;
  font-family: var(--font-josefin);
  letter-spacing: -0.02em;
  @media screen and (max-width: 750px){
    font-size: 40px;
  }
}
.recruitBlue {
  padding: 180px 0 170px;
  text-align: center;
  background: var(--grad-blue);
  @media screen and (max-width: 750px){
    padding: 60px 20px 80px;
  }
}
.recruitBlue__title {
  img {
    width: 925px;
    @media screen and (max-width: 750px){
      width: 240px;
    }
  }
}
.recruitBlue__text {
  margin-top: 90px;
  @media screen and (max-width: 750px){
    margin-top: 60px;
  }
  img {
    width: 261px;
  }
}
.recruitEyecatch {
  margin: 85px auto 0;
  max-width: 1000px;
  @media screen and (max-width: 750px){
    margin-top: 40px;
  }
}
.recruitWorks {
  margin-top: 70px;
  @media screen and (max-width: 750px){
    margin-top: 60px;
    padding: 0 20px;
  }
}
.title-recruit-primary {
  font-size: 40px;
  font-weight: bold;
  display: flex;
  align-items: center;
  @media screen and (max-width: 750px){
    font-size: 20px;
  }
  &:after {
    content: "";
    height: 12px;
    flex: 1;
    margin-left: 1em;
    background: var(--grad-blue-l);
  }
}
.recruitWorks__thumb {
  margin-top: 35px;
  @media screen and (max-width: 750px){
    margin-top: 20px;
  }
}
.recruitMessage {
  margin-top: 85px;
  @media screen and (max-width: 750px){
    margin-top: 60px;
    padding: 0 20px;
  }
}
.recruitMessage__row {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  @media screen and (max-width: 750px){
    flex-direction: column;
    margin-top: 20px;
  }
}
.recruitMessage__left {
  width: 318px;
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitMessage__right {
  margin-left: 1em;
  @media screen and (max-width: 750px){
    margin-left: 0;
    margin-top: 20px;
  }
}
.recruitMessage__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 2.4;
  font-feature-settings: "palt";
  @media screen and (max-width: 750px){
    font-size: 14px;
  }
}
.recruitMessage__name {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.22em;
  @media screen and (max-width: 750px){
    font-size: 14px;
  }
  .large {
    font-size: 22px;
    margin-left: 0.5em;
    @media screen and (max-width: 750px){
      font-size: 18px;
      margin-left: 0.3em;
    }
  }
}
.recruitSenpai {
  margin-top: 110px;
  @media screen and (max-width: 750px){
    margin-top: 60px;
    padding: 0 20px;
  }
}
.recruitSenpai__inner {
  margin-top: 30px;
  position: relative;
  @media screen and (max-width: 750px){
    margin-top: 20px;
  }
}
.recruitSenpai__large {
  margin-right: 185px;
  @media screen and (max-width: 750px){
    margin: 0;
  }
}
.recruitSenpaiContent {
  position: absolute;
  right: 0px;
  top: 108px;
  width: 465px;
  background-color: #fff;
  border: 1px solid var(--color-blue);
  padding: 35px 45px 45px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  @media screen and (max-width: 750px){
    width: 100%;
    position: relative;
    right: 0;
    top: 0;
    margin-top: 20px;
    padding: 30px 20px;
  } 
}
.recruitSenpaiContent__title {
  font-size: 34px;
  font-weight: 500;
  @media screen and (max-width: 750px){
    font-size: 24px;
  }
}
.recruitSenpaiContent__time {
  font-size: 18px;
  font-weight: 500;
  @media screen and (max-width: 750px){
    font-size: 16px;
  }
}
.recruitSenpaiContent__job {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0.6em;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--color-blue);
  margin-bottom: 20px;
  @media screen and (max-width: 750px){
    font-size: 14px;
  }
}
.recruitSenpaiContent__list {
  + .recruitSenpaiContent__list {
    margin-top: 40px;
    @media screen and (max-width: 750px){
      margin-top: 30px;
    }
  }
  dt {
    padding-left: 58px;
    position: relative;
    color: #1354a2;
    font-weight: 500;
    font-size: 16px;
    @media screen and (max-width: 750px){
      padding-left: 48px;
      font-size: 14px;
    }
    .num {
      position: absolute;
      left: 0;
      top: 4px;
      font-size: 24px;
      font-family: var(--font-josefin);
      line-height: 1;
      font-weight: 500;
      @media screen and (max-width: 750px){
        font-size: 20px;
      }
    }
  }
  dd {
    padding-left: 58px;
    position: relative;
    color: #308ECC;
    font-weight: 500;
    font-size: 18px;
    margin-top: 0.5em;
    @media screen and (max-width: 750px){
      padding-left: 48px;
      font-size: 16px;
    }
    .num {
      position: absolute;
      left: 0;
      top: 4px;
      font-size: 27px;
      font-family: var(--font-josefin);
      line-height: 1;
      font-weight: 500;
      @media screen and (max-width: 750px){
        font-size: 20px;
      }
    }
  }
}
.recruitSenpai__bottom {
  display: flex;
  padding: 30px 30px 0;
  gap: 30px;
  @media screen and (max-width: 750px){
    gap: 10px;
    padding: 10px 0 0;
  }

}
.recruitSchedule {
  margin-top: 80px;
  @media screen and (max-width: 750px){
    margin: 60px 0 0;
    padding: 0 20px;
  }
}
.recruitSchedule__inner {
  margin-top: 110px;
  background: url(../img/recruit/bg_schedule.png) no-repeat right bottom 36px / 581px, linear-gradient(to right, #1b4698 0%, #4c8ccc 100%);
  padding: 60px 0 90px 65px;
  position: relative;
  @media screen and (max-width: 750px){
    padding: 40px 20px 60px;
    background: url(../img/recruit/bg_schedule.png) no-repeat right bottom 36px / 80%, linear-gradient(to right, #1b4698 0%, #4c8ccc 100%);
  }
}
.recruitSchedule__name {
  img {
    width: 207px;
  }
}
.recruitSchedule__date {
  margin-top: 44px;
  img {
    width: 409px;
  }
}
.recruitSchedule__img {
  position: absolute;
  top: -120px;
  right: -18px;
  width: 574px;
  @media screen and (max-width: 750px){
    width: 100%;
    margin: 20px auto 0;
    position: static;
  }
}
.recruitTeam {
  margin-top: 150px;
  @media screen and (max-width: 750px){
    margin-top: 60px;
    padding: 0 20px;
  }
}
.recruitTeam__row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: 8px 25px 0;
  @media screen and (max-width: 750px){
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin-top: 20px;
    gap: 20px;
  }
}
.recruitTeam__h3 {
  font-size: 28px;
  font-weight: bold;
  letter-spacing: 0.08em;
  margin-bottom: 20px;
  @media screen and (max-width: 750px){
    font-size: 20px;
  }
}
.recruitTeam__left {
  width: 396px;
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitTeam__right {
  width: 536px;
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitWelfare {
  margin-top: 160px;
  padding: 140px 20px;
  background-color: #e5edf6;
  @media screen and (max-width: 750px){
    margin-top: 60px;
    padding: 40px 20px;
  }
}
.recruitWelfare__inner {
  max-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  padding: 80px 80px 90px;
  @media screen and (max-width: 750px){
    padding: 30px 20px;
  }
}
.recruitWelfare__read {
  font-size: 24px;
  font-weight: bold;
  margin-top: 2em;
  text-align: center;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
  @media screen and (max-width: 750px){
    font-size: 18px;
  }
}
.recruitWelfareTop {
  margin-top: 60px;
  display: flex;
  justify-content: space-between;
  @media screen and (max-width: 750px){
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
  }
}
.recruitWelfareTop__left {
  width: 505px;
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitWelfareTop__right {
  width: 305px;
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitWelfareTop__row {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  @media screen and (max-width: 750px){
    flex-direction: column;
    gap: 20px;
    text-align: center;
  }
}
.recruitWelfareTop__point {
  width: 186px; 
  @media screen and (max-width: 750px){
    width: 100%;
    img {
      width: 60%;
    }
  }
}
.recruitWelfareTop__content {
  width: 275px;
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitWelfare__h4 {
  font-weight: bold;
  font-size: 26px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 2px solid var(--color-blue);
  position: relative;
  @media screen and (max-width: 750px){
    font-size: 20px;
  }
  .icon-special {
    position: absolute;
    right: -8px;
    bottom: -17px;
    width: 64px;
  }
}
.recruitWelfare__text {
  font-size: 14px;
  font-weight: bold;
  @media screen and (max-width: 750px){
    text-align: center;
  }
}
.recruitWelfare__h3 {
  text-align: center;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  padding: 10px 0;
  background-color: var(--color-blue);
  @media screen and (max-width: 750px){
    font-size: 18px;
    padding: 10px;
  }
}
.recruitWelfare__bottom {
  margin-top: 50px;
  .recruitWelfare__h3 {
    background-color: var(--color-blue);
  }
  .recruitWelfare__h4 {
    color: var(--color-blue);
    text-align: center;
  }
  .recruitWelfare__text {
    color: var(--color-blue);
  }
  .-orange {
    .recruitWelfare__h4 {
      color: var(--color-orange);
      border-color: var(--color-orange);
      text-align: center;
    }
    .recruitWelfare__text {
      color: var(--color-orange);
    }
  }
}
.recruitWelfareList {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 30px;
  margin-top: 45px;
  position: relative;
  @media screen and (max-width: 750px){
    flex-direction: column;
    gap: 30px;
  }
}
.recruitWelfareList__item {
  width: calc((100% - 60px) / 3);
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitWelfareList__point {
  margin-bottom: 20px;
  @media screen and (max-width: 750px){
    text-align: center;
    img {
      width: 60%;
    }
  }
}
.recruitWelfareList__img {
  position: absolute;
  width: 306px;
  bottom: -10px;
  right: -10px;
  @media screen and (max-width: 750px){
    position: static;
    text-align: center;
    img {
      width: 60%;
    }
  }
}
.recruitWelfare__other {
  margin-top: 70px;
  display: flex;
  font-size: 16px;
  font-weight: bold;
  @media screen and (max-width: 750px){
    font-size: 14px;
    flex-direction: column;
  }
  dt {
    &:after {
      content: "／";
    }
  }
  dd {

  }
}
.recruitSupport {
  text-align: center;
  padding-top: 50px;
  margin-top: 50px;
  border-top: 1px solid var(--color-blue);
}
.recruitSupport__title {
  width: 380px;
  margin: 0 auto;
  padding-bottom: 20px;
  border-bottom: 3px solid var(--color-blue);
  @media screen and (max-width: 750px){
    width: 100%;
  }
}
.recruitSupport__text {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  margin-top: 1em;
  @media screen and (max-width: 750px){
    font-size: 18px;
  }
}
.recruitSupport__strong {
  display: inline-block;
  border: 2px solid var(--color-blue);
  font-size: 26px;
  font-weight: bold;
  padding: 8px 0.8em;
  margin-top: 0.8em;
  @media screen and (max-width: 750px){
    font-size: 20px;
    padding: 8px 0.6em;
  }
}
.recruitYoko {
  padding: 120px 20px 135px;
  @media screen and (max-width: 750px){
    padding: 60px 20px 80px;
  }
}
.recruitYokoBlock {
  margin-top: 110px;
  @media screen and (max-width: 750px){
    margin-top: 60px;
  }
  + .recruitYokoBlock {
    margin-top: 140px;
    @media screen and (max-width: 750px){
      margin-top: 80px;
    }
  }
}
.recruitYokoBlock__title {
  font-size: 28px;
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.34em;
  @media screen and (max-width: 750px){
    font-size: 22px;
  }
}
.recruitYokoBlock__table {
  margin-top: 60px;
  @media screen and (max-width: 750px){
    margin-top: 20px;
  }
}
.recruit__btn {
  margin-top: 60px;
  display: flex;
  justify-content: center;
  a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: var(--color-blue);
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.18em;
    position: relative;
    width: 374px;
    height: 93px;
    text-decoration: none;
    &:after {
      content: "";
      background: url(../img/arrow_link.svg) no-repeat center / contain;
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translateY(-50%);
      width: 20px;
      height: 20px;
    }
  }
}
.recruitFooter {
  border-top: 11px solid var(--color-blue);
  padding: 40px 0;
  @media screen and (max-width: 750px){
    padding: 40px 20px;
  }
}
.recruitFooter__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  @media screen and (max-width: 750px){
    flex-direction: column;
  }
}
.recruitFooter__logo {
  img {
    width: 408px;
    @media screen and (max-width: 750px){
      width: 100%;
    }
  }
}
.recruitFooter__address {
  font-size: 16px;
  line-height: 2;
  font-weight: 500;
  letter-spacing: 0.18em;
  margin-top: 1em;
  @media screen and (max-width: 750px){
    font-size: 12px;
    line-height: 1.8;
  }
}
.recruitFooter__right {
  width: 326px;
  @media screen and (max-width: 750px){
    width: 100%;
    text-align: center;
    margin-top: 30px;
    img {
      width: 80%;
    }
  }
}
.recruitFooter__copyright {
  text-align: center;
  font-family: var(--font-josefin);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-top: 70px;
  @media screen and (max-width: 750px){
    margin-top: 40px;
    font-size: 11px;
  }
}