.container {
  max-width: 1120px;
}
.pageRecruit {
  background-color: #455230;
}
.breadcrumbs {
  position: relative;
  z-index: 2;
}

/* ======================== */
/* section common */
/* ======================== */
section {
  padding-block: var(--gradation-margin);
}
.h2-line {
  font-size: var(--18);
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.045rem;
  padding-left: 5rem;
  position: relative;
}
.h2-line::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  width: 4rem;
  height: 1px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.lead__title-lg {
  font-size: var(--32);
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 0.16rem;
  margin-top: 2.5rem;
}
.lead__text {
  font-size: var(--16);
  font-weight: 500;
  line-height: 240%;
  letter-spacing: 0.08rem;
  margin-top: 1rem;
}

@media screen and (max-width: 767px) {
  section {
    padding-block: 6rem 8.75rem
  }
  .h2-line {
    padding-left: 4rem;
  }
  .h2-line::before {
    width: 3rem;
  }
  .lead__title-lg {
    font-size: 1.625rem;
    letter-spacing: 0.08em;
  }
  .lead__text {
    line-height: 2.2;
    letter-spacing: 0.08em;
    text-align: justify;
  }
}

/* ======================== */
/* ファーストビュー */
/* ======================== */
.rectuitMv__wrapper {
  height: 100dvh;
  display: grid;
  grid-template-rows: 1fr auto;
  position: relative;
}
.rectuitMv {
  height: 100%;
  position: relative;
  padding-top: 7.1875rem;
}
.rectuitMv__bg {
  display: block;
}
.rectuitMv__bg-img {
  display: block;
  width: 50%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.rectuitMv__pc {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.rectuitMv__text {
  display: flex;
  gap: 1.5rem;
  position: absolute;
  bottom: 22%;
  transform: translateY(-50%);
  left: calc(330 / 1440 * 100vw);
}
.rectuitMv__text p {
  font-size: max(1.04167vw, 0.9375rem);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.2em;
  font-feature-settings: 'vert' on;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}

.rectuitMv__title {
  position: absolute;
  bottom: 1.8rem;
  left: 4vw;
  width: 92.5vw;
  img {
    width: 100%;
  }
}
@media screen and (max-width: 1000px) {
  .rectuitMv {
    padding-top: 5rem;
  }
  .rectuitMv__bg-img {
    width: 100%;
    right: auto;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .rectuitMv__pc {
    height: 100%;
    max-height: none;
  }
  .rectuitMv__text {
    transform: none;
    left: auto;
    top: unset;
    bottom: 10vw;
    right: calc(36 / 390 * 100vw);
  }
  .rectuitMv__text p {
    font-size: max(3.5897435vw, 0.875rem);
  }
  .rectuitMv__title {
    position: absolute;
    bottom: 32px;
    left: calc(24 / 390 * 100vw);
    width: calc(339.46 / 390 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .rectuitMv__text {
    bottom: 20vw;
  }
}

@media screen and (max-width: 600px) {
  .rectuitMv__text {
    bottom: 35vw;
  }
}

/* ======================== */
/* お知らせ　セクション */
/* ======================== */
.rectuitNews {
  padding-block: 0;
}
.rectuitNews__lists {
  padding: 1rem 2.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4.0625rem;
  background-color: #657052;
}

.newsList {
  position: relative;
}
.newsList:nth-child(even):before {
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: -2rem;
}
.newsList__link {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.newsList__time {
color: rgba(255, 255, 255, 0.6);
font-family: var(--familyNotoSans);
font-size: var(--13);
font-weight: 400;
line-height: 150%;
letter-spacing: 0.0325rem;
}
.newsList__title {
  font-size: var(--14);
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 0.07rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 1.75rem;
  max-width: 34vw;
  width: fit-content;
}

.newsList__dotted {
  display: inline-block;
  width: 0.25rem;
  height: 0.25rem;
}
.dotted--white::after {
  right: 0;
  bottom: auto;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
  .rectuitNews {
    padding-block: 0;
  }
  .rectuitNews__lists {
    grid-template-columns: 1fr;
    gap: 0.5rem;
    padding: 1rem 1.5rem;
  }
  .newsList:first-of-type::after {
    display: none;
  }
  .newsList__title {
    width: 100%;
    max-width: 55.5vw;
  }
  .newsList__link {
    line-height: 1.4375rem;
  }
}
/* ======================== */
/* 佐々木製茶について */
/* ======================== */
.about {
  background: url(../../images/pages/recruit/about-bg-pc.webp) no-repeat center top / cover;
  margin-top: 10rem;
  padding-top: 0;
}
.about__items {
  display: block;
  position: relative;
  margin-top: var(--margin80);
}
.about__items-frame img {
  width: 100%;
}
.aboutItem {
  display: inline-block;
  width: calc(200 / 1120 * 100%);
  aspect-ratio: 1 / 1;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  border-radius: 50%;
  position: absolute;
}
.aboutItem:nth-of-type(1) {
  bottom: calc(177 / 1440 * 100vw);
  left: 0;
}
.aboutItem:nth-of-type(2) {
  bottom: calc(30 / 1440 * 100vw);
  left: calc(212 / 1120 * 100%);
}
.aboutItem:nth-of-type(3) {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.aboutItem:nth-of-type(4) {
  bottom: calc(30 / 1440 * 100vw);
  right: calc(212 / 1120 * 100%);
}
.aboutItem:nth-of-type(5) {
  bottom: calc(177 / 1440 * 100vw);
  right: 0;
}

.aboutItem__image {
  display: inline-block;
  width: min(6.11vw, 5.5rem);
  aspect-ratio: 1 / 1;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: min(2.882vw, 2.59375rem);
  transform: translateX(-50%);
  z-index: 2;
}
.aboutItem__title {
  font-size: min(1.11vw, 1rem);
  text-align: center;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.16rem;
  position: absolute;
  left: 50%;
  bottom: min(2.882vw, 2.59375rem);
  transform: translateX(-50%);
  z-index: 2;
}

.about-items__texts {
  position: absolute;
  left: 50%;
  top: calc(89 / 1440 * 100vw);
  transform: translateX(-50%);
}
.about-items__texts p {
  font-family: var(--familyNotoSans);
  font-size: var(--14);
  font-weight: 400;
  line-height: 240%;
  letter-spacing: 0.07rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .about {
    background: url(../../images/pages/recruit/about-bg-sp.webp) no-repeat center bottom / contain;
    margin-top: 6rem;
  }
  .aboutItem {
    width: 8rem;
  }
  .aboutItem:nth-of-type(1) {
    bottom: auto;
    top: 1.25rem;
    left: 0;
  }
  .aboutItem:nth-of-type(2) {
    bottom: auto;
    top: 1.25rem;
    left: auto;
    right: 0;
  }
  .aboutItem:nth-of-type(3) {
    bottom: 3.25rem;
    left: -1.25rem;
    transform: none;
  }
  .aboutItem:nth-of-type(4) {
    bottom: 3.25rem;
    right: -1.25rem;
  }
  .aboutItem:nth-of-type(5) {
    bottom: -2.5rem;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }

  .aboutItem__image {
    width: 4rem;
    top: 1.1875rem;
  }
  .aboutItem__title {
    font-size: 0.875rem;
    bottom: 1.1875rem;
    white-space: nowrap;
    letter-spacing: 0.14rem;
  }

  .about-items__texts {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .about-items__texts p {
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.06rem;
    white-space: nowrap;
  }
}

/* ======================== */
/* 求める人物像・メッセージ */
/* ======================== */
.message {
  background-color: rgba(0, 0, 0, 0.20);
}
.message__head {
  display: flex;
  justify-content: center;
  gap: 3.5rem;
}
.message-head__title {
  display: flex;
  gap: 1.5rem;
}
.message-head__title p {
  font-size: var(--15);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.2em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
}
.message-head__text {
  font-size: var(--13);
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.1em;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: end;
}

.message .lead {
  margin-top: var(--gradation-margin);
}

.message__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  align-items: stretch;
  gap: 1rem;
  margin-top: 5rem;
}
.messageCard {
  background-color: #455230;
  padding: 2.5rem 2.5rem 3rem 2.5rem;
  display: grid;
  gap: 1.25rem;
  max-width: 22.666875rem;
}
.messageCard__icon {
  text-align: center;
}
.messageCard__title {
  font-size: var(--18);
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 0.09rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-align: center;
}
.messageCard__text {
  color: rgba(255, 255, 255, 0.8);
  font-family: var(--familyNotoSans);
  font-size: var(--14);
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.07rem;
  text-align: center;
}

@media screen and (max-width: 1180px) {
  .message__cards {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  .messageCard {
    background-color: #455230;
    padding: 2.5rem 3.57% 3rem 3.57%;
    display: grid;
    gap: 1.25rem;
    width: 22.666875rem;
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .message {
    padding-bottom: 6rem;
  }
  .message__head {
    gap: 2rem;
  }
  .message__head img {
    width: 11.25rem;
  }
  .message-head__title {
    gap: 1rem;
  }
  .message-head__text {
    letter-spacing: 0.14em;
  }
  .message .lead {
    margin-top: 6rem;
  }
  .message__cards {
    margin-top: 4rem;
  }
  .messageCard {
    padding: 2rem 2rem 2.5rem 2rem;
    gap: 1rem;
  }
  .messageCard__title {
    list-style-position: 0.08em;
  }
}
/* ======================== */
/* 社員インタビュー */
/* ======================== */
.interview {
  
}

.interview__articles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  column-gap: 0;
  row-gap: 6rem;
  margin-top: 5rem;
}
.interviewCard a.dotted--white::after{
  top: auto;
  bottom: 0;
  transform: none;
}
.interviewCard a {
  display: grid;
  gap: 1.5rem;
}
.interviewCard:nth-of-type(2n-1) {
  padding-right: 2.5rem;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.interviewCard:nth-of-type(2n) {
  padding-left: 2.5rem;
}
.interviewCard__image {
  position: relative;
  overflow: hidden;
  aspect-ratio: 520 / 346.91;

  img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.interviewCard__title {
  font-size: var(--20);
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.05rem;
}

.interviewCard__texts {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.interviewCard__company {
  color: rgba(255, 255, 255, 0.8);
  position: relative;
  padding-right: 3rem;
  width: 100%;
}
.interviewCard__company,
.interviewCard__job,
.interviewCard__name {
  font-family: var(--familyNotoSans);
  font-size: var(--13);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.0325rem;
}
@media screen and (max-width: 767px) {
  .interview  {
    padding-bottom: 6rem;
  }
  .interview__articles {
    margin-top: 4rem;
    grid-template-columns: 1fr;
    gap: 4rem;
  }
  .interviewCard:not(:first-of-type) {
    padding-top: 1rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
  .interviewCard a {
    gap: 1rem;
  }
  .interviewCard:nth-of-type(2n-1) {
    padding-right: 0;
    border-right: none;
  }
  .interviewCard:nth-of-type(2n) {
    padding-left: 0;
  }
  .interviewCard__company {
    padding-right: 2.25rem;
  }
  .interviewCard__company::after {
    width: 1.5rem;
  }
  .interviewCard__texts {
    gap: 0.75rem;
  }
}

/* ======================== */
/* 部署のこと */
/* ======================== */
.department {
  background-color: rgba(0, 0, 0, 0.20);
}
.department__cards {
  display: grid;
  align-items: stretch;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1.5rem;
  margin-top: 5rem;
}
.departmentCard {
  background-color: #455230;
  position: relative;
}

/* beforeで左右のラインを追加 */
.departmentCard::before {
  content: "";
  background: url(../../images/pages/recruit/department-line.svg) no-repeat center center / contain;
  width: 1.75rem;
  aspect-ratio: 28 / 6;
  position: absolute;
  top: 50%;
  transform: translate(100%, -50%);
  right: 0;
  z-index: 2;
}
.departmentCard:nth-of-type(4):before {
  right: auto;
  left: 50%;
  top: auto;
  bottom: -1rem;
  transform: translateX(-50%) rotate(90deg);
}
.departmentCard:nth-of-type(8):before {
  display: none;
}
.departmentCard:nth-of-type(5):before,
.departmentCard:nth-of-type(6):before,
.departmentCard:nth-of-type(7):before {
  right: 0.25rem;
  transform: translate(100%, -50%) rotate(180deg);
}

/* afterで上下のラインを追加 */
.departmentCard::after {
  content: "";
  background: url(../../images/pages/recruit/department-line.svg) no-repeat center center / contain;
  width: 1.75rem;
  aspect-ratio: 28 / 6;
  position: absolute;
  left: 50%;
  top: -1rem;
  transform: translateX(-50%) rotate(-90deg);
  z-index: 2;
}
.departmentCard:nth-of-type(1)::after,
.departmentCard:nth-of-type(2)::after,
.departmentCard:nth-of-type(3)::after,
.departmentCard:nth-of-type(4)::after,
.departmentCard:nth-of-type(6)::after,
.departmentCard:nth-of-type(7)::after,
.departmentCard:nth-of-type(8)::after {
  display: none;
}
.departmentCard:nth-of-type(5):after {
}

.departmentCard__image {
  margin-top: 2rem;
  text-align: center;
}

.departmentCard__image img {
  margin-inline: auto;
  width: 36.6%;
}

.departmentCard__title {
  font-size: clamp(0.625rem, 0.054rem + 1.19vw, 1.125rem);
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 0.09rem;
  margin-top: 1.75rem;
  text-align: center;
}
.departmentCard__text {
  color: rgba(255, 255, 255, 0.6);
  font-family: var(--familyNotoSans);
  font-size: clamp(0.625rem, 0.411rem + 0.45vw, 0.813rem);
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 0.065rem;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .department {
    padding-bottom: 6rem;

    .lead__title-lg {
      font-size: 1.875rem;
      margin-top: 2rem;
    }
  }
  .department__cards {
    grid-template-columns: 1fr 1fr;
    column-gap: 1rem;
    row-gap: 1.5rem;
    margin-top: 4rem;
  }
  .departmentCard__image {
    aspect-ratio: 147 / 98;
    height: 6.125rem;
    margin-top: 1.5rem;
    overflow: hidden;
    position: relative;

    img {
      width: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }
  }
  .departmentCard__title {
    font-size: 0.875rem;
    line-height: 160%;
    letter-spacing: 0.07rem;
    margin-top: 1.25rem;
  }
  .departmentCard__text {
    font-size: 0.6875rem;
    letter-spacing: 0.055rem;
    margin-bottom: 1.5rem;
    text-align: left;
    padding-inline: 1rem;
  }
  
  /* 左右のライン */
  .departmentCard::before {
    background: url(../../images/pages/recruit/department-line--sp-yoko.svg) no-repeat center center / contain;
    width: 1.25rem;
    aspect-ratio: 20 / 6;
    display: none;
  }

  .departmentCard {
    &.card-5 {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
    }
    &.card-1 {
      grid-column: 2 / 3;
      grid-row: 1 / 2;
    }
    &.card-6 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
    }
    &.card-2 {
      grid-column: 2 / 3;
      grid-row: 2 / 3;
    }
    &.card-7 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
    }
    &.card-8 {
      grid-column: 1 / 2;
      grid-row: 4 / 5;
    }
    &.card-4 {
      grid-column: 2 / 3;
      grid-row: 4 / 5;
    }

    /* 左右のライン */
    &.card-5::before {
      display: inline-block;
      right: 0;
      top: auto;
      bottom: 3.5rem;
      transform: translateX(100%);
    }
    &.card-8::before {
      display: inline-block;
      right: 0.25rem;
      top: auto;
      bottom: 4.3rem;
      transform: translateX(100%) rotate(180deg);
    }
    
    /* 上下のライン */
    &.card-1::after,
    &.card-2::after,
    &.card-3::after {
      display: inline-block;
      top: auto;
      bottom: -1.05rem;
      transform: translateX(-50%) rotate(90deg);
    }
    &.card-7::after,
    &.card-8::after {
      display: inline-block;
    }
    &.card-5::after {
      top: auto;
      bottom: -0.8rem;
    }
  }
}

/* ======================== */
/* 数字で見る佐々木製茶 */
/* ======================== */
.title-h2.top-line {
  padding-top: 2.5rem;
}
.number__content {
  margin-top: 8rem;
}
.number__lists {
  margin-top: 2.5rem;
  display: grid;
  align-items: stretch;
  grid-template-columns: 1fr 1fr 1fr;
}
.numberList {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  min-height: 12.5rem;
  position: relative;
  padding-block: 3rem 4rem;
}
.numberList:nth-child(2n-1) {
  background: rgba(32, 41, 30, 0.20);
  backdrop-filter: blur(32px);
}
.numberList:nth-child(2n) {
  background: rgba(255, 255, 255, 0.04);
  backdrop-filter: blur(32px);
}
.numberList .numberList__note {
  font-family: var(--familyNotoSans);
  font-size: var(--11);
  font-weight: 400;
  letter-spacing: 0.0275rem;
  position: absolute;
  bottom: 0.625rem;
  right: 0.645625rem;
  opacity: 0.24;
}
.numberList-10,
.numberList-11,
.numberList-12 {
  height: 22rem;
}
.numberList__title {
  font-size: var(--16);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.08rem;
  text-align: center;
}
.numberList__title > span {
  font-size: var(--13);
}

.numberList__flex {
  display: flex;
  align-items: baseline;
  justify-content: center;
  gap: 0.25rem;
}

.numberList__number {
  font-size: var(--48);
  font-weight: 400;
  line-height: 100%;
  letter-spacing: 0.12rem;
  text-align: center;
}
.numberList__number.text-s {
  font-size: var(--42);
}
.numberList__unit {
  font-size: var(--16);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.04rem;
}

/* カード単位の調整 */
.numberList-10 .numberList__flex {
  margin-block: 0.5rem;
}
.numberList-10 .numberList__title,
.numberList-11 .numberList__title,
.numberList-12 .numberList__title {
  margin-bottom: 0.5rem;
}
.numberList-7 .numberList__number.text_lg {
  font-size: var(--32);
  line-height: 130%;
  letter-spacing: 0.08rem;
}

.numberList-7 .numberList__number,
.numberList-8 .numberList__number,
.numberList-9 .numberList__number {
  height: 6rem;
  display: grid;
  align-items: center;
}

.numberList-8__icon {
  position: relative;
}
.numberList-8__icon::before,
.numberList-8__icon::after {
  content: "";
  background: url(../../images/pages/recruit/leaf.svg) no-repeat center center / contain;
  width: min(4.254125rem, 4.7268055vw);
  aspect-ratio: 68.066 / 122.466;
  position: absolute;
  top: 50%;
  z-index: -1;
}
.numberList-8__icon::before {
  transform: translate(-100%, -50%);
  left: -40%;
}
.numberList-8__icon::after {
  transform: translate(100%, -50%) scale(-1, 1);
  right: -40%
}

.numberList-9 .numberList__number.text_lg {
  font-size: var(--44);
  letter-spacing: 0.11rem;
}

.numberList-11 .numberList__images {
  width: 11.25rem;
  aspect-ratio: 1 / 1;
  position: relative;

  img {
    width: 100%;
  }
  .woman {
    display: flex;
    align-items: baseline;
    gap: 0.125rem;
    position: absolute;
    top: 3.5rem;
    left: 1.625rem;
  }
  .man {
    display: flex;
    align-items: baseline;
    gap: 0.125rem;
    position: absolute;
    bottom: 3.5rem;
    right: 1.625rem;
  }
  .numberList__number {
    font-size: var(--32);
    font-weight: 500;
    line-height: 80%;
  }
  .numberList__unit {
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 100%;
  }
}

.numberList-12 .numberList__images {
  width: 14.5rem;
  position: relative;
  
  img {
    width: 100%;
  }
  .era {
    gap: 0.125rem;
    position: absolute;
    height: fit-content;
  }
  .era-20s {
    top: 0;
    left: 0.125rem;
  }
  .era-30s {
    top: 0;
    left: 3.125rem;
  }
  .era-40s {
    top: 0.28125rem;
    left: 6.09375rem;
  }
  .era-50s {
    top: 1.21875rem;
    right: 3.15625rem;
  }
  .era-60s {
    bottom: 3.34375rem;
    right: 0.46875rem;
  }
  .numberList__number {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0;
  }
  .numberList__unit {
    font-size: var(--11);
    font-weight: 700;
    line-height: 200%;
  }
}

@media screen and (max-width: 767px) {
  .number {
    padding-bottom: 6rem;

    .lead__title-lg {
      font-size: 1.875rem;
      margin-top: 2rem;
    }
    .lead__text {
      margin-top: 0.75rem;
    }
    .title-h2.top-line {
      flex-direction: row;
      align-items: center;
      padding-top: 2rem;
    }
    .title-h2__ja {
      margin-right: 0;
    }
  }
  .number__content {
    margin-top: 3rem;
  }
  .number__lists {
    grid-template-columns: 1fr 1fr;
  }
  .numberList {
    height: auto;
  }
  .numberList__number.text-s {
    font-size: 2.25rem;
  }

  .numberList.numberList-7 {
    padding-block: 2rem 3rem;
    height: 11.8125rem;
    min-height: auto;
  }
  .numberList-7 .numberList__number {
    height: auto;
  }

  .numberList.numberList-8,
  .numberList.numberList-9 {
    height: 15.5rem;
    gap: 0;
  }
  .numberList-8__icon::before, .numberList-8__icon::after {
    width: 3.4375rem;
    aspect-ratio: 55 / 98;
  }
  .numberList-8__icon::before {
    left: 1.125rem;
    top: 53%;
  }
  .numberList-8__icon::after {
    right: 1.125rem;
    top: 53%;
  }
  .numberList-8 .numberList__title {
    margin-bottom: 1rem;
  }
  .numberList-8 .numberList__number {
    height: 6.1875rem;
    display: grid;
    align-items: center;
  }
  .numberList-9 .numberList__number {
    height: auto;
    display: grid;
    align-items: center;
    margin-top: 1rem;
  }
  .numberList-7 .numberList__number.text_lg,
  .numberList-9 .numberList__number.text_lg {
    font-size: 1.75rem;
  }
  
  .numberList.numberList-7 {
    grid-row: 5 / 6;
    grid-column: 1 / 3;
    background: rgba(255, 255, 255, 0.08);
  }
  .numberList.numberList-9 {
    grid-row: 4 / 5;
    grid-column: 2 / 3;
  }

  .numberList.numberList-10,
  .numberList.numberList-11,
  .numberList.numberList-12,
  .numberList.numberList-15 {
    grid-column: 1 / 3;
  }

  .numberList.numberList-1,
  .numberList.numberList-4,
  .numberList.numberList-5,
  .numberList.numberList-9,
  .numberList.numberList-15 {
    background: rgba(32, 41, 30, 0.20);
  }
  .numberList.numberList-2,
  .numberList.numberList-3,
  .numberList.numberList-6,
  .numberList.numberList-8 {
    background: rgba(255, 255, 255, 0.04);
  }
  .numberList.numberList-14 {
    background: rgba(32, 41, 30, 0.40);
  }

  .numberList.numberList-10,
  .numberList.numberList-11,
  .numberList.numberList-12,
  .numberList.numberList-15 {
    min-height: auto;
    padding-block: 2rem 3rem;
  }
}

/* ======================== */
/* 成長と働き方 */
/* ======================== */
.career {
  background-color: rgba(0, 0, 0, 0.20);
  overflow-x: clip;
}
.career__lists {
  margin-block: var(--margin80);
}
.careerList {
  padding-block: 2.5rem;
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
}
.careerList:not(:last-of-type) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.careerList__head {
  display: flex;
  gap: 1.4rem;
  flex: 0 1 25rem;
}
.careerList__example {
  border-radius: 50%;
  background: #455230;
  display: grid;
  place-items: center;
  width: 6rem;
  height: 6rem;
  aspect-ratio: 1 / 1;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.1rem;
}
.careerList__title {
  font-size: var(--20);
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 0.1rem;
}
.careerList__text {
  font-family: var(--familyNotoSans);
  color: rgba(255, 255, 255, 0.8);
  font-size: var(--13);
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.065rem;
  margin-top: 1rem;
  text-align: justify;
}
.careerList__image {
  flex: 0 1 54.0178571%;
  padding-right: 1.25rem;
  img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .career {
    padding-bottom: 6rem;

    .lead__title-lg {
      margin-top: 2rem;
    }
    .lead__text {
      margin-top: 0.875rem;
    }
  }
  .careerList {
    display: block;
  }
  .careerList__head {
    gap: 1rem;
  }
  .careerList__example {
    font-size: 1rem;
    flex: 0 1 4rem;
    width: 4rem;
    height: 4rem;
  }
  .careerList__texts {
    flex: 1;
  }
  .careerList__text {
    margin-top: 0.5rem;
  }
  .careerList__image {
    display: block;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-right: 0;
  }
  .careerList:nth-of-type(2) .careerList__image {
    margin-bottom: 2.5rem;
  }
}

/* ======================== */
/* 画像　無限横スクロールスライド */
/* ======================== */
.slide__wrapper {
  overflow-x: hidden;
}
.slide__contain {
  align-items: center;
  display: flex;
  overflow-x: hidden;
  width: 100%;
}
.slideItems {
  align-items: center;
  animation: infinite-scroll-left 32s infinite linear 0s both;
  display: flex;
  gap: 1rem;
  padding: 0 calc(1rem / 2);
  width: max-content;
}
.slideItem {
  width: calc(100vw / 2);
  aspect-ratio: 3 / 2;
  max-width: 36.1875rem;
  position: relative;
}
.slideItem img {
  display: inline-block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@keyframes infinite-scroll-left {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(-100%);
  }
}

@media screen and (max-width: 767px) {
  .slideItems {
    animation: infinite-scroll-left 20s infinite linear 0s both;
  }
  .slideItem {
    width: calc(100vw / 1.5);
    max-width: 15rem;
  }
}

/* ======================== */
/* エントリー */
/* ======================== */
.entry {
  background: url(../../images/pages/recruit/entry-bg.webp) no-repeat center center / cover;
  position: relative;
  padding-top: 15rem;
  padding-bottom: 15rem;
}
.entry::before {
  content: "";
  background: linear-gradient(180deg, #374226 0%, rgba(55, 66, 38, 0.00) 100%);
  width: 100%;
  height: var(--gradation-height);
  position: absolute;
  top: -1px;
  left: 0;
}
.entry .clip-wrap svg {
  height: 4rem;
}

.entry__h2 {
  font-size: var(--18);
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.045rem;
  text-align: center;
  margin-top: 1rem;
}
.entry__lead {
  font-size: var(--32);
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 0.16rem;
  text-align: center;
  margin-top: 2rem;
}

.entry__cards {
  display: flex;
  gap: 2rem;
  align-items: stretch;
  margin-top: 5rem;
}
.entryCard {
  flex: 0 1 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 3.5rem;
  align-items: stretch;
  padding: var(--margin80);
  background: rgba(32, 41, 30, 0.60);
  backdrop-filter: blur(32px);
}
.entryCard__h3 {
  font-size: var(--14);
  font-weight: 400;
  line-height: 175%;
  letter-spacing: 0.07rem;
  padding: 0.25rem 1.5rem 0.375rem 1.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.30);
  border-bottom: 1px solid rgba(255, 255, 255, 0.30);
  width: fit-content;
  margin: 0 auto;
}
.entryCard__title {
  font-size: var(--24);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.12rem;
  margin-top: 1.5rem;
  text-align: center;
}
.entryCard__text {
  font-family: var(--familyNotoSans);
  font-size: var(--14);
  font-weight: 400;
  line-height: 200%;
  letter-spacing: 0.08em;
  text-align: justify;
  margin-top: 2rem;
}
.entryCard__buttons {
  display: grid;
  gap: 1.5rem;
}
.entryCard__button {
  letter-spacing: 0.07rem;
  width: 100%;
  height: fit-content;
}

.entry__line-text {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: var(--18);
  font-weight: 500;
  line-height: 150%;
  letter-spacing: 0.09rem;
  position: relative;
  margin-block: var(--margin80);
}
.entry__line-text::before,
.entry__line-text::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.3);
  width: 100%;
  height: 1px;
  display: inline-block;
  flex: 1;
}

.entry__form {
  background: rgba(32, 41, 30, 0.60);
  backdrop-filter: blur(32px);
  padding: var(--margin128) var(--padding-side);
  margin-right: var(--padding-side);
  margin-left: var(--padding-side);
}
.entry__form form {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}
.entry__form form textarea {
  height: 9.875rem;
}
.form-required {
  font-family: var(--familyNotoSans);
}
.contactForm__agree-wrapper {
  margin-top: 5rem;
}
.contactForm__btn-wrapper {
  margin-top: 2.5rem;
}
.contactForm__list:first-of-type {
  padding-top: 0;
}
.entry__attention {
  opacity: 0.8;
  margin-top: var(--margin80);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  padding-top: var(--margin64);
  padding-bottom: var(--margin64);
  margin-right: var(--padding-side);
  margin-left: var(--padding-side);
}
.entry-attention__h3 {
  font-size: var(--18);
  font-weight: 500;
  line-height: 175%;
  letter-spacing: 0.09rem;
  text-align: center;
}
.entry-attention__lists {
  margin: 2rem auto 0 auto;
  max-width: 800px;
}
.entry-attention__lists li {
  font-size: var(--14);
  font-weight: 500;
  line-height: 200%;
  letter-spacing: 0.07rem;
  padding-left: 1.5rem;
  position: relative;
}
.entry-attention__lists li + li {
  margin-top: 1rem;
}
.entry-attention__lists li::before {
  content: "";
  background-color: rgba(255, 255, 255, 0.30);
  width: 0.5rem;
  height: 1px;
  position: absolute;
  top: 1rem;
  left: 0;
}

@media screen and (max-width: 1000px) {
  .entry__cards {
    margin-top: 2.5rem;
    display: block;
  }
  .entryCard + .entryCard {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .entry {
    background: url(../../images/pages/recruit/recruit-bg-sp.webp) no-repeat center center / cover;
    padding-top: 5.5rem;
    padding-bottom: 6rem;
  }
  .entry__lead {
    font-size: 1.625rem;
    letter-spacing: 0.08em;
  }
  .entryCard {
    gap: 3rem;
    padding: 3.5rem 2.5rem;
  }
  .entryCard__title {
    font-size: 1.25rem;
  }
  .entryCard__text {
    letter-spacing: 0.1em;
  }
  .entry__line-text {
    justify-content: center;
  }
  .entry__line-text::before,
  .entry__line-text::after {
    display: none;
  }

  .entry__form {
    padding-bottom: 4rem;
    margin-inline: 0;
  }
  .contactForm__list {
    padding-top: 1.5rem;
  }
  .contactForm__list label {
    /* font-size: 0.6875rem; */
  }
  .contactForm__btn-wrapper {
    margin-top: 1.5rem;
  }
  .wpcf7-submit {
    line-height: 3.3125rem;
  }
  .contactForm__agree-wrapper {
    margin-top: 1.5rem;

    .wpcf7-form-control-wrap:first-of-type {
      margin-top: 0;
    }
    .wpcf7-list-item-label {
      margin-top: 0;
    }
  }

  .entry__attention {
    border: none;
    padding-block: 2rem 0;
  }
  .entry-attention__lists {
    margin-top: 1.5rem;
  }
  .entry-attention__lists li {
    padding-left: 1rem;
    font-size: 0.75rem;
    letter-spacing: 0.08em;
  }
  .entry-attention__lists li::before {
    top: 0.75rem;
  }
  .entry-attention__lists li + li {
    margin-top: 0.75rem;
  }
  .entryCard__buttons {
    gap: 1rem;
  }
}

.myChart__wrapper {
  height: 190px;
}