/* p-recruit-bg
---------------------------------------------------------------------------- */
.p-recruit-bg {
  position: relative;
}

.p-recruit-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.p-recruit-bg._01::after {
  background-image: url(/assets/images/ywrks/recruit/bg_recruit_01_pc.png);
}

.p-recruit-bg._02::after {
  background-image: url(/assets/images/ywrks/recruit/bg_recruit_02_pc.png);
}

.p-recruit-bg._03::after {
  background-image: url(/assets/images/ywrks/recruit/bg_recruit_03_pc.png);
}

@media screen and (max-width: 767px) {
  .p-recruit-bg._01::after {
    background-image: url(/assets/images/ywrks/recruit/bg_recruit_01_sp.png);
  }
  .p-recruit-bg._02::after {
    background-image: url(/assets/images/ywrks/recruit/bg_recruit_02_sp.png);
  }
  .p-recruit-bg._03::after {
    background-image: url(/assets/images/ywrks/recruit/bg_recruit_03_sp.png);
  }
}
/* p-recruit-pageLink
---------------------------------------------------------------------------- */
.p-recruit-pageLink {
  padding-block: 8rem;
  background-color: #F8F8F8;
}

.p-recruit-pageLink-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: stretch;
  gap: 1.5rem 3.8rem;
  padding-block: 3.8rem;
  padding-inline: 5rem;
  background-color: #fff;
  border: 0.2rem solid #2E58B7;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
}

.p-recruit-pageLink-wrap-link {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #1A1A1A;
  padding-bottom: 1rem;
}

.p-recruit-pageLink-wrap-link span {
  width: 1.8rem;
  height: 1.8rem;
  background-color: #073190;
  border: 1px solid #073190;
  border-radius: 50%;
  position: relative;
  transition: background-color 0.3s ease;
}

.p-recruit-pageLink-wrap-link span::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  z-index: 1;
  width: 0.5rem;
  aspect-ratio: 1;
  border-bottom: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: border-color 0.3s ease;
}

@media (any-hover: hover) {
  .p-recruit-pageLink-wrap-link:hover span {
    background-color: #fff;
  }
  .p-recruit-pageLink-wrap-link:hover span::before {
    border-color: #073190;
  }
}
@media screen and (max-width: 767px) {
  .p-recruit-pageLink {
    padding-block: 13.3333333333vw;
  }
  .p-recruit-pageLink-wrap {
    grid-template-columns: 1fr;
    gap: 2.6666666667vw;
    padding-block: 4vw;
    padding-inline: 8vw;
    border-width: 0.5333333333vw;
    box-shadow: 0 0 2.6666666667vw rgba(0, 0, 0, 0.1);
  }
  .p-recruit-pageLink-wrap-link {
    flex-direction: row-reverse;
    justify-content: space-between;
    column-gap: initial;
    font-size: 4.2666666667vw;
    padding-bottom: 2.4vw;
  }
  .p-recruit-pageLink-wrap-link span {
    width: 4.8vw;
    height: 4.8vw;
  }
  .p-recruit-pageLink-wrap-link span::before {
    width: 1.3333333333vw;
    border-bottom-width: 0.5333333333vw;
    border-right-width: 0.5333333333vw;
  }
}
/* p-recruit-news
---------------------------------------------------------------------------- */
.p-recruit-news {
  padding-block: 7rem 9rem;
}

@media screen and (max-width: 767px) {
  .p-recruit-news {
    padding-block: 12vw 11.2vw;
  }
}
/* p-recruit-movie
---------------------------------------------------------------------------- */
.p-recruit-movie {
  padding-block: 10rem 5.5rem;
}

.p-recruit-movie-wrap {
  width: 80rem;
  aspect-ratio: 800/450;
  margin-inline: auto;
  margin-top: 5.7rem;
  position: relative;
}

.p-recruit-movie-wrap img,
.p-recruit-movie-wrap video,
.p-recruit-movie-wrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .p-recruit-movie {
    padding-block: 10.9333333333vw 6.6666666667vw;
  }
  .p-recruit-movie-wrap {
    width: 100%;
    margin-top: 8vw;
  }
}
/* p-recruit-appeal
---------------------------------------------------------------------------- */
.p-recruit-appeal {
  padding-block: 5rem;
}

