.c-section-block.p-recruit-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: var(--gap);
  padding-block: 0 var(--size-40);
}

.c-section-block.p-recruit-type > li {
  display: flex;
  flex: 1 1 100%;
  align-items: stretch;
}

.c-section-block.p-recruit-type > li .c-rich-btn {
  width: 100%;
}

.c-recruit-info.is-hide {
  display: none;
}

.p-ideal-candidate {
  display: flex;
  padding: var(--size-40);
  border-radius: var(--size-40);
  background-color: var(--bg-clear);
  box-shadow: 0 var(--size-2) var(--size-4) var(--size-2) var(--sw-primary);
  gap: var(--gap);
}

.p-ideal-candidate__head {
  flex: 0 1 min(220px, 15.277vw);
}

.p-ideal-candidate__title {
  color: var(--txt-secondary);
  font-size: var(--size-32);
  line-height: var(--size-44);
}

.p-ideal-candidate__en {
  margin-top: var(--size-8);
  font-size: var(--size-14);
  font-weight: 700;
  line-height: var(--size-24);
}

.p-ideal-candidate__list {
  padding-left: 1.5em;
  list-style: disc;
}

.p-ideal-candidate__list > li {
  font-size: var(--size-18);
  line-height: var(--size-32);
}

.p-flow-content {
  display: flex;
  justify-content: space-between;
  counter-set: flow;
  gap: var(--size-32);
}

.c-section-subheader + .p-flow-content {
  margin-top: var(--size-32);
}

.p-flow-content .p-flow-content-block {
  position: relative;
  flex: 1 1 100%;
}

.p-flow-content .p-flow-content-block + .p-flow-content-block::after {
  content: "\e315";
  position: absolute;
  top: 50%;
  right: 100%;
  width: var(--size-32);
  font-family: "Material Symbols Rounded", sans-serif;
  translate: 0 -50%;
  font-size: var(--size-32);
  line-height: var(--size-32);
}

.p-flow-content-block {
  padding: var(--size-32) var(--size-16) var(--size-40);
  border-radius: var(--size-40);
  background-color: var(--bg-tertiary);
  text-align: center;
  counter-increment: flow;
}

.p-flow-content-block::before {
  content: counter(flow);
  color: var(--txt-secondary);
  font-family: var(--ft-en), sans-serif;
  font-size: var(--size-24);
  font-weight: 700;
  line-height: var(--size-36);
}

.p-flow-content-block__name {
  font-size: var(--size-18);
  font-weight: 700;
  line-height: var(--size-32);
}

.p-flow-content-block__sub {
  display: block;
  margin-top: var(--size-8);
  font-size: var(--size-14);
  line-height: var(--size-24);
}

.p-entries-area .c-rich-btn {
  width: 100%;
  height: 100%;
}

.p-entries-area .p-entries-title {
  color: var(--txt-accent-dark);
  font-size: var(--size-24);
  line-height: var(--size-36);
}

.p-entries-area .p-entries-title__en {
  display: inline-block;
  margin-right: var(--size-24);
  color: var(--txt-accent);
  font-size: var(--size-40);
  line-height: var(--size-56);
}

@media screen and (min-width: 769px) and (max-width: 1024px) {
  .p-ideal-candidate {
    padding: var(--size-24);
    border-radius: var(--size-24);
  }

  .p-ideal-candidate__head {
    margin-bottom: var(--size-24);
  }

  .p-ideal-candidate__title {
    font-size: var(--size-28);
    line-height: var(--size-40);
  }

  .p-ideal-candidate__en {
    margin-top: var(--size-4);
    font-size: var(--size-12);
    line-height: var(--size-20);
  }

  .p-flow-content-block__name,
  .p-ideal-candidate__list > li {
    font-size: var(--size-16);
    line-height: var(--size-28);
  }

  .p-flow-content-block__sub {
    margin-top: var(--size-4);
    font-size: var(--size-12);
    line-height: var(--size-20);
  }
}

@media screen and (max-width: 1024px) {
  .p-ideal-candidate {
    display: block;
  }

  .p-flow-content {
    gap: var(--size-40);
    flex-direction: column;
  }

  .p-flow-content .p-flow-content-block + .p-flow-content-block::after {
    content: "\e313";
    top: 0;
    right: auto;
    left: 50%;
    translate: -50% -100%;
  }

  .p-flow-content-block {
    padding-block: var(--size-20);
    padding-inline: var(--size-64) var(--size-24);
    border-radius: var(--size-24);
    text-align: left;
    aspect-ratio: auto;
  }

  .p-flow-content-block::before {
    position: absolute;
    top: 50%;
    left: var(--size-24);
    translate: 0 -50%;
  }
}

@media screen and (max-width: 768px) {
  .c-section-block.p-recruit-type {
    gap: var(--size-20);
    padding-block: var(--size-40) var(--size-18);
  }

  .c-section-block.p-recruit-type > li {
    width: 100%;
  }

  .p-ideal-candidate {
    padding: var(--size-20);
    border-radius: var(--size-20);
  }

  .p-ideal-candidate__head {
    margin-bottom: var(--size-20);
  }

  .p-ideal-candidate__title {
    font-size: var(--size-24);
    line-height: var(--size-36);
  }

  .p-ideal-candidate__en {
    margin-top: var(--size-2);
    font-size: var(--size-10);
    line-height: var(--size-16);
  }

  .p-flow-content-block__name,
  .p-ideal-candidate__list > li {
    font-size: var(--size-15);
    line-height: var(--size-24);
  }

  .p-flow-content-block__sub {
    margin-top: var(--size-2);
    font-size: var(--size-12);
    line-height: var(--size-20);
  }

  .p-entries-area .p-entries-title {
    font-size: var(--size-18);
    line-height: var(--size-32);
  }

  .p-entries-area .p-entries-title__en {
    margin-right: var(--size-16);
    font-size: var(--size-32);
    line-height: var(--size-44);
  }
}