.accc-recruit-anchor {
  margin-top: var(--space-80);
  margin-bottom: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-anchor {
    margin-top: var(--space-60);
    margin-bottom: 8.974vw;
  }
}
.accc-recruit-anchor__inner {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-anchor__inner {
    width: var(--container-width-sp);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-anchor .c-extension_anchor-list {
    grid-template-columns: 1fr;
  }
}

.accc-recruit-inline-cms {
  padding-top: var(--space-100);
  padding-bottom: var(--space-120);
  background: var(--primary-light_red);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-inline-cms {
    padding-top: var(--space-60);
    padding-bottom: var(--space-80);
  }
}
.accc-recruit-inline-cms__inner {
  margin-inline: auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-inline-cms__inner {
    width: var(--container-width-sp);
  }
}

.accc-recruit {
  margin-bottom: var(--space-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit {
    margin-bottom: var(--space-80);
  }
}
.accc-recruit__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-80);
  margin: 0 auto;
  width: var(--container-width-pc);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__inner {
    gap: var(--space-60);
    width: var(--container-width-sp);
  }
}
.accc-recruit__person {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
}
.accc-recruit__content {
  display: flex;
  flex-direction: column;
}
.accc-recruit__content > div {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__content > div {
    gap: var(--space-20);
  }
}
.accc-recruit__content > div:not(:last-child) {
  margin-bottom: var(--space-60);
}
.accc-recruit__content .c-title.type--primary {
  margin-bottom: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__content .c-title.type--primary {
    margin-bottom: var(--space-20);
  }
}
.accc-recruit__button {
  display: flex;
  justify-content: center;
  margin-top: var(--space-60);
}
.accc-recruit__button .c-button.type--primary {
  --c-button--width: min(25vw, 360px);
  --c-button__text--padding: min(1.389vw, 20px);
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__button .c-button.type--primary {
    --c-button--width: fit-content;
    --c-button__text--padding: 2.564vw;
    padding: 3.077vw 7.692vw;
  }
}
.accc-recruit__person-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__person-list {
    grid-template-columns: 1fr;
    gap: var(--space-20);
  }
}
.accc-recruit__card {
  position: relative;
  display: grid;
  align-items: center;
  justify-items: start;
  grid-template-columns: auto 1fr;
  gap: var(--space-20);
  padding-left: min(2.083vw, 30px);
  width: min(36.806vw, 530px);
  height: min(15.278vw, 220px);
  background-image: url("/assets/img/accc/saiyo/card-background_pc.svg");
  background-position: center;
  background-size: min(36.806vw, 530px) min(15.278vw, 220px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card {
    align-items: start;
    grid-template-columns: 1fr auto;
    padding-top: var(--space-20);
    padding-left: var(--space-20);
    padding-right: var(--space-20);
    width: var(--container-width-sp);
    height: 47.179vw;
    background-image: url("/assets/img/accc/saiyo/card-background_sp.svg");
    background-size: var(--container-width-sp) 47.179vw;
  }
}
.accc-recruit__card::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: 0;
  right: 0;
  width: min(2.917vw, 42px);
  height: min(2.917vw, 42px);
  background-position: center;
  background-size: min(2.917vw, 42px) min(2.917vw, 42px);
  background-repeat: no-repeat;
  background-image: url("/assets/img/component/icon/icon-open-fill_primary-red.svg");
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card::after {
    width: 6.41vw;
    height: 6.41vw;
    background-size: 6.41vw 6.41vw;
  }
}
.accc-recruit__card-image {
  overflow: hidden;
  width: min(9.722vw, 140px);
  height: min(9.722vw, 140px);
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-image {
    order: 2;
    width: 23.077vw;
    height: 23.077vw;
  }
}
.accc-recruit__card-profile {
  display: flex;
  flex-direction: column;
  gap: min(0.972vw, 14px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-profile {
    order: 1;
    gap: 3.59vw;
  }
}
.accc-recruit__card-profile > div {
  display: flex;
  flex-direction: column;
  gap: min(0.278vw, 4px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-profile > div {
    gap: 1.026vw;
  }
}
.accc-recruit__card-profile > div > span {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-profile > div > span {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-profile > div > span {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__card-profile > div > span {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-recruit__card-profile > span {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-profile > span {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-profile > span {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__card-profile > span {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-recruit__card-name {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-10);
  font-family: var(--family-jp);
  font-size: var(--size-26px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-name {
    font-size: var(--size-26px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-name {
    font-family: var(--family-jp);
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__card-name {
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-recruit__card-name span {
  display: inline-block;
  color: var(--text-gray);
  font-family: var(--family-en);
  font-size: var(--size-14px);
  font-weight: var(--weight-light);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-name span {
    font-size: var(--size-14px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__card-name span {
    font-family: var(--family-en);
    font-size: var(--size-12px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__card-name span {
    font-size: var(--size-12px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
.accc-recruit__image-wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: var(--space-10);
}
.accc-recruit__image {
  width: 100%;
  height: auto;
}
.accc-recruit__image img {
  height: auto;
}
.accc-recruit__image-caption {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__image-caption {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__image-caption {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__image-caption {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-recruit__column {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: start;
  gap: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__column {
    grid-template-columns: 1fr;
    gap: var(--space-40);
  }
}
.accc-recruit__column:has(.accc-recruit__row:only-child) .accc-recruit__row {
  grid-column: 1/3;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__column:has(.accc-recruit__row:only-child) .accc-recruit__row {
    grid-column: 1/2;
  }
}
.accc-recruit__column:has(.accc-recruit__row:only-child) .accc-recruit__image {
  grid-column: 1/3;
  margin-inline: auto;
  width: min(50vw, 720px);
  height: min(33.333vw, 480px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__column:has(.accc-recruit__row:only-child) .accc-recruit__image {
    grid-column: 1/2;
    width: var(--container-width-sp);
    height: 56.41vw;
  }
}
.accc-recruit__column:has(.accc-recruit__row:nth-child(2):last-child) .accc-recruit__image {
  width: min(35.417vw, 510px);
  height: min(23.611vw, 340px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__column:has(.accc-recruit__row:nth-child(2):last-child) .accc-recruit__image {
    width: var(--container-width-sp);
    height: 56.41vw;
  }
}
.accc-recruit__column .accc-recruit__row:only-child > .accc-recruit__interview:nth-child(2):last-child,
.accc-recruit__column .accc-recruit__row:only-child > .accc-recruit__description:nth-child(2):last-child {
  grid-column: 1/3;
  margin-inline: auto;
  width: min(50vw, 720px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__column .accc-recruit__row:only-child > .accc-recruit__interview:nth-child(2):last-child,
  .accc-recruit__column .accc-recruit__row:only-child > .accc-recruit__description:nth-child(2):last-child {
    grid-column: 1/2;
    width: var(--container-width-sp);
  }
}
.accc-recruit__row {
  display: grid;
  grid-auto-flow: row;
  align-items: start;
  row-gap: var(--space-40);
  -moz-column-gap: var(--space-80);
       column-gap: var(--space-80);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__row {
    row-gap: var(--space-20);
    -moz-column-gap: var(--space-20);
         column-gap: var(--space-20);
  }
}
.accc-recruit__description > p {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__description > p {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__description > p {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__description > p {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__description:nth-child(3) {
    margin-top: var(--space-40);
  }
}
.accc-recruit__interview {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: var(--space-20);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview:nth-child(3) {
    margin-top: var(--space-40);
  }
}
.accc-recruit__interview-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.278vw, 4px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview-icon {
    gap: 1.026vw;
  }
}
.accc-recruit__interview-icon img {
  overflow: hidden;
  width: min(4.861vw, 70px);
  height: min(4.861vw, 70px);
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview-icon img {
    width: 17.949vw;
    height: 17.949vw;
  }
}
.accc-recruit__interview-icon span {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview-icon span {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview-icon span {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__interview-icon span {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-recruit__interview-text {
  text-align: justify;
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview-text {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__interview-text {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__interview-text {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-recruit__employee {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  align-items: start;
  gap: var(--space-40);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
  }
}
.accc-recruit__employee-image {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
  align-items: center;
  grid-column: 1/2;
  grid-row: 1/2;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-image {
    gap: var(--space-10);
  }
}
.accc-recruit__employee-image img {
  width: min(29.167vw, 420px);
  height: min(19.444vw, 280px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-image img {
    width: var(--container-width-sp);
    height: 56.41vw;
  }
}
.accc-recruit__employee-role {
  display: flex;
  flex-direction: column;
  gap: min(0.417vw, 6px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-role {
    gap: 1.538vw;
  }
}
.accc-recruit__employee-role > span {
  display: block;
  text-align: center;
}
.accc-recruit__employee-role > span:first-child {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-role > span:first-child {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-role > span:first-child {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__employee-role > span:first-child {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-recruit__employee-role > span:last-child {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-role > span:last-child {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-role > span:last-child {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__employee-role > span:last-child {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-recruit__employee-timeline {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 2/3;
  grid-row: 1/2;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
.accc-recruit__employee-timeline > li {
  position: relative;
  display: grid;
  grid-template-columns: min(4.861vw, 70px) 1fr;
  gap: min(0.833vw, 12px);
  padding-bottom: min(0.833vw, 12px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li {
    grid-template-columns: 17.949vw 1fr;
    gap: 3.077vw;
    padding-bottom: 3.077vw;
  }
}
.accc-recruit__employee-timeline > li .c-list.type--primary.kind--dot {
  margin-block: auto;
}
.accc-recruit__employee-timeline > li::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: min(2.431vw, 35px);
  width: 1px;
  height: 100%;
  background: var(--primary-red);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li::before {
    left: 8.974vw;
  }
}
.accc-recruit__employee-timeline > li:first-child > h5 {
  width: min(3.472vw, 50px);
  height: min(3.472vw, 50px);
  border-radius: 50%;
  background: var(--primary-red);
  color: var(--text-white);
  font-family: var(--family-jp);
  font-size: var(--size-12px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li:first-child > h5 {
    font-size: var(--size-12px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li:first-child > h5 {
    width: 12.821vw;
    height: 12.821vw;
  }
}
.accc-recruit__employee-timeline > li:last-child::after, .accc-recruit__employee-timeline > li:only-child::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: max(-0.139vw, -2px);
  left: min(1.979vw, 28.5px);
  width: min(1.042vw, 15px);
  height: min(1.042vw, 15px);
  background-image: url("/assets/img/accc/saiyo/timeline-arrow.svg");
  background-position: center;
  background-size: min(1.042vw, 15px) min(1.042vw, 15px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li:last-child::after, .accc-recruit__employee-timeline > li:only-child::after {
    bottom: -0.513vw;
    left: 7.179vw;
    width: 3.846vw;
    height: 3.846vw;
    background-size: 3.846vw 3.846vw;
  }
}
.accc-recruit__employee-timeline > li:last-child {
  padding-bottom: min(2.222vw, 32px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li:last-child {
    padding-bottom: 8.205vw;
  }
}
.accc-recruit__employee-timeline > li:only-child {
  padding-bottom: min(2.917vw, 42px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li:only-child {
    padding-bottom: 7.692vw;
  }
}
.accc-recruit__employee-timeline > li > h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.139vw, 2px);
  margin-inline: auto;
  width: min(4.861vw, 70px);
  height: min(1.944vw, 28px);
  border-radius: min(6.944vw, 100px);
  border: 1px solid var(--primary-red);
  background: var(--background-white);
  color: var(--primary-red);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li > h5 {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li > h5 {
    gap: 0.513vw;
    width: 17.949vw;
    height: 7.179vw;
    border-radius: 25.641vw;
  }
}
.accc-recruit__employee-timeline > li > h5 span {
  padding-top: min(0.139vw, 2px);
  font-family: var(--family-jp);
  font-size: var(--size-13px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li > h5 span {
    font-size: var(--size-13px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__employee-timeline > li > h5 span {
    padding-top: 0.513vw;
  }
}
.accc-recruit__comment {
  position: relative;
  display: grid;
  align-items: center;
  grid-template-columns: auto 1fr;
  gap: var(--space-20);
  grid-column: 1/3;
  grid-row: 2/3;
  padding: min(2.083vw, 30px) min(2.778vw, 40px);
  border-radius: min(0.694vw, 10px);
  border: 1px solid var(--line-light_gray);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment {
    align-items: start;
    grid-column: 1/2;
    grid-row: 3/4;
    padding: 7.692vw 5.128vw;
    border-radius: 2.564vw;
  }
}
.accc-recruit__comment::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: max(-1.319vw, -19px);
  left: min(3.819vw, 55px);
  width: min(2.778vw, 40px);
  height: min(1.389vw, 20px);
  background-image: url("/assets/img/accc/saiyo/speech-balloon.svg");
  background-position: center;
  background-size: min(2.778vw, 40px) min(1.389vw, 20px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment::before {
    left: 50%;
    top: -4.872vw;
    width: 10.256vw;
    height: 5.128vw;
    background-size: 10.256vw 5.128vw;
    transform: translateX(-50%);
  }
}
.accc-recruit__comment-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(0.278vw, 4px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment-icon {
    gap: 1.026vw;
  }
}
.accc-recruit__comment-icon img {
  overflow: hidden;
  width: min(4.861vw, 70px);
  height: min(4.861vw, 70px);
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment-icon img {
    width: 17.949vw;
    height: 17.949vw;
  }
}
.accc-recruit__comment-icon span {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment-icon span {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment-icon span {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__comment-icon span {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
.accc-recruit__comment-text {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment-text {
    font-size: var(--size-16px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit__comment-text {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit__comment-text {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}

.accc-recruit-modal-profile {
  position: fixed;
  visibility: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--ease-in-out-300), visibility var(--ease-in-out-300);
  z-index: 5000;
}
.accc-recruit-modal-profile[data-js-modal-state=true] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.accc-recruit-modal-profile__background {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: var(--background-black);
  opacity: var(--opacity-7);
  cursor: pointer;
  z-index: 1;
}
.accc-recruit-modal-profile__content {
  position: absolute;
  margin-inline: auto;
  top: 50%;
  left: 50%;
  width: min(69.444vw, 1000px);
  height: min(37.5vw, 540px);
  background: var(--background-white);
  transform: translate(-50%, -50%);
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__content {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    width: 89.744vw;
    height: 84.9dvh;
  }
}
.accc-recruit-modal-profile [data-js-scrollbar] {
  height: inherit;
}
.accc-recruit-modal-profile__details {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
  margin-inline: auto;
  padding-block: var(--space-60);
  width: min(60.417vw, 870px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__details {
    gap: var(--space-20);
    padding-block: var(--space-20);
    width: 79.487vw;
  }
}
.accc-recruit-modal-profile__title {
  position: relative;
}
.accc-recruit-modal-profile__section {
  display: flex;
  flex-direction: column;
  gap: var(--space-10);
}
.accc-recruit-modal-profile__person {
  position: absolute;
  display: grid;
  align-items: end;
  grid-template-columns: 1fr auto;
  gap: var(--space-20);
  margin-bottom: min(0.972vw, 14px);
  bottom: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person {
    position: relative;
    align-items: center;
    grid-template-columns: auto 1fr;
    margin-top: var(--space-20);
    margin-bottom: 0;
    bottom: auto;
    right: auto;
  }
}
.accc-recruit-modal-profile__person-image {
  overflow: hidden;
  width: min(5.556vw, 80px);
  height: min(5.556vw, 80px);
  border-radius: 50%;
}
@media print, screen and (min-width: 768px) {
  .accc-recruit-modal-profile__person-image {
    order: 2;
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-image {
    width: 17.949vw;
    height: 17.949vw;
  }
}
.accc-recruit-modal-profile__person-profile {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .accc-recruit-modal-profile__person-profile {
    order: 1;
  }
}
.accc-recruit-modal-profile__person-profile > span {
  font-family: var(--family-jp);
  font-size: var(--size-16px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-profile > span {
    font-size: var(--size-16px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-profile > span {
    font-family: var(--family-jp);
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit-modal-profile__person-profile > span {
    font-size: var(--size-14px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-recruit-modal-profile__person-name > p {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: var(--space-10);
  font-family: var(--family-jp);
  font-size: var(--size-22px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-name > p {
    font-size: var(--size-22px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-name > p {
    font-family: var(--family-jp);
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit-modal-profile__person-name > p {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
.accc-recruit-modal-profile__person-name > p > span {
  display: inline-block;
  color: var(--text-gray);
  font-family: var(--family-en);
  font-size: var(--size-14px);
  font-weight: var(--weight-light);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-name > p > span {
    font-size: var(--size-14px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__person-name > p > span {
    font-family: var(--family-en);
    font-size: var(--size-12px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .accc-recruit-modal-profile__person-name > p > span {
    font-size: var(--size-12px);
    font-weight: var(--weight-light);
    line-height: var(--line-height-100);
  }
}
.accc-recruit-modal-profile__timeline {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline {
    margin-bottom: var(--space-20);
  }
}
.accc-recruit-modal-profile__timeline-list {
  position: relative;
  display: flex;
  flex-direction: column;
}
.accc-recruit-modal-profile__timeline-list > li {
  position: relative;
  display: grid;
  grid-template-columns: min(4.861vw, 70px) 1fr;
  gap: min(0.833vw, 12px);
  padding-bottom: min(0.833vw, 12px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li {
    grid-template-columns: 17.949vw 1fr;
    gap: 3.077vw;
    padding-bottom: 3.077vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li .c-list.type--primary.kind--dot {
  margin-block: auto;
}
.accc-recruit-modal-profile__timeline-list > li::before {
  position: absolute;
  display: inline-block;
  content: "";
  top: 0;
  left: min(2.431vw, 35px);
  width: 1px;
  height: 100%;
  background: var(--primary-red);
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li::before {
    left: 8.974vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li:first-child::before {
  top: 50%;
  height: 50%;
}
.accc-recruit-modal-profile__timeline-list > li:first-child > h5 {
  width: min(3.472vw, 50px);
  height: min(3.472vw, 50px);
  border-radius: 50%;
  background: var(--primary-red);
  color: var(--text-white);
  font-family: var(--family-jp);
  font-size: var(--size-12px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li:first-child > h5 {
    font-size: var(--size-12px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li:first-child > h5 {
    width: 12.821vw;
    height: 12.821vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li:last-child::after, .accc-recruit-modal-profile__timeline-list > li:only-child::after {
  position: absolute;
  display: inline-block;
  content: "";
  bottom: max(-0.139vw, -2px);
  left: min(1.944vw, 28px);
  width: min(1.042vw, 15px);
  height: min(1.042vw, 15px);
  background-image: url("/assets/img/accc/saiyo/timeline-arrow.svg");
  background-position: center;
  background-size: min(1.042vw, 15px) min(1.042vw, 15px);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li:last-child::after, .accc-recruit-modal-profile__timeline-list > li:only-child::after {
    bottom: -0.513vw;
    left: 7.179vw;
    width: 3.846vw;
    height: 3.846vw;
    background-size: 3.846vw 3.846vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li:last-child {
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li:last-child {
    padding-bottom: 7.692vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li:last-child:not(:only-child) {
  min-height: calc(var(--size-16px) * var(--line-height-170) + min(2.083vw, 30px));
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li:last-child:not(:only-child) {
    min-height: unset;
  }
}
.accc-recruit-modal-profile__timeline-list > li:last-child:not(:only-child) .c-list.type--primary.kind--dot {
  margin-block: unset;
}
.accc-recruit-modal-profile__timeline-list > li:only-child {
  padding-bottom: min(2.292vw, 33px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li:only-child {
    padding-bottom: 7.692vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li > h5 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(0.139vw, 2px);
  margin-inline: auto;
  width: min(4.861vw, 70px);
  height: min(1.944vw, 28px);
  border-radius: min(6.944vw, 100px);
  border: 1px solid var(--primary-red);
  background: var(--background-white);
  color: var(--primary-red);
  font-family: var(--family-jp);
  font-size: var(--size-18px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li > h5 {
    font-size: var(--size-18px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li > h5 {
    gap: 0.513vw;
    width: 17.949vw;
    height: 7.179vw;
    border-radius: 25.641vw;
  }
}
.accc-recruit-modal-profile__timeline-list > li > h5 span {
  padding-top: min(0.139vw, 2px);
  font-family: var(--family-jp);
  font-size: var(--size-13px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-100);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li > h5 span {
    font-size: var(--size-13px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-100);
  }
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__timeline-list > li > h5 span {
    padding-top: 0.513vw;
  }
}
.accc-recruit-modal-profile__close {
  position: absolute;
  top: max(-4.167vw, -60px);
  right: max(-0.174vw, -2.5px);
  width: min(3.125vw, 45px);
  height: min(3.125vw, 45px);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__close {
    top: -10.256vw;
    right: 0;
    width: 6.41vw;
    height: 6.41vw;
  }
}
.accc-recruit-modal-profile__close::before, .accc-recruit-modal-profile__close::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 50%;
  width: min(3.819vw, 55px);
  height: min(0.208vw, 3px);
  border-radius: min(0.104vw, 1.5px);
  background: var(--background-white);
}
@media only screen and (max-width: 767px) {
  .accc-recruit-modal-profile__close::before, .accc-recruit-modal-profile__close::after {
    width: 8.974vw;
    height: 0.513vw;
    border-radius: 0.256vw;
  }
}
.accc-recruit-modal-profile__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.accc-recruit-modal-profile__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.area--shutoken .accc-recruit__content .c-description {
  margin-inline: auto;
  width: min(50vw, 720px);
}
@media only screen and (max-width: 767px) {
  .area--shutoken .accc-recruit__content .c-description {
    width: unset;
  }
}
.area--shutoken .accc-recruit__employee-role > span > span {
  font-family: var(--family-jp);
  font-size: var(--size-26px);
  font-weight: var(--weight-bold);
  line-height: var(--line-height-150);
}
@media only screen and (max-width: 767px) {
  .area--shutoken .accc-recruit__employee-role > span > span {
    font-size: var(--size-26px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) {
  .area--shutoken .accc-recruit__employee-role > span > span {
    font-family: var(--family-jp);
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .area--shutoken .accc-recruit__employee-role > span > span {
    font-size: var(--size-20px);
    font-weight: var(--weight-bold);
    line-height: var(--line-height-150);
  }
}

.area--kft .accc-recruit__content .c-description {
  margin-inline: auto;
  width: min(50vw, 720px);
}
@media only screen and (max-width: 767px) {
  .area--kft .accc-recruit__content .c-description {
    width: unset;
  }
}
.area--kft .kft-note {
  font-family: var(--family-jp);
  font-size: var(--size-14px);
  font-weight: var(--weight-regular);
  line-height: var(--line-height-170);
}
@media only screen and (max-width: 767px) {
  .area--kft .kft-note {
    font-size: var(--size-14px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) {
  .area--kft .kft-note {
    font-family: var(--family-jp);
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .area--kft .kft-note {
    font-size: var(--size-12px);
    font-weight: var(--weight-regular);
    line-height: var(--line-height-170);
  }
}/*# sourceMappingURL=accc-recruit.css.map */