.p-recruit-appeal-txt {
  font-size: 1.8rem;
  line-height: 1.8333333333;
  letter-spacing: 0.06em;
  font-weight: 700;
  margin-top: 5.5rem;
}

.p-recruit-appeal-items {
  display: flex;
  flex-direction: column;
  gap: 7rem;
  margin-top: 5rem;
}

.p-recruit-appeal-item {
  display: flex;
  align-items: flex-start;
  gap: 0 6rem;
}

.p-recruit-appeal-item-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3.7rem;
}

.p-recruit-appeal-item-wrap-ttl {
  width: 100%;
  padding-block: 1rem;
  padding-inline: 8.2rem 2rem;
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  position: relative;
}

.p-recruit-appeal-item-wrap-ttl::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: calc(100% - 3.1rem);
  height: 100%;
  background-color: #fff;
  border-radius: 0 0.4rem 0.4rem 0;
}

.p-recruit-appeal-item-wrap-ttl span {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 6.2rem;
  aspect-ratio: 1;
  background-color: #2E58B7;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Roboto";
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  letter-spacing: normal;
  color: #fff;
}

.p-recruit-appeal-item-wrap-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
}
.p-recruit-appeal-item-wrap-txt em {
  font-weight: 700;
  color: #2E58B7;
}

.p-recruit-appeal-item-img {
  width: 34rem;
  aspect-ratio: 340/255;
}
.p-recruit-appeal-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .p-recruit-appeal {
    padding-block: 6.6666666667vw 5.8666666667vw;
  }
  .p-recruit-appeal-txt {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    margin-top: 5.3333333333vw;
  }
  .p-recruit-appeal-items {
    gap: 7.4666666667vw;
    margin-top: 7.2vw;
  }
  .p-recruit-appeal-item {
    flex-direction: column;
    gap: initial;
  }
  .p-recruit-appeal-item-wrap {
    display: contents;
  }
  .p-recruit-appeal-item-wrap-ttl {
    padding-block: 2.2666666667vw;
    padding-inline: 17.3333333333vw 5.3333333333vw;
    font-size: 5.3333333333vw;
    line-height: 1.8;
    order: 1;
  }
  .p-recruit-appeal-item-wrap-ttl::after {
    width: calc(100% - 7.0666666667vw);
    border-radius: 0 1.0666666667vw 1.0666666667vw 0;
  }
  .p-recruit-appeal-item-wrap-ttl span {
    width: 14.1333333333vw;
    font-size: 5.8666666667vw;
  }
  .p-recruit-appeal-item-wrap-txt {
    font-size: 4.2666666667vw;
    margin-top: 4.8vw;
    order: 3;
  }
  .p-recruit-appeal-item-img {
    width: 68vw;
    margin-inline: auto;
    margin-top: 7.4666666667vw;
    order: 2;
  }
}
/* p-recruit-plan
---------------------------------------------------------------------------- */
.p-recruit-plan {
  padding-block: 5rem 10rem;
}

.p-recruit-plan-wrap {
  padding-block: 4.1rem;
  padding-inline: 4rem;
  background-color: #fff;
  border: 0.6rem solid #D5E1FC;
  border-radius: 1rem;
  display: flex;
  align-items: center;
  gap: 0 4.4rem;
  margin-top: 6rem;
}

.p-recruit-plan-wrap-box {
  width: 15.6rem;
  height: 7.7rem;
  background-color: #2E58B7;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.p-recruit-plan-wrap-box::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  transform: translateY(-50%);
  width: 1.9rem;
  height: 3rem;
  background-color: #2E58B7;
  clip-path: polygon(1.9rem 50%, 0% 0%, 0% 3rem);
}

.p-recruit-plan-wrap-box-txt {
  font-size: 2rem;
  line-height: 1.45;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #fff;
}

.p-recruit-plan-wrap-list {
  font-size: 1.8rem;
  line-height: 1.8333333333;
  letter-spacing: 0.06em;
  font-weight: 700;
  padding-left: 1.6rem;
  position: relative;
}

.p-recruit-plan-wrap-list::before {
  content: "";
  position: absolute;
  top: 1.2rem;
  left: 0;
  width: 1rem;
  aspect-ratio: 1;
  background-color: #2E58B7;
  border-radius: 50%;
}

.p-recruit-plan-img {
  width: 100%;
  aspect-ratio: 1200/923;
  border-radius: 1rem;
  margin-top: 4rem;
}
.p-recruit-plan-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (max-width: 767px) {
  .p-recruit-plan {
    padding-block: 6.6666666667vw 13.3333333333vw;
  }
  .p-recruit-plan-wrap {
    padding-block: 5.8666666667vw;
    padding-inline: 6.9333333333vw;
    border-width: 1.0666666667vw;
    border-radius: 2.6666666667vw;
    flex-direction: column;
    gap: 4.5333333333vw;
    margin-top: 8vw;
  }
  .p-recruit-plan-wrap-box {
    width: 37.8666666667vw;
    height: 11.4666666667vw;
    border-radius: 1.3333333333vw;
  }
  .p-recruit-plan-wrap-box::after {
    top: calc(100% - 1.6vw);
    left: 50%;
    transform: translate(-50%, 0);
    width: 4.8vw;
    height: 3.4666666667vw;
    clip-path: polygon(50% 3.4666666667vw, 0% 0%, 4.8vw 0%);
  }
  .p-recruit-plan-wrap-box-txt {
    font-size: 4vw;
  }
  .p-recruit-plan-wrap-list {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    padding-left: 4.2666666667vw;
  }
  .p-recruit-plan-wrap-list::before {
    top: 2.6666666667vw;
    width: 2.6666666667vw;
  }
  .p-recruit-plan-img {
    aspect-ratio: 335/910;
    border-radius: 2.6666666667vw;
    margin-top: 5.3333333333vw;
  }
}
/* p-recruit-event
---------------------------------------------------------------------------- */
.p-recruit-event {
  padding-block: 11rem 5.5rem;
}

.p-recruit-event-swiper-container {
  position: relative;
  padding-bottom: 7.5rem;
  margin-top: 5.5rem;
}

.p-recruit-event-swiper-slide {
  padding-block: 3rem 4.6rem;
  padding-inline: 4rem;
  background-color: #EAF0FD;
  border-radius: 1rem;
}

.p-recruit-event-swiper-slide-img {
  width: 100%;
  aspect-ratio: 500/375;
}
.p-recruit-event-swiper-slide-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.p-recruit-event-swiper-slide-ttl {
  font-size: 2.8rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
  text-align: center;
  margin-top: 3rem;
}

.p-recruit-event-swiper-slide-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 1.8rem;
}

@media screen and (max-width: 767px) {
  .p-recruit-event {
    padding-block: 13.3333333333vw 6.6666666667vw;
  }
  .p-recruit-event-swiper-container {
    padding-bottom: 16.5333333333vw;
    margin-top: 8vw;
  }
  .p-recruit-event-swiper-slide {
    padding-block: 5.3333333333vw 10.1333333333vw;
    padding-inline: 8vw;
    border-radius: 2.6666666667vw;
  }
  .p-recruit-event-swiper-slide-ttl {
    font-size: 6.4vw;
    line-height: 1.5;
    margin-top: 5.3333333333vw;
  }
  .p-recruit-event-swiper-slide-txt {
    font-size: 4vw;
    line-height: 1.8;
    margin-top: 2.9333333333vw;
  }
}
/* swiper
---------------------------------------------------------------------------- */
.p-recruit-event-swiper .swiper-slide {
  height: auto;
}

.p-recruit-event-swiper-container .swiper-button-next,
.p-recruit-event-swiper-container .swiper-button-prev {
  top: initial;
  bottom: 0;
  width: 3.3rem;
  height: 3.3rem;
  border-radius: 50%;
  border: 0.2rem solid #2E58B7;
  color: #2E58B7;
  background-color: #fff;
  transition: background-color 0.3s ease 0s, color 0.3s ease 0s;
}

.p-recruit-event-swiper-container .swiper-button-next {
  right: calc(50% - 10.5rem);
}

.p-recruit-event-swiper-container .swiper-button-prev {
  left: calc(50% - 10.5rem);
}

.p-recruit-event-swiper-container .swiper-button-next::after,
.p-recruit-event-swiper-container .swiper-button-prev::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.9rem;
  height: 0.9rem;
  border-top: 0.2rem solid currentColor;
  border-right: 0.2rem solid currentColor;
}

.p-recruit-event-swiper-container .swiper-button-next::after {
  left: 45%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.p-recruit-event-swiper-container .swiper-button-prev::after {
  left: 55%;
  transform: translate(-50%, -50%) rotate(-135deg);
}

@media (any-hover: hover) {
  .p-recruit-event-swiper-container .swiper-button-next:hover,
  .p-recruit-event-swiper-container .swiper-button-prev:hover {
    background-color: #2E58B7;
    color: #fff;
  }
}
.p-recruit-event-swiper-container .swiper-horizontal > .swiper-pagination-bullets,
.p-recruit-event-swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,
.p-recruit-event-swiper-container .swiper-pagination-custom,
.p-recruit-event-swiper-container .swiper-pagination-fraction {
  bottom: 0.9rem;
}

.p-recruit-event-swiper-container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.p-recruit-event-swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  width: 1.2rem;
  height: 1.2rem;
  background-color: #2E58B7;
  margin: 0 1rem;
}

@media screen and (max-width: 767px) {
  .p-recruit-event-swiper-container .swiper-button-next,
  .p-recruit-event-swiper-container .swiper-button-prev {
    width: 8.8vw;
    height: 8.8vw;
    border-width: 0.5333333333vw;
  }
  .p-recruit-event-swiper-container .swiper-button-next {
    right: calc(50% - 28vw);
  }
  .p-recruit-event-swiper-container .swiper-button-prev {
    left: calc(50% - 28vw);
  }
  .p-recruit-event-swiper-container .swiper-button-next::after,
  .p-recruit-event-swiper-container .swiper-button-prev::after {
    width: 2.4vw;
    height: 2.4vw;
    border-top-width: 0.5333333333vw;
    border-right-width: 0.5333333333vw;
  }
  .p-recruit-event-swiper-container .swiper-horizontal > .swiper-pagination-bullets,
  .p-recruit-event-swiper-container .swiper-pagination-bullets.swiper-pagination-horizontal,
  .p-recruit-event-swiper-container .swiper-pagination-custom,
  .p-recruit-event-swiper-container .swiper-pagination-fraction {
    bottom: 2.4vw;
  }
  .p-recruit-event-swiper-container .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .p-recruit-event-swiper-container .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 3.2vw;
    height: 3.2vw;
    background-color: #2E58B7;
    margin: 0 2.6666666667vw;
  }
}
/* p-recruit-interview
---------------------------------------------------------------------------- */
.p-recruit-interview {
  padding-block: 5rem 10rem;
}

.p-recruit-interview-accordion {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-top: 5.7rem;
}

@media screen and (max-width: 767px) {
  .p-recruit-interview {
    padding-block: 6.6666666667vw 13.3333333333vw;
  }
  .p-recruit-interview-accordion {
    gap: 2.6666666667vw;
    margin-top: 8vw;
  }
}
/* p-accordion
---------------------------------------------------------------------------- */
.p-accordion-item {
  border: 0.6rem solid #D5E1FC;
  background-color: #fff;
  padding-block: 2.4rem;
  padding-inline: 4.4rem;
  border-radius: 1rem;
}

.p-accordion-item-wrap {
  display: flex;
  align-items: center;
  gap: 0 4rem;
  cursor: pointer;
  position: relative;
}

.p-accordion-item-wrap.open .p-accordion-icon {
  opacity: 0;
}

.p-accordion-item-wrap-img {
  width: 9.2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.p-accordion-item-wrap-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.p-accordion-item-wrap-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #073190;
  user-select: none;
}

.p-accordion-item-wrap-txt span {
  font-size: 1.4rem;
  font-weight: 400;
}

.p-accordion-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 3.4rem;
  height: 3.4rem;
  background-color: #2E58B7;
  border-radius: 50%;
  transition: opacity 0.3s ease 0s;
}

.p-accordion-icon::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 0.8rem;
  aspect-ratio: 1;
  border-bottom: 0.2rem solid #fff;
  border-right: 0.2rem solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

.p-accordion-item-content {
  display: none;
  padding-block: 2.3rem 2.5rem;
  padding-inline: 13rem 3rem;
}

.p-accordion-item-content-lists {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}

.p-accordion-item-content-list {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

.p-accordion-item-content-list-ttl {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #073190;
  padding-block: 0.9rem;
  padding-inline: 1.8rem;
  background-color: #ECECEC;
  border-left: 0.5rem solid currentColor;
  border-radius: 0.4rem;
}

.p-accordion-item-content-list-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
}

.p-accordion-item-content-wrap {
  width: fit-content;
  padding-right: 9rem;
  margin-inline: auto;
  margin-top: 5rem;
}

.p-accordion-item-content-btn {
  padding-right: 4.4rem;
  position: relative;
  cursor: pointer;
}

.p-accordion-item-content-btn-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #2E58B7;
  border-bottom: 0.2rem solid currentColor;
}

.p-accordion-bottom-icon {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
  width: 3.4rem;
  height: 3.4rem;
  background-color: #2E58B7;
  border-radius: 50%;
  transition: opacity 0.3s ease 0s;
}

.p-accordion-bottom-icon::before {
  content: "";
  position: absolute;
  top: 57%;
  left: 50%;
  width: 0.8rem;
  aspect-ratio: 1;
  border-top: 0.2rem solid #fff;
  border-left: 0.2rem solid #fff;
  transform: translate(-50%, -50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .p-accordion-item {
    border-width: 1.6vw;
    padding-block: 6.4vw;
    padding-inline: 9.0666666667vw;
    border-radius: 2.6666666667vw;
  }
  .p-accordion-item-wrap {
    flex-direction: column;
    gap: 4.8vw;
    padding-bottom: 13.8666666667vw;
    transition: padding-bottom 0.3s ease 0s;
  }
  .p-accordion-item-wrap.open {
    padding-bottom: 7.2vw;
  }
  .p-accordion-item-wrap.open .p-accordion-icon {
    display: none;
  }
  .p-accordion-item-wrap-img {
    width: 24.5333333333vw;
  }
  .p-accordion-item-wrap-txt {
    font-size: 4.2666666667vw;
    align-self: flex-start;
  }
  .p-accordion-item-wrap-txt span {
    font-size: 3.7333333333vw;
  }
  .p-accordion-icon {
    top: initial;
    bottom: 0;
    right: 50%;
    transform: translate(50%, 0);
    width: 9.0666666667vw;
    height: 9.0666666667vw;
  }
  .p-accordion-icon::before {
    width: 2.1333333333vw;
    border-top-width: 0.5333333333vw;
    border-left-width: 0.5333333333vw;
  }
  .p-accordion-item-content {
    padding-block: 0 2.6666666667vw;
    padding-inline: initial;
  }
  .p-accordion-item-content-lists {
    gap: 4vw;
  }
  .p-accordion-item-content-list {
    gap: 4vw;
  }
  .p-accordion-item-content-list-ttl {
    font-size: 4.2666666667vw;
    padding-block: 2.4vw;
    padding-inline: 3.4666666667vw;
    border-left-width: 1.3333333333vw;
    border-radius: 1.0666666667vw;
  }
  .p-accordion-item-content-list-txt {
    font-size: 4.2666666667vw;
  }
  .p-accordion-item-content-wrap {
    padding-right: initial;
    margin-top: 8vw;
  }
  .p-accordion-item-content-btn {
    padding-right: 11.7333333333vw;
  }
  .p-accordion-item-content-btn-txt {
    font-size: 4.2666666667vw;
    border-bottom-width: 0.5333333333vw;
  }
  .p-accordion-bottom-icon {
    width: 9.0666666667vw;
    height: 9.0666666667vw;
  }
  .p-accordion-bottom-icon::before {
    width: 2.1333333333vw;
    border-top-width: 0.5333333333vw;
    border-left-width: 0.5333333333vw;
  }
}
/* p-recruit-recruitment
---------------------------------------------------------------------------- */
.p-recruit-recruitment {
  padding-block: 10rem 5.5rem;
}

.p-recruit-recruitment-blocks {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 5.7rem;
}

.p-recruit-recruitment-block {
  padding-block: 6rem 5rem;
  padding-inline: 5rem;
  background-color: #fff;
}

.p-recruit-recruitment-block-ttlBox {
  padding-bottom: 2.7rem;
  border-bottom: 1px solid #BEBEBE;
}

.p-company-items {
  display: flex;
  flex-direction: column;
  gap: 2.35rem;
  margin-top: 3.8rem;
}

.p-company-item {
  display: flex;
  gap: 0 4rem;
}

.p-company-item-ttl {
  font-size: 1.8rem;
  line-height: 1.6111111111;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #073190;
  width: 17.5rem;
  border-bottom: 1px solid currentColor;
}

.p-company-item-txt {
  flex: 1;
  font-size: 1.8rem;
  line-height: 1.6111111111;
  letter-spacing: 0.06em;
  font-weight: 400;
  border-bottom: 1px solid #BEBEBE;
  padding-bottom: 2.3rem;
}

.p-company-item-txt-button {
  width: 24rem;
  margin-top: 2.3rem;
}
.p-company-item-txt-button._mt {
  margin-top: 0.5rem;
}

.p-company-item-txt-button .m-btn-arrow-right {
  padding-block: 0.7rem 0.9rem;
  background-color: #2E58B7;
  border-color: #2E58B7;
}

@media (any-hover: hover) {
  .p-company-item-txt-button .m-btn-arrow-right:hover {
    color: #2E58B7;
  }
}
.p-company-item-txt-lists {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

.p-company-item-txt-list {
  display: flex;
  flex-direction: column;
}

.p-company-item-txt-list em {
  font-weight: 700;
}

.p-company-item-txt-boxes {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.p-company-item-txt-box {
  display: flex;
  gap: 0 2rem;
}

.p-company-item-txt-box span {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .p-recruit-recruitment {
    padding-block: 13.3333333333vw 6.6666666667vw;
  }
  .p-recruit-recruitment-blocks {
    gap: 5.3333333333vw;
    margin-top: 8vw;
  }
  .p-recruit-recruitment-block {
    padding-block: 8vw;
    padding-inline: 5.3333333333vw;
  }
  .p-recruit-recruitment-block-ttlBox {
    padding-bottom: 4vw;
  }
  .p-company-items {
    gap: 3.4666666667vw;
    margin-top: 8vw;
  }
  .p-company-item {
    flex-direction: column;
    gap: 1.3333333333vw;
  }
  .p-company-item-ttl {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    width: 100%;
    border-bottom: none;
  }
  .p-company-item-txt {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    padding-bottom: 3.4666666667vw;
  }
  .p-company-item-txt-button {
    width: 64vw;
    margin-top: 2.1333333333vw;
  }
  .p-company-item-txt-button._mt {
    margin-top: 2.1333333333vw;
  }
  .p-company-item-txt-button .m-btn-arrow-right {
    padding-block: 1.8666666667vw 2.4vw;
  }
  .p-company-item-txt-lists {
    gap: 7.4666666667vw;
  }
  .p-company-item-txt-boxes {
    gap: 5.3333333333vw;
  }
  .p-company-item-txt-box {
    gap: 0 5.3333333333vw;
  }
}
/* p-recruit-flow
---------------------------------------------------------------------------- */
.p-recruit-flow {
  padding-block: 5rem 10rem;
}

.p-recruit-flow-groups {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 5.7rem;
}

.p-recruit-flow-group {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.p-recruit-flow-group-ttl {
  font-size: 2rem;
  line-height: 1.45;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #073190;
  padding-left: 1.8rem;
  position: relative;
}

.p-recruit-flow-group-ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.8rem;
  aspect-ratio: 1;
  background-color: #073190;
  border-radius: 50%;
}

.p-recruit-flow-group-items {
  display: flex;
}

.p-recruit-flow-group-item {
  flex: 1;
  height: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  color: #fff;
  text-align: center;
  position: relative;
}

.p-recruit-flow-group-item._01 {
  background-color: #819CDF;
}
.p-recruit-flow-group-item._01:after {
  background-color: #819CDF;
}

.p-recruit-flow-group-item._02 {
  background-color: #6281CE;
}
.p-recruit-flow-group-item._02:after {
  background-color: #6281CE;
}

.p-recruit-flow-group-item._03 {
  background-color: #5473BF;
}
.p-recruit-flow-group-item._03:after {
  background-color: #5473BF;
}

.p-recruit-flow-group-item._04 {
  background-color: #2E58B7;
}
.p-recruit-flow-group-item._04:after {
  background-color: #2E58B7;
}

.p-recruit-flow-group-item._05 {
  background-color: #073190;
}
.p-recruit-flow-group-item._05:after {
  background-color: #073190;
}

.p-recruit-flow-group-item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  z-index: 1;
  transform: translateY(-50%);
  width: 1.7rem;
  height: 4.3rem;
  clip-path: polygon(1.7rem 50%, 0% 0%, 0% 4.3rem);
}

.p-recruit-flow-group-item-txt {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.p-recruit-flow-group-item-txtSmall {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .p-recruit-flow {
    padding-block: 6.6666666667vw 13.3333333333vw;
  }
  .p-recruit-flow-groups {
    gap: 8vw;
    margin-top: 8vw;
  }
  .p-recruit-flow-group {
    gap: 4.8vw;
  }
  .p-recruit-flow-group-ttl {
    font-size: 4.8vw;
    line-height: 1.6111111111;
    padding-left: 4.8vw;
  }
  .p-recruit-flow-group-ttl::before {
    width: 2.1333333333vw;
  }
  .p-recruit-flow-group-items {
    flex-direction: column;
    width: 68vw;
    margin-inline: auto;
  }
  .p-recruit-flow-group-item {
    flex: initial;
    height: 21.3333333333vw;
    gap: initial;
  }
  .p-recruit-flow-group-item:not(:last-child)::after {
    top: calc(100% - 1px);
    left: 50%;
    transform: translate(-50%, 0);
    width: 11.4666666667vw;
    height: 4.5333333333vw;
    clip-path: polygon(50% 4.5333333333vw, 0% 0%, 11.4666666667vw 0%);
  }
  .p-recruit-flow-group-item:not(:first-child) {
    padding-top: 1.3333333333vw;
  }
  .p-recruit-flow-group-item-txt {
    font-size: 4vw;
  }
  .p-recruit-flow-group-item-txtSmall {
    font-size: 3.7333333333vw;
  }
}
/* p-recruit-entry
---------------------------------------------------------------------------- */
.p-recruit-entry {
  padding-block: 8rem;
  background-color: #2E58B7;
}

.p-recruit-entry-wrapper {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 0 6rem;
}

.p-recruit-entry-wrap-ttl {
  font-size: 3.6rem;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 700;
  color: #fff;
}

.p-recruit-entry-wrap-txt {
  font-size: 1.8rem;
  line-height: 1.6111111111;
  letter-spacing: 0.06em;
  font-weight: 500;
  color: #fff;
  margin-top: 3rem;
}

.p-recruit-entry-wrap-button {
  width: 38.5rem;
  margin-top: 2rem;
}

.p-recruit-entry-wrap-button .m-btn-arrow-right {
  padding-block: 3rem 3.1rem;
}

.p-recruit-entry-box {
  width: 38rem;
  padding-block: 2.1rem 2.7rem;
  padding-inline: 4rem 3rem;
  background-color: #EAF0FD;
  border-radius: 0.4rem;
  margin-top: 2.5rem;
}

.p-recruit-entry-box-ttl {
  font-size: 1.7rem;
  line-height: 1.8235294118;
  letter-spacing: 0.06em;
  font-weight: 700;
  color: #073190;
}

.p-recruit-entry-box-txt {
  font-size: 1.6rem;
  line-height: 1.8125;
  letter-spacing: 0.06em;
  font-weight: 400;
  margin-top: 0.5rem;
}

@media screen and (max-width: 767px) {
  .p-recruit-entry {
    padding-block: 8vw 13.3333333333vw;
  }
  .p-recruit-entry-wrapper {
    grid-template-columns: 1fr;
    gap: 4vw;
    padding-inline: 5.3333333333vw;
  }
  .p-recruit-entry-wrap-ttl {
    font-size: 6.4vw;
    padding-inline: 5.3333333333vw;
  }
  .p-recruit-entry-wrap-txt {
    font-size: 4.2666666667vw;
    line-height: 1.8125;
    margin-top: 4.8vw;
  }
  .p-recruit-entry-wrap-button {
    width: 100%;
    margin-top: 3.2vw;
  }
  .p-recruit-entry-wrap-button .m-btn-arrow-right {
    padding-block: 4.5333333333vw 4.8vw;
  }
  .p-recruit-entry-box {
    width: 100%;
    padding-block: 4.8vw 4.8vw;
    padding-inline: 5.3333333333vw;
    border-radius: 1.0666666667vw;
    margin-top: initial;
  }
  .p-recruit-entry-box-ttl {
    font-size: 4.5333333333vw;
    line-height: 1.7058823529;
  }
  .p-recruit-entry-box-txt {
    font-size: 4.2666666667vw;
    margin-top: 1.3333333333vw;
  }
}