@charset "UTF-8";

/* =================================================================
   recruiter
   ================================================================= */

.recruiter {
  position: relative;
  z-index: 1;
  padding-top: 5.675rem;
  overflow: hidden;
  background: #fff;
}

.recruiter em {
  color: #6bc900;
}

.recruiter-btn {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  width: 468.92px;
  width: 29.3075rem;
  max-width: 90vw;
  height: 114.105px;
  height: 7.1315625rem;
  min-height: 7.1315625rem;
  padding: 0 104px 0 37.15px;
  padding: 0 6.5rem 0 2.321875rem;
  color: #fff;
  border: 2.076px solid #fff;
  border: 0.12975rem solid #fff;
  border-radius: 8.305px;
  border-radius: 0.5190625rem;
  background: #2b63e3;
  box-shadow: 0 6.229px 0 0 rgba(0, 0, 0, 0.43);
  box-shadow: 0 0.3893125rem 0 0 rgba(0, 0, 0, 0.43);
  text-align: left;
  text-decoration: none;
  isolation: isolate;
  transition:
    border-color 0.3s ease,
    color 0.3s ease,
    transform 0.22s cubic-bezier(0.2, 0, 0, 1),
    box-shadow 0.22s cubic-bezier(0.2, 0, 0, 1);
}

.recruiter-btn::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: calc(100% + 64px);
  content: "";
  background: #2458d7;
  border-radius: 0 100vw 100vw 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}

.recruiter-btn:hover {
  opacity: 1;
  transform: translateY(6.229px);
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.recruiter-btn:hover::before {
  opacity: 1;
  transform: scaleX(1);
}

.recruiter-btn__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  text-align: left;
}

.recruiter-btn__label {
  position: relative;
  z-index: 1;
  display: block;
  width: fit-content;
  margin-bottom: 6.868px;
  margin-bottom: 0.42925rem;
  padding-bottom: 0;
  color: #fff;
  border-bottom: 1px solid #fff;
  border-bottom: 0.0625rem solid #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15.571px;
  font-size: 0.9731875rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 1.246px;
  letter-spacing: 0.077875rem;
  white-space: nowrap;
}

.recruiter-btn__copy {
  position: relative;
  z-index: 1;
  display: block;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 24.725px;
  font-size: 1.5453125rem;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 2.473px;
  letter-spacing: 0.1545625rem;
  white-space: nowrap;
}

.recruiter-btn__arrow {
  position: absolute;
  top: 50%;
  right: 24.039px;
  right: 1.5024375rem;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 69.171px;
  width: 4.3231875rem;
  height: 69.171px;
  height: 4.3231875rem;
  overflow: hidden;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.23);
  isolation: isolate;
  transform: translateY(-50%);
}

.recruiter-btn__arrow::before {
  position: relative;
  z-index: 2;
  display: block;
  width: 13.65px;
  width: 0.853125rem;
  height: 13.65px;
  height: 0.853125rem;
  content: "";
  background-color: #fff;
  -webkit-mask-image: url("../../img/fv-cta-arrow-white.svg");
  mask-image: url("../../img/fv-cta-arrow-white.svg");
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  transition: background-color 0.3s ease;
}

.recruiter-btn__arrow::after {
  position: absolute;
  inset: 0;
  z-index: 1;
  content: "";
  background: #fff;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.3s ease;
}

.recruiter-btn__arrow picture {
  display: none;
}

.recruiter-btn__arrow img {
  display: none;
}

.recruiter-btn:hover .recruiter-btn__arrow {
  transform: translateY(-50%);
}

.recruiter-btn:hover .recruiter-btn__arrow::before {
  background-color: #2b63e3;
}

.recruiter-btn:hover .recruiter-btn__arrow::after {
  transform: scale(1);
}

@media (max-width: 767.98px) {
  .recruiter-btn {
    width: 370px;
    width: 23.125rem;
    max-width: calc(100vw - 32px);
    height: 91.429px;
    height: 5.7143125rem;
    min-height: 5.7143125rem;
    padding: 0 82px 0 30.2px;
    padding: 0 5.125rem 0 1.8875rem;
    border-width: 0.875px;
    border-width: 0.0546875rem;
    border-radius: 6.122px;
    border-radius: 0.382625rem;
    border: 1.531px solid #fff;
    border: 0.0956875rem solid #fff;
    background: #2b63e3;
    box-shadow: 0 4.592px 0 0 rgba(4, 43, 60, 0.55);
    box-shadow: 0 0.287rem 0 0 rgba(4, 43, 60, 0.55);
  }

  .recruiter-btn:hover {
    transform: translateY(5.252px);
  }

  .recruiter-btn__label {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    padding-bottom: 1px;
    padding-bottom: 0.0625rem;
    font-size: 13.129px;
    font-size: 0.8205625rem;
    font-weight: 500;
    letter-spacing: 1.05px;
    letter-spacing: 0.065625rem;
  }

  .recruiter-btn__copy {
    font-size: 18.227px;
    font-size: 1.1391875rem;
    line-height: normal;
    letter-spacing: 1.823px;
    letter-spacing: 0.1139375rem;
  }

  .recruiter-fv__cta .recruiter-btn__copy {
    font-size: 16.535px;
    font-size: 1.0334375rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.654px;
    letter-spacing: 0.103375rem;
  }

  .recruiter-btn__arrow {
    right: 18.182px;
    right: 1.136375rem;
    width: 58.323px;
    width: 3.6451875rem;
    height: 58.323px;
    height: 3.6451875rem;
    background: rgba(255, 255, 255, 0.23);
  }

  .recruiter-btn__arrow::before {
    width: 11.37px;
    width: 0.710625rem;
    height: 11.37px;
    height: 0.710625rem;
    background-color: #fff;
  }

  .recruiter-btn:hover .recruiter-btn__arrow::before {
    background-color: #2b63e3;
  }
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-btn {
    transition: none;
  }

  .recruiter-btn::before {
    transition: none;
  }

  .recruiter-btn__arrow::before {
    transition: none;
  }

  .recruiter-btn__arrow::after {
    transition: none;
  }
}

.js-anim-heading.is-anim-ready .noma-anim-line {
  display: block;
  line-height: inherit;
  transform: translateX(50px);
  transition: transform 1400ms cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(
    var(--anim-line-delay, 0s) + var(--anim-extra-delay, 0s)
  );
  will-change: transform;
}

.js-anim-heading.is-anim-ready .noma-anim-char {
  display: inline-block;
  line-height: inherit;
  opacity: 0;
  vertical-align: baseline;
  white-space: pre;
  transition: opacity 1400ms cubic-bezier(0.33, 1, 0.68, 1);
  transition-delay: calc(var(--anim-delay, 0s) + var(--anim-extra-delay, 0s));
  will-change: opacity;
}

.js-anim-heading.is-animated .noma-anim-line {
  transform: translateX(0);
}

.js-anim-heading.is-animated .noma-anim-char {
  opacity: 1;
}

.js-anim-fadeup.is-anim-ready {
  opacity: 0;
  transform: translateY(0.75rem);
  transition:
    opacity 2s cubic-bezier(0.16, 1, 0.3, 1),
    transform 2s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: var(--anim-extra-delay, 0s);
  will-change: opacity, transform;
}

.js-anim-fadeup.is-animated {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .js-anim-heading.is-anim-ready .noma-anim-line {
    transition: none;
    will-change: auto;
  }

  .js-anim-heading.is-anim-ready .noma-anim-char {
    transition: none;
    will-change: auto;
  }

  .js-anim-fadeup.is-anim-ready {
    transition: none;
    will-change: auto;
  }
}

/* figma-css:start fv */
.recruiter-fv {
  position: relative;
  width: 100%;
  height: 842px;
  height: 52.625rem;
  overflow: hidden;
}

.recruiter-fv__bg {
  position: absolute;
  pointer-events: none;
}

.recruiter-fv__people {
  --recruiter-fv-people-overlap: 0px;
  --recruiter-fv-people-gap: 0px;
  --recruiter-fv-people-loop-distance: calc(
    var(--recruiter-fv-people-width) + var(--recruiter-fv-people-gap) +
      (var(--recruiter-fv-people-overlap) * -0.7)
  );
  display: none;
}

.recruiter-fv__people-track {
  display: flex;
  width: max-content;
  gap: var(--recruiter-fv-people-gap);
  will-change: transform;
}

.recruiter-fv__people img {
  flex: 0 0 auto;
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  margin-right: calc(var(--recruiter-fv-people-overlap) * -0.7);
}

/* 左右の人物カラム（縦無限スライド） */
.recruiter-fv__column {
  position: absolute;
  top: 0;
  z-index: 1;
  width: 474px;
  width: 29.625rem;
  height: 100%;
  overflow: hidden;
}

.recruiter-fv__column--left {
  left: max(0px, calc((100% - 1680px) / 2 + 26px));
}

.recruiter-fv__column--right {
  right: max(0px, calc((100% - 1680px) / 2 + 26px));
}

.recruiter-fv__track {
  display: flex;
  flex-direction: column;
  align-items: center;
  will-change: transform;
}

.recruiter-fv__track--image {
  width: 100%;
}

.recruiter-fv__track--down {
  animation: recruiter-fv-scroll-down 30s linear infinite;
}

.recruiter-fv__track--up {
  animation: recruiter-fv-scroll-up 30s linear infinite;
}

.recruiter-fv__person {
  display: block;
  width: auto;
  height: 422px;
  height: 26.375rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
  -webkit-user-select: none;
  user-select: none;
}

.recruiter-fv__column-picture {
  display: block;
  width: 100%;
  line-height: 0;
  margin-bottom: -28px;
  margin-bottom: -1.75rem;
}

.recruiter-fv__column-image {
  display: block;
  width: 100%;
  height: auto;
  max-width: none;
  -webkit-user-select: none;
  user-select: none;
}

@keyframes recruiter-fv-scroll-up {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

@keyframes recruiter-fv-scroll-down {
  from {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes recruiter-fv-people-slide-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(calc(var(--recruiter-fv-people-loop-distance) * -1));
  }
}

@keyframes recruiter-fv-people-slide-right {
  from {
    transform: translateX(calc(var(--recruiter-fv-people-loop-distance) * -1));
  }
  to {
    transform: translateX(0);
  }
}

/* 中央コンテンツ */
.recruiter-fv__content {
  position: relative;
  z-index: 3;
  height: 100%;
  padding-top: 57.53px;
  padding-top: 3.595625rem;
  text-align: center;
  width: 32.7273809524%;
  margin-inline: auto;
}

.recruiter-fv__badge {
  width: 439px;
  width: 27.4375rem;
  margin-inline: auto;
  margin-bottom: 29.7px;
  margin-bottom: 1.85625rem;
}

.recruiter-fv__badge img {
  width: 100%;
  height: auto;
}

.recruiter-fv__heading {
  width: 550px;
  width: 34.375rem;
}

.recruiter-fv__heading img {
  width: 100%;
  height: auto;
}

.recruiter-fv__lead {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-size: 17.3px;
  font-size: 1.08125rem;
  line-height: 1.7;
  letter-spacing: 1.04px;
  letter-spacing: 0.065rem;
  color: #272824;
  margin-top: -4px;
  margin-top: -0.25rem;
  margin-bottom: 19px;
  margin-bottom: 1.1875rem;
}

.recruiter-fv__features {
  display: flex;
  justify-content: center;
  gap: 12.6px;
  gap: 0.7875rem;
}

.recruiter-fv__feature {
  width: 149.26px;
  width: 9.32875rem;
  line-height: 0;
}

.recruiter-fv__feature img {
  width: 100%;
  height: auto;
}

.recruiter-fv__cta {
  margin: 34px 0 0;
  margin: 2.125rem 0 0;
  margin-inline: auto;
}

.recruiter-fv__cta-text--sp {
  display: none;
}

.recruiter-fv__note {
  position: relative;
  margin: 12px 0 0;
  margin: 0.75rem 0 0;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.43;
  color: #fff;
  text-shadow: 0 0 19.1px #000;
  text-shadow: 0 0 1.19375rem #000;
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-fv__track--up,
  .recruiter-fv__track--down {
    animation: none;
  }

  .recruiter-fv__people-track {
    animation: none;
  }
}

@media (max-width: 1199px) {
  .recruiter-fv__column {
    width: 340px;
    width: 21.25rem;
  }

  .recruiter-fv__person {
    height: 340px;
    height: 21.25rem;
  }

  .recruiter-fv__column--left {
    left: 0;
  }

  .recruiter-fv__column--right {
    right: 0;
  }
}

@media (min-width: 768px) {
  .recruiter-fv {
    height: 49.619048vw;
    border-radius: 7.045238vw;
    border: 0.7142857143vw solid #fff;
  }

  .recruiter-fv__bg {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }

  .recruiter-fv__column {
    width: 28.214285714vw;
  }

  .recruiter-fv__column--left {
    left: -0.452381vw;
  }

  .recruiter-fv__column--right {
    right: 0.6vw;
  }

  .recruiter-fv__person {
    height: 25.119047619vw;
    margin-bottom: 0.952380952vw;
  }

  .recruiter-fv__column-picture {
    margin-bottom: -1.666666667vw;
  }

  .recruiter-fv__content {
    width: 32.738095238vw;
    padding-top: 3.424404762vw;
  }

  .recruiter-fv__badge {
    width: 26.130952381vw;
    margin-bottom: 1.767857143vw;
  }

  .recruiter-fv__heading {
    width: 32.738095238vw;
  }

  .recruiter-fv__lead {
    margin-top: -0.238095238vw;
    margin-bottom: 1.130952381vw;
    font-size: 1.029761905vw;
    letter-spacing: 0.061904762vw;
  }

  .recruiter-fv__features {
    gap: 0.75vw;
  }

  .recruiter-fv__feature {
    width: 8.88452381vw;
  }

  .recruiter-fv__cta {
    margin-top: 2.023809524vw;
  }

  .recruiter-fv__cta.recruiter-btn {
    width: 27.911904762vw;
    max-width: none;
    height: 6.792vw;
    min-height: 6.792vw;
    padding: 0 6.19047619vw 0 2.211309524vw;
    border-width: 0.123571429vw;
    border-radius: 0.494345238vw;
    box-shadow: 0 0.37077381vw 0 0 rgba(0, 0, 0, 0.43);
  }

  .recruiter-fv__cta.recruiter-btn::before {
    width: calc(100% + 3.80952381vw);
  }

  .recruiter-fv__cta.recruiter-btn:hover {
    transform: translateY(0.37077381vw);
    box-shadow: none;
  }

  .recruiter-fv__cta .recruiter-btn__label {
    margin-bottom: 0.408809524vw;
    border-bottom-width: 0.05952381vw;
    font-size: 0.926845238vw;
    letter-spacing: 0.074166667vw;
  }

  .recruiter-fv__cta .recruiter-btn__copy {
    font-size: 1.47172619vw;
    letter-spacing: 0.147202381vw;
  }

  .recruiter-fv__cta .recruiter-btn__arrow {
    right: 1.430892857vw;
    width: 4.117321429vw;
    height: 4.117321429vw;
  }

  .recruiter-fv__cta .recruiter-btn__arrow::before {
    width: 0.8125vw;
    height: 0.8125vw;
  }

  .recruiter-fv__note {
    margin-top: 0.714285714vw;
    font-size: 0.833333333vw;
    text-shadow: 0 0 1.136904762vw #000;
  }
}

@media (max-width: 767.98px) {
  .recruiter-fv__person {
    height: 220px;
    height: 13.75rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }

  .recruiter-fv__column-picture {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }
}
/* figma-css:end fv */

/* figma-css:start about */
.recruiter-about {
  position: relative;
  overflow: hidden;
  padding: 104px 0 0px;
  padding: 6.5rem 0 0rem;
}

.recruiter-about__inner {
  position: relative;
  width: 100%;
  margin-inline: auto;
}

.recruiter-about__statement {
  left: 50%;
  z-index: 2;
  display: flex;
  flex-direction: row-reverse;
  gap: 56px;
  gap: 3.5rem;
  width: 154px;
  width: 9.625rem;
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 35.142px;
  font-size: 2.196375rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 9.46px;
  letter-spacing: 0.59125rem;
  text-align: center;
  transform: translateX(-50%);
  position: relative;
  margin-bottom: 158px;
  margin-bottom: 9.875rem;
}

.recruiter-about__statement-line {
  display: block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-feature-settings: "vert" 1;
}

.recruiter-about__statement .noma-anim-line {
  flex: 0 0 auto;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  font-feature-settings: "vert" 1;
}

.recruiter-about__statement
  .noma-anim-line:has(.recruiter-about__statement-line) {
  display: flex;
  flex-direction: row-reverse;
  gap: 56px;
  gap: 3.5rem;
  width: auto;
  writing-mode: horizontal-tb;
}

.recruiter-about__statement
  .noma-anim-line:has(.recruiter-about__statement-line)
  .recruiter-about__statement-line {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  font-feature-settings: "vert" 1;
}

.recruiter-about__statement .noma-anim-char {
  writing-mode: inherit;
  text-orientation: inherit;
  white-space: pre;
}

.recruiter-about__statement.js-anim-heading.is-anim-ready .noma-anim-line {
  transform: translateY(-50px);
}

.recruiter-about__statement.js-anim-heading.is-animated .noma-anim-line {
  transform: translateY(0);
}

.recruiter-about__bg-word {
  position: absolute;
  top: 511.738px;
  top: 31.983625rem;
  left: 0;
  z-index: 1;
  display: flex;
  overflow: hidden;
  width: 200%;
  gap: 50px;
  gap: 3.125rem;
}

.recruiter-about__bg-word img {
  display: block;
  flex: 0 0 100%;
  max-width: none;
  width: 100%;
  height: auto;
  animation: recruiter-about-bg-word-loop 100s linear infinite;
  will-change: transform;
}

@keyframes recruiter-about-bg-word-loop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-about__bg-word img {
    animation: none;
    transform: none;
  }
}

.recruiter-about__side-photo {
  position: absolute;
  top: 566.453px;
  top: 35.4033125rem;
  left: 0;
  z-index: 0;
  width: 384.234px;
  width: 24.014625rem;
}

.recruiter-about__side-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-about__body {
  position: relative;
  z-index: 2;
  display: flex;
  gap: 61.72px;
  gap: 3.8575rem;
  max-width: 1158.513px;
  width: 90%;
  margin: 0 auto;
}

.recruiter-about__media {
  max-width: 608.156px;
  margin-top: 18px;
  margin-top: 1.125rem;
}

.recruiter-about__media img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-about__content {
  max-width: 488.637px;
}

.recruiter-about__label {
  width: 73.442px;
  width: 4.590125rem;
  margin-bottom: 3.54px;
  margin-bottom: 0.22125rem;
}

.recruiter-about__label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-about__ttl {
  margin: 0 0 19px;
  margin: 0 0 1.1875rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 35.118px;
  font-size: min(2.9vw, 2.194875rem);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.458px;
  letter-spacing: 0.153625rem;
}

.recruiter-about__ttl em {
  display: block;
  width: fit-content;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-clip: text;
  color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-about__ttl.js-anim-gradient-heading em {
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}

.recruiter-about__ttl em .noma-anim-char {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-position: var(--anim-gradient-x, 0px) 0;
  background-repeat: no-repeat;
  background-size: var(--anim-gradient-width, 100%) 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-about__txt-group {
  width: 479.191px;
  width: 29.9494375rem;
}

.recruiter-about__txt {
  margin: 0 0 13px;
  margin: 0 0 0.8125rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.96px;
  letter-spacing: 0.06rem;
}

.recruiter-about__txt:last-child {
  margin-bottom: 0;
}
/* figma-css:end about */

/* figma-css:start point */
.recruiter-point {
  position: relative;
  overflow: hidden;
  padding: 97.26px 0 0;
  padding: 6.07875rem 0 0;
  background: #fff;
}

.recruiter-point__inner {
  width: 100%;
  margin-inline: auto;
}

.recruiter-point__label {
  width: 65.441px;
  width: 4.0900625rem;
  margin: 0 auto 12px;
  margin: 0 auto 0.75rem;
}

.recruiter-point__label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-point__ttl {
  margin: 0 0 13px;
  margin: 0 0 0.8125rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 35.118px;
  font-size: 2.194875rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.458px;
  letter-spacing: 0.153625rem;
  text-align: center;
}

.recruiter-point__ttl em {
  background: linear-gradient(90deg, #89bf00 69.14%, #deda00 96.75%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-point__ttl.js-anim-gradient-heading em {
  background: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}

.recruiter-point__ttl em .noma-anim-char {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.14%, #deda00 96.75%);
  background-position: var(--anim-gradient-x, 0px) 0;
  background-repeat: no-repeat;
  background-size: var(--anim-gradient-width, 100%) 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-point__ttl span {
  display: block;
}

.recruiter-point__lead {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.6px;
  letter-spacing: 0.0375rem;
  text-align: center;
}

.recruiter-point__chart {
  max-width: 1205.082px;
  width: 90%;
  margin: 44.805px auto 0;
  margin: 2.8003125rem auto 0;
}

.recruiter-point__chart-image {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-point-sp-route {
  display: none;
}

.recruiter-point__cards {
  display: grid;
  grid-template-columns: repeat(3, 374.648px);
  gap: 46.313px;
  gap: 2.8945625rem;
  width: 1216.57px;
  width: 76.035625rem;
  margin: 70.273px auto 0;
  margin: 4.3920625rem auto 0;
}

.recruiter-point-card {
  position: relative;
  min-height: 328.516px;
  padding: 37px 60.324px 0 0;
  padding: 2.3125rem 3.77025rem 0 0;
  text-align: center;
}

.recruiter-point-card:nth-child(1) {
  padding: 1.540625rem 3.77025rem 0 0;
}

.recruiter-point-card__marker {
  position: absolute;
  top: 0;
  right: 0;
  width: 25px;
  width: 1.5625rem;
  height: 100%;
}

.recruiter-point-card__marker picture {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.recruiter-point-card__marker img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.recruiter-point-card__icon {
  display: grid;
  place-items: center;
  margin-inline: auto;
}

.recruiter-point-card__icon-01 {
  width: 67.81px;
  width: 4.238125rem;
  margin-bottom: 25.49px;
  margin-bottom: 1.593125rem;
}

.recruiter-point-card__icon-02 {
  width: 61.77px;
  width: 3.860625rem;
  margin-bottom: 27.47px;
  margin-bottom: 1.716875rem;
}

.recruiter-point-card__icon-03 {
  width: 57.02px;
  width: 3.56375rem;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}

.recruiter-point-card__ttl {
  margin: 0 0 18.5px;
  margin: 0 0 1.15625rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 19.669px;
  font-size: 1.2293125rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.164px;
  letter-spacing: 0.13525rem;
  text-align: center;
}

.recruiter-point-card__txt {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 14.045px;
  font-size: 0.8778125rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.843px;
  letter-spacing: 0.0526875rem;
  text-align: left;
}

@media (min-width: 768px) and (max-width: 1340px) {
  .recruiter-point__cards {
    grid-template-columns: repeat(3, 27.95880597vw);
    gap: 3.45619403vw;
    width: 93.788806vw;
    margin: 5.244253731vw auto 0;
    transform: translateX(2.5vw);
  }

  .recruiter-point-card {
    min-height: 24.516119vw;
    padding: 1.492537313vw 4.201791vw 0 0;
  }

  .recruiter-point-card__marker {
    width: 1.865671642vw;
  }

  .recruiter-point-card__icon-01 {
    width: 5.060447761vw;
    margin-bottom: 1.902238806vw;
  }

  .recruiter-point-card__icon-02 {
    width: 4.609701493vw;
    margin-bottom: 2.049253731vw;
  }

  .recruiter-point-card__icon-03 {
    width: 4.255223881vw;
    margin-bottom: 1.492537313vw;
  }

  .recruiter-point-card__ttl {
    margin-bottom: 1.380597015vw;
    font-size: 1.967836vw;
    letter-spacing: 0.161492537vw;
  }

  .recruiter-point-card__txt {
    font-size: 1rem;
    letter-spacing: 0.062910448vw;
  }
}
/* figma-css:end point */

/* figma-css:start strengths */
.recruiter-strengths {
  position: relative;
  background: #fff;
}

.recruiter-strengths__inner {
  position: relative;
  width: 100%;
  max-width: 1680px;
  margin-inline: auto;
}

.recruiter-strengths__top {
  display: flex;
  justify-content: space-between;
  max-width: 1173.714px;
  width: 91%;
  gap: 66px;
  gap: min(5vw, 4.125rem);
  margin-inline: auto;
}

.recruiter-strengths__intro {
  max-width: 593px;
  flex: 1;
}

.recruiter-strengths__label {
  display: block;
  width: 111.5px;
  width: 6.96875rem;
  margin: 0 0 12px;
  margin: 0 0 0.75rem;
  line-height: 0;
}

.recruiter-strengths__label::before {
  display: none;
  content: "";
}

.recruiter-strengths__ttl {
  margin: 0 0 22px;
  margin: 0 0 1.375rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 35.118px;
  font-size: min(3.3vw, 2.194875rem);
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.458px;
  letter-spacing: 0.153625rem;
}

.recruiter-strengths__ttl span {
  display: block;
}

.recruiter-strengths__ttl em {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-strengths__ttl.js-anim-gradient-heading em {
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}

.recruiter-strengths__ttl em .noma-anim-char {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-position: var(--anim-gradient-x, 0px) 0;
  background-repeat: no-repeat;
  background-size: var(--anim-gradient-width, 100%) 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-strengths__lead {
  margin: 0 0 21.742px;
  margin: 0 0 1.358875rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.6px;
  letter-spacing: 0.0375rem;
}

.recruiter-strengths__score {
  width: 352.109px;
  width: 22.0068125rem;
  margin-left: 0;
}

.recruiter-strengths__score-note {
  color: #000;
  font-family: "Noto Sans JP";
  font-size: 9px;
  font-size: 0.5625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 18px */
  letter-spacing: 0.36px;
  letter-spacing: 0.0225rem;
  margin-top: -0.5rem;
}

.recruiter-strengths__points {
  display: grid;
  gap: 9px;
  gap: 0.5625rem;
  max-width: 514.914px;
  margin-top: 46.039px;
  margin-top: 2.8774375rem;
  flex: 1;
}

.recruiter-strengths-point {
  position: relative;
  min-height: 165.977px;
  padding-top: 48.895px;
  padding-top: 3.0559375rem;
}

.recruiter-strengths-point__marker {
  position: absolute;
  top: 8.734px;
  top: 0.945875rem;
  left: 2px;
  left: 0.125rem;
  display: flex;
  align-items: center;
  max-width: 427.148px;
  width: 84%;
  line-height: 0;
  opacity: 0.31;
}

.recruiter-strengths-point__marker span {
  display: block;
  color: rgba(38, 71, 0, 0.31);
  font-family: "Gotham", "Noto Sans JP", sans-serif;
  font-size: 14.045px;
  font-size: 0.8778125rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 2.247px;
  letter-spacing: 0.1404375rem;
}

.recruiter-strengths-point__marker::after {
  display: block;
  flex: 1;
  width: auto;
  height: 1.003px;
  height: 0.0626875rem;
  margin-left: 9.664px;
  margin-left: 0.604rem;
  background: #264700;
  content: "";
  transform-origin: left center;
}

.recruiter-strengths-point__marker picture {
  display: block;
  flex: 0 0 auto;
  width: 74.5px;
  width: 4.65625rem;
}

.recruiter-strengths-point__marker img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-strengths-point__marker.js-anim-swipe-right.is-anim-ready::after {
  transform: scaleX(0);
  transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

.recruiter-strengths-point__marker.js-anim-swipe-right.is-animated::after {
  transform: scaleX(1);
}

.recruiter-strengths-point:nth-child(2)
  .recruiter-strengths-point__marker.js-anim-swipe-right.is-animated::after {
  transition-delay: 150ms;
}

.recruiter-strengths-point:nth-child(3)
  .recruiter-strengths-point__marker.js-anim-swipe-right.is-animated::after {
  transition-delay: 300ms;
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-strengths-point__marker.js-anim-swipe-right.is-anim-ready::after {
    transition: none;
    will-change: auto;
  }
}

.recruiter-strengths-point__num {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  margin: 0;
  line-height: 0;
}

.recruiter-strengths-point__num-01 {
  width: 49.44px;
  width: 3.09rem;
}
.recruiter-strengths-point__num-02 {
  width: 55.44px;
  width: 3.465rem;
}
.recruiter-strengths-point__num-03 {
  width: 55.44px;
  width: 3.465rem;
}

.recruiter-strengths-point__ttl {
  margin: 0 0 5.074px;
  margin: 0 0 0.317125rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.05;
  letter-spacing: 1.08px;
  letter-spacing: 0.0675rem;
}

.recruiter-strengths-point__ttl em {
  margin-left: 3px;
  margin-left: 0.1875rem;
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-strengths-point__txt {
  max-width: 508.914px;
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.6px;
  letter-spacing: 0.0375rem;
}

.recruiter-strengths__people {
  --recruiter-strengths-people-view-width: 1680px;
  --recruiter-strengths-people-view-width: 105rem;
  --recruiter-strengths-people-image-width: calc(
    var(--recruiter-strengths-people-view-width) * 1.725
  );
  width: var(--recruiter-strengths-people-view-width);
  margin: 48.716px auto 0;
  margin: 3.04475rem auto 0;
  overflow: hidden;
  position: relative;
  z-index: 2;
}

.recruiter-strengths__people-track {
  position: relative;
  display: flex;
  width: max-content;
  animation: recruiter-strengths-people-loop 42s linear infinite;
  will-change: transform;
  gap: 1.4rem;
}

.recruiter-strengths__people img {
  flex: 0 0 var(--recruiter-strengths-people-image-width);
  display: block;
  width: var(--recruiter-strengths-people-image-width);
  height: auto;
}

@media (min-width: 1681px) {
  .recruiter-strengths__people {
    --recruiter-strengths-people-view-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
}

@keyframes recruiter-strengths-people-loop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(
      calc(var(--recruiter-strengths-people-image-width) * -1)
    );
  }
}

.recruiter-strengths__resources {
  position: relative;
  width: 100%;
  padding-top: 73.13px;
  padding-top: 4.570625rem;
  margin-inline: auto;
  text-align: center;
}

.recruiter-strengths__resources::before {
  content: "";
  width: 347.936px;
  width: 21.746rem;
  height: 218.527px;
  height: 13.6579375rem;
  position: absolute;
  right: 0;
  top: -40px;
  top: -3.8rem;
  background: url(../../img/recruiter/recruiter-strengths-dots-01.webp)
    no-repeat;
  background-size: contain;
  z-index: 0;
}

.recruiter-strengths__resources::after {
  position: absolute;
  left: 20px;
  left: 0.85rem;
  bottom: -183px;
  bottom: -22.0375rem;
  width: 218.53px;
  width: 13.658125rem;
  height: 407.09px;
  height: 25.443125rem;
  content: "";
  background: url(../../img/recruiter/recruiter-strengths-dots-02-sp.webp)
    no-repeat;
  background-size: contain;
}

.recruiter-strengths__resources-label {
  display: block;
  width: 187.5px;
  width: 11.71875rem;
  margin: 0 0 10.723px;
  margin: 0 0 0.6701875rem;
  margin-inline: auto;
  line-height: 0;
}

.recruiter-strengths__resources-label::before {
  display: none;
  content: "";
}

.recruiter-strengths__resources-label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-strengths__resources-ttl {
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 35.118px;
  font-size: 2.194875rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.458px;
  letter-spacing: 0.153625rem;
  margin-bottom: 40.26px;
  margin-bottom: 2.51625rem;
}

.recruiter-strengths__resources-ttl span {
  display: block;
}

.recruiter-strengths__resources-ttl em {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-strengths__resources-ttl.js-anim-gradient-heading em {
  background-image: none;
  background-clip: border-box;
  -webkit-background-clip: border-box;
}

.recruiter-strengths__resources-ttl em .noma-anim-char {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-position: var(--anim-gradient-x, 0px) 0;
  background-repeat: no-repeat;
  background-size: var(--anim-gradient-width, 100%) 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-strengths__resource-list {
  position: relative;
  z-index: 1;
  display: flex;
  gap: 59.417px;
  gap: 3.7135625rem;
  max-width: 972.91px;
  width: 90%;
  margin-inline: auto;
}

.recruiter-strengths-resource {
  text-align: center;
}

.recruiter-strengths-resource__media {
  max-width: 284.747px;
  margin: 0 auto 16.544px;
  margin: 0 auto 1.034rem;
}

.recruiter-strengths-resource__media img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-strengths-resource__ttl {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.26px;
  letter-spacing: 0.07875rem;
}

.recruiter-strengths-resource__txt {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 1.12px;
  letter-spacing: 0.07rem;
}
/* figma-css:end strengths */

/* figma-css:start success */
.recruiter-success {
  position: relative;
  z-index: 2;
  overflow: hidden;
  background: url(../../img/recruiter/success-bg.webp) no-repeat;
  background-size: 100% 100%;
  padding: 268.57px 0 261.18px;
  padding: 16.785625rem 0 16.32375rem;
  margin-top: -20px;
  margin-top: -1.25rem;
}

.recruiter-success__inner {
  position: relative;
  z-index: 1;
  width: 100%;
}

.recruiter-success__inner::after {
  position: absolute;
  z-index: -1;
  bottom: 360px;
  bottom: 23.3rem;
  left: 0;
  content: "";
  background-image: url(../../img/recruiter/success-inner-bg.webp);
  background-repeat: repeat-x;
  background-size: 50% auto;
  width: 680%;
  height: 141.77px;
  height: 11.360625vw;
  animation: recruiter-success-inner-bg-loop 100s linear infinite;
  will-change: transform;
}

@keyframes recruiter-success-inner-bg-loop {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-success__inner::after {
    animation: none;
    transform: none;
  }
}

.recruiter-success__header {
  margin-inline: auto;
  text-align: center;
  margin-bottom: 33px;
  margin-bottom: 2.0625rem;
}

.recruiter-success__label {
  width: 156.5px;
  width: 9.78125rem;
  margin: 0 auto 19.789px;
  margin: 0 auto 1.2368125rem;
}

.recruiter-success__label::before {
  display: none;
  content: "";
}

.recruiter-success__catch {
  margin: 0 0 5.73px;
  margin: 0 0 0.358125rem;
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 66.327%, #deda00 100%);
  background-clip: text;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 19.648px;
  font-size: 1.228rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.768px;
  letter-spacing: 0.1105rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
  margin-inline: auto;
}

.recruiter-success__ttl {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 31.287px;
  font-size: 1.9554375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.19px;
  letter-spacing: 0.136875rem;
}

.recruiter-success__ttl span {
  display: block;
  line-height: 1.75;
  white-space: nowrap;
}

.recruiter-success__ttl.js-anim-heading .noma-anim-line {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}

.recruiter-success__stats {
  max-width: 789.371px;
  width: 90%;
  margin-inline: auto;
}

.recruiter-success__stats-picture {
  display: block;
  width: 100%;
}

.recruiter-success__stats-img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-success__cases {
  display: flex;
  gap: 32.633px;
  gap: 2.0395625rem;
  max-width: 1137px;
  width: 90%;
  margin: 54.871px auto 0;
  margin: 3.4294375rem auto 0;
}

.recruiter-success-card {
  position: relative;
  padding: 65.281px 46.085px 25.028px;
  padding: 4.0800625rem 1.680312rem 1.56425rem 2.980312rem;
  border-radius: 8px;
  border-radius: 0.5rem;
  background: url(../../img/recruiter/success-card-bg.webp) no-repeat;
  background-size: 100% 100%;
  flex: 1;
  min-width: 0;
}

.recruiter-success-card::after {
  position: absolute;
  top: 0;
  right: 0;
  width: 140px;
  width: 8.75rem;
  height: 130px;
  height: 8.125rem;
  content: "";
  background: url(../../img/recruiter/success-card-deco.webp) no-repeat;
  background-size: contain;
}

.recruiter-success-card__label {
  position: absolute;
  top: 2px;
  top: 0.125rem;
  left: 20.1px;
  left: 1.25625rem;
  width: 86.4px;
  width: 5.4rem;
  width: clamp(61px, 5.1428571429vw, 87px);
}

.recruiter-success-card__label::before {
  display: none;
  content: "";
}

.recruiter-success-card__label img {
  display: block;
  width: auto;
}

.recruiter-success-card__client {
  margin: 0 0 7.223px;
  margin: 0 0 0.4514375rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.05px;
  letter-spacing: 0.065625rem;
}

.recruiter-success-card__ttl {
  margin: 0 0 16.4px;
  margin: 0 0 1.025rem;
  color: transparent;
  background-image: linear-gradient(96.72deg, #89bf00 69.086%, #deda00 96.782%);
  background-clip: text;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 19px;
  font-size: min(1.89vw, 1.1875rem);
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 1.71px;
  letter-spacing: 0.106875rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-success-card__ttl::after {
  display: block;
  width: 100%;
  height: 1px;
  height: 0.0625rem;
  margin-top: 14.54px;
  margin-top: 0.90875rem;
  content: "";
  background-image: url(../../img/recruiter/recruiter-success-card-ttl-line.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}

.recruiter-success-card__txt {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.56px;
  letter-spacing: 0.035rem;
  padding-right: 1.1rem;
}

.recruiter-success-card__badge {
  position: absolute;
  top: 20.383px;
  top: 0.873937rem;
  right: 19.043px;
  right: 0.890187rem;
  z-index: 1;
  width: 66.148px;
  width: 4.93425rem;
  height: 66.9px;
  height: 4.98125rem;
}

.recruiter-success-card__badge img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-success-card__badge.js-anim-fadeup.is-anim-ready {
  opacity: 0;
  transform: scale(0.55) rotate(-8deg);
  transform-origin: center;
  transition:
    opacity 280ms ease 0.35s,
    transform 520ms cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s;
  will-change: opacity, transform;
}

.recruiter-success-card__badge.js-anim-fadeup.is-animated {
  opacity: 1;
  transform: scale(1) rotate(0deg);
}

.recruiter-success__consult {
  display: flex;
  column-gap: 51.633px;
  column-gap: 3.2270625rem;
  max-width: 1013px;
  width: 90%;
  margin: 93.54px auto 0;
  margin: 5.84625rem auto 0;
  transform: translateX(2.1875rem);
}

.recruiter-success__consult-label {
  display: block;
  width: 194.5px;
  width: 12.15625rem;
  margin: 0 0 16.789px;
  margin: 0 0 1.0493125rem;
  line-height: 0;
}

.recruiter-success__consult-label::before {
  display: none;
  content: "";
}

.recruiter-success__consult-label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-success__consult-catch {
  margin: 0 0 4.727px;
  margin: 0 0 0.2954375rem;
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 66.327%, #deda00 100%);
  background-clip: text;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 19.648px;
  font-size: 1.228rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.768px;
  letter-spacing: 0.1105rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}

.recruiter-success__consult-ttl {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 34.71px;
  font-size: 2.169375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.43px;
  letter-spacing: 0.151875rem;
}

.recruiter-success__consult-ttl-line {
  transform: translateX(-22px);
  display: inline-block;
}

.recruiter-success__consult-body {
  padding-top: 41.68px;
  padding-top: 2.605rem;
  flex: 1;
}

.recruiter-success__consult-txt {
  margin: 0 0 13.25px;
  margin: 0 0 0.828125rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 14.74px;
  font-size: 0.92125rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.59px;
  letter-spacing: 0.036875rem;
}

.recruiter-success__consult-txt:last-child {
  margin-bottom: 0;
  font-size: 15.793px;
  font-size: 0.9870625rem;
  font-weight: 500;
  letter-spacing: 0.632px;
  letter-spacing: 0.0395rem;
}

.recruiter-success__btn {
  margin: 53.754px auto 0;
  margin: 3.359625rem auto 0;
  border-radius: 8.305px;
  border-radius: 0.5190625rem;
  border: 2.076px solid #fff;
  border: 0.12975rem solid #fff;
  background: #2b63e3;
  box-shadow: 0 6.229px 0 0 rgba(4, 43, 60, 0.16);
  box-shadow: 0 0.3893125rem 0 0 rgba(4, 43, 60, 0.16);
}
/* figma-css:end success */

/* figma-css:start flow */
.recruiter-flow {
  position: relative;
  overflow: hidden;
  padding: 0 0 208.77px;
  padding: 0 0 13.048125rem;
  background: #fff;
  margin-top: -75px;
  margin-top: -3.3875rem;
}

.recruiter-flow__inner {
  max-width: 823.841px;
  width: 90%;
  margin-inline: auto;
}

.recruiter-flow__header {
  width: 80.3%;
  margin-inline: auto;
}

.recruiter-flow__label {
  width: 59.5px;
  width: 3.71875rem;
  margin: 0 0 19.79px;
  margin: 0 0 1.236875rem;
}

.recruiter-flow__label::before {
  display: none;
  content: "";
}

.recruiter-flow__label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-flow__catch {
  margin: 0 0 2.727px;
  margin: 0 0 0.1704375rem;
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 66.327%, #deda00 100%);
  background-clip: text;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 19.648px;
  font-size: 1.228rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.768px;
  letter-spacing: 0.1105rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}

.recruiter-flow__ttl {
  margin: 0 0 -2.984px;
  margin: 0 0 -0.1865rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 31.287px;
  font-size: 1.9554375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.19px;
  letter-spacing: 0.136875rem;
}

.recruiter-flow__note {
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 11.287px;
  font-size: 0.7054375rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.451px;
  letter-spacing: 0.0281875rem;
}

.recruiter-flow__steps {
  display: grid;
  gap: 38.69px;
  gap: 2.418125rem;
  margin-top: 52.15px;
  margin-top: 3.259375rem;
  justify-items: center;
}

.recruiter-flow-step {
  position: relative;
}

.recruiter-flow-step::after {
  position: absolute;
  bottom: -23px;
  bottom: -1.4375rem;
  left: 50%;
  transform: translateX(-50%);
  content: "";
  background: url(../../img/recruiter/flow-step-arrow.webp) no-repeat;
  background-size: contain;
  width: 25.48px;
  width: 1.5925rem;
  height: 9.92px;
  height: 0.62rem;
}

.recruiter-flow-step:last-child::after {
  display: none;
}

.recruiter-flow-step__photo {
  position: absolute;
  top: -16.7px;
  top: -1.04375rem;
  left: -13.72px;
  left: -0.8575rem;
  z-index: 2;
  width: 150.011px;
  width: 9.3756875rem;
  overflow: hidden;
  border-radius: 50%;
}

.recruiter-flow-step__photo img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-flow-step__body {
  position: relative;
  width: 811.118px;
  width: 50.694875rem;
  height: 188.204px;
  height: 11.76275rem;
  padding: 43.34px 139px 34px 179.859px;
  padding: 2.70875rem 8.6875rem 2.125rem 11.2411875rem;
  background: url(../../img/recruiter/flow-step-bg.webp) no-repeat;
  background-size: contain;
}

.recruiter-flow-step:nth-child(3) .recruiter-flow-step__body {
  padding: 32.05px 139px 34.83px 179.859px;
  padding: 2.003125rem 8.6875rem 2.176875rem 11.2411875rem;
}

.recruiter-flow-step__num {
  position: absolute;
  top: 12px;
  top: 0.75rem;
  right: 60.5px;
  right: 3.78125rem;
  z-index: 2;
  width: 52px;
  width: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.recruiter-flow-step__num--01 {
  top: 17px;
  top: 1.0625rem;
  right: 76.5px;
  right: 4.78125rem;
  width: 27.89px;
  width: 1.743125rem;
}

.recruiter-flow-step__num--02 {
  top: 18px;
  top: 1.125rem;
  right: 73.5px;
  right: 4.59375rem;
  width: 31.89px;
  width: 1.993125rem;
}

.recruiter-flow-step__num--03 {
  top: 16px;
  top: 1rem;
  right: 72.5px;
  right: 4.53125rem;
  width: 31.89px;
  width: 1.993125rem;
}

.recruiter-flow-step__num--04 {
  top: 16px;
  top: 1rem;
  right: 73.5px;
  right: 4.59375rem;
  width: 32.89px;
  width: 2.055625rem;
}

.recruiter-flow-step__num--05 {
  top: 20px;
  top: 1.25rem;
  right: 73.5px;
  right: 4.59375rem;
  width: 31.89px;
  width: 1.993125rem;
}

.recruiter-flow-step__num::before {
  display: none;
  content: "";
}

.recruiter-flow-step__ttl {
  display: flex;
  align-items: center;
  gap: 7.3px;
  gap: 0.45625rem;
  margin: 0 0 7.32px;
  margin: 0 0 0.4575rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 20.816px;
  font-size: 1.301rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.457px;
  letter-spacing: 0.0910625rem;
}

.recruiter-flow-step__ttl span {
  display: inline-grid;
  place-items: center;
  width: 51.768px;
  width: 3.2355rem;
  height: 25.382px;
  height: 1.586375rem;
  padding: 0px 10px 1.6px;
  padding: 0rem 0.625rem 0.1rem;
  background: #e6f777;
  font-size: 14.571px;
  font-size: 0.9106875rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 1.02px;
  letter-spacing: 0.06375rem;
  position: relative;
  z-index: 1;
}

.recruiter-flow-step__ttl span::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 1.769px;
  border-radius: 0.1105625rem;
  opacity: 0.49;
  background: #c6d278;
  mix-blend-mode: multiply;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
}

.recruiter-flow-step__txt {
  width: 445.142px;
  width: 27.821375rem;
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 0.75px;
  letter-spacing: 0.046875rem;
}
/* figma-css:end flow */

/* figma-css:start contact */
.recruiter-contact {
  position: relative;
  overflow: hidden;
  padding-top: 226.684px;
  padding-top: 14.16775rem;
  padding-bottom: 310px;
  padding-bottom: 19.375rem;
  background-image: url("../../img/recruiter/recruiter-contact-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% 100%;
}

.recruiter-contact__inner {
  position: relative;
  z-index: 1;
  width: 100%;
  margin-inline: auto;
  text-align: center;
}

.recruiter-contact__label {
  width: 194.441px;
  width: 12.1525625rem;
  margin: 0 auto 44.625px;
  margin: 0 auto 2.7890625rem;
}

.recruiter-contact__label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-contact__balloon {
  position: relative;
  width: fit-content;
  margin: 0 auto 13.288px;
  margin: 0 auto 0.8305rem;
  padding: 5.045px 30.168px 7.029px;
  padding: 0.3153125rem 1.8855rem 0.4393125rem;
  color: #fff;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 22.763px;
  font-size: 1.4226875rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.138px;
  letter-spacing: 0.071125rem;
  text-align: center;
  background: url(../../img/recruiter/contact-balloon-bg.webp) no-repeat;
  background-size: 100% 100%;
  padding-bottom: 18px;
  padding-bottom: 1.125rem;
}

.recruiter-contact__ttl {
  margin: 0 0 37.625px;
  margin: 0 0 2.3515625rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 38.629px;
  font-size: 2.4143125rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.704px;
  letter-spacing: 0.169rem;
  text-align: center;
}

.recruiter-contact__ttl em {
  margin: 0 0px 0 7px;
  margin: 0 0rem 0 0.4375rem;
  color: #35af00;
  font-weight: 900;
  letter-spacing: 4.636px;
  letter-spacing: 0.28975rem;
}

.recruiter-contact__btn {
  margin-inline: auto;
}

.recruiter-contact__staff {
  position: absolute;
  top: 232px;
  top: 14.54rem;
  right: 173px;
  right: 10.8125rem;
  width: 321px;
  width: 20.0625rem;
}

.recruiter-contact__staff img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-contact__side-copy {
  position: absolute;
  top: 170.242px;
  top: 10.140125rem;
  right: 76px;
  right: 5.15rem;
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: 15.999px;
  gap: 0.699938rem;
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New";
  font-size: 16.711px;
  font-size: 1.0444375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%; /* 20.053px */
  letter-spacing: 1.17px;
  letter-spacing: 0.173125rem;
  text-align: center;
  font-feature-settings: "vert" 1;
}

.recruiter-contact__side-copy::before {
  position: absolute;
  content: "";
  width: 147.566px;
  width: 9.222875rem;
  height: 315.198px;
  height: 19.699875rem;
  transform: rotate(7.018deg);
  border-radius: 315.198px;
  border-radius: 19.699875rem;
  opacity: 0.31;
  background: #fff;
  mix-blend-mode: screen;
  filter: blur(30.25px);
  z-index: -1;
  top: -20px;
  top: -1.25rem;
  right: -17px;
  right: -1.0625rem;
}

.recruiter-contact__side-copy-line {
  display: block;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  font-feature-settings: "vert" 1;
  line-height: 120%;
  white-space: nowrap;
}

.recruiter-contact__side-copy-line--jobseeker {
  margin-top: 0;
}

.recruiter-contact__side-copy-line--deliver {
  margin-top: 34px;
  margin-top: 2.125rem;
}

.recruiter-contact__side-copy-line--trust {
  margin-top: 60px;
  margin-top: 3.75rem;
}
/* figma-css:end contact */

/* figma-css:start welcome */
.recruiter-welcome {
  position: relative;
  overflow: visible;
  background: #fff;
  padding-top: 100.76px;
  padding-top: 6.2975rem;
  padding-bottom: 87.7px;
  padding-bottom: 5.48125rem;
}

.recruiter-welcome::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  z-index: 0;
  width: calc(100% - 4.5rem);
  width: calc(100% - 33px);
  max-width: 100.5rem;
  max-width: 1608px;
  content: "";
  background: url(../../img/recruiter/recruiter-welcome-bg.webp) no-repeat;
  background-position: center;
  background-size: 100.5rem 100%;
  background-size: 1608px 100%;
  border-top-left-radius: 16px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 16px;
  border-top-right-radius: 1rem;
  border-bottom-left-radius: 16px;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 16px;
  border-bottom-right-radius: 1rem;
  transform: translateX(-50%);
}

.recruiter-welcome::after {
  content: "";
  background: url(../../img/recruiter/welcome-deco.webp) no-repeat;
  background-size: contain;
  width: 602px;
  width: 35.8333333333vw;
  height: 555px;
  height: 34.6875rem;
  position: absolute;
  top: 0;
  left: 37px;
  left: 2.3125rem;
  z-index: 0;
}

.recruiter-welcome__inner {
  position: relative;
  z-index: 2;
  align-items: center;
  width: 95%;
  margin-inline: auto;
}

.recruiter-welcome__alert {
  position: absolute;
  top: -190px;
  top: -11.875rem;
  left: 50%;
  z-index: 3;
  width: 141.26px;
  width: 8.82875rem;
  height: 141.26px;
  height: 8.82875rem;
  transform: translateX(-50%);
}

.recruiter-welcome__alert::after {
  content: "";
  background: #fff;
  width: 11.92875rem;
  height: 11.52875rem;
  border-radius: 50%;
  position: absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.recruiter-welcome__alert img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-welcome__notice {
  display: grid;
  place-items: center;
  width: 316.531px;
  width: 19.7831875rem;
  height: 68.344px;
  height: 4.2715rem;
  margin: 0;
  color: #fff;
  border-radius: 4.5px;
  border-radius: 0.28125rem;
  background: #d84646;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 31.958px;
  font-size: 1.997375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.876px;
  letter-spacing: 0.17975rem;
  margin-inline: auto;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}

.recruiter-welcome__ttl {
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 38.287px;
  font-size: 2.3929375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 3.446px;
  letter-spacing: 0.215375rem;
  text-align: center;
  margin-bottom: 56.68px;
  margin-bottom: 3.5425rem;
}

.recruiter-welcome__cards {
  display: flex;
  gap: 29.703px;
  gap: 1.8564375rem;
  max-width: 1298.48px;
  width: 97%;
  margin-inline: auto;
  margin-bottom: 55.03px;
  margin-bottom: 3.439375rem;
  position: relative;
}

.recruiter-welcome__cards::after {
  content: "";
  background: url(../../img/recruiter/welcome-cards-deco.webp) no-repeat;
  background-size: contain;
  max-width: 383px;
  width: 22.7976190476vw;
  max-height: 219px;
  height: 13.0357142857vw;
  position: absolute;
  right: -106px;
  right: -6.625rem;
  bottom: -65px;
  bottom: -4.0625rem;
  z-index: -1;
}

.recruiter-welcome-card {
  position: relative;
  height: 341.766px;
  height: 21.360375rem;
  flex: 1;
  padding: 64.688px 32px 0 36.34px;
  padding: 4.043rem 2rem 0 2.27125rem;
  border-radius: 10px;
  border-radius: 0.625rem;
  background: url(../../img/recruiter/welcome-card.webp) no-repeat;
  background-size: 100% 100%;
}

.recruiter-welcome-card__label {
  position: absolute;
  top: 2.906px;
  top: 0.181625rem;
  left: 16.211px;
  left: 1.0131875rem;
  z-index: 1;
  display: block;
  margin: 0;
  line-height: 0;
}

.recruiter-welcome-card__label::before {
  display: none;
  content: "";
}

.recruiter-welcome-card__label img {
  display: block;
  width: auto;
  height: 28px;
  height: 1.75rem;
}

.recruiter-welcome-card__photo {
  width: 118.719px;
  width: 7.4199375rem;
  height: 70px;
  height: 4.375rem;
  position: absolute;
  right: 27.95px;
  right: 1.746875rem;
  top: 29.54px;
  top: 1.84625rem;
}

.recruiter-welcome-card__photo img {
  display: block;
  width: 100%;
  height: 118.719px;
  height: 7.4199375rem;
  object-fit: contain;
}

.recruiter-welcome-card__ttl {
  margin: 0 0 16px;
  margin: 0 0 1rem;
  padding-bottom: 30.17px;
  padding-bottom: 1.885625rem;
  color: #2f2f2f;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 23.118px;
  font-size: 1.444875rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.618px;
  letter-spacing: 0.101125rem;
  border-bottom: 1px solid rgba(42, 44, 41, 0.11);
  border-bottom: 0.0625rem solid rgba(42, 44, 41, 0.11);
}

.recruiter-welcome-card__ttl span {
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 69.144%, #deda00 96.748%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.recruiter-welcome-card__txt {
  margin: 0;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.45px;
  letter-spacing: 0.028125rem;
}

.recruiter-welcome-card__note {
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.9;
  letter-spacing: 0.36px;
  letter-spacing: 0.0225rem;
}

.recruiter-welcome__thoughts {
  display: flex;
  align-items: flex-start;
  align-self: flex-start;
  gap: 46.25px;
  gap: 2.890625rem;
  max-width: 1076px;
  margin-inline: auto;
  transform: translateX(1.5625rem);
}

.recruiter-welcome__thoughts-label {
  display: block;
  width: 148.5px;
  width: 9.28125rem;
  margin: 0 0 16.789px;
  margin: 0 0 1.0493125rem;
  line-height: 0;
}

.recruiter-welcome__thoughts-label::before {
  display: none;
  content: "";
}

.recruiter-welcome__thoughts-label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-welcome__thoughts-catch {
  margin: 0 0 4.73px;
  margin: 0 0 0.295625rem;
  color: transparent;
  background-image: linear-gradient(90deg, #89bf00 66.327%, #deda00 100%);
  background-clip: text;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 19.648px;
  font-size: 1.228rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.768px;
  letter-spacing: 0.1105rem;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: fit-content;
}

.recruiter-welcome__thoughts-ttl {
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 28.71px;
  font-size: 1.794375rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.01px;
  letter-spacing: 0.125625rem;
  text-align: left;
}

.recruiter-welcome__thoughts-ttl span {
  display: block;
}

.recruiter-welcome__thoughts-ttl.js-anim-heading .noma-anim-line {
  width: fit-content;
  max-width: 100%;
}

.recruiter-welcome__thoughts-body {
  padding-top: 36.023px;
  padding-top: 2.2514375rem;
}

.recruiter-welcome__thoughts-txt {
  margin: 0 0 6px;
  margin: 0 0 0.375rem;
  color: #000;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 2.1;
  letter-spacing: 0.75px;
  letter-spacing: 0.046875rem;
}

.recruiter-welcome__thoughts-txt:last-child {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.8px;
  letter-spacing: 0.05rem;
}
/* figma-css:end welcome */

/* figma-css:start inquiry */
.recruiter-inquiry {
  position: relative;
  background: #fff;
  margin-top: 35px;
  margin-top: 2.1875rem;
}

.recruiter-inquiry__inner {
  position: relative;
  width: 95.7142857143%;
  margin-inline: auto;
  border-radius: 28px;
  border-radius: 1.75rem;
  background: #3c6cda;
  padding-top: 74.359px;
  padding-top: 4.6474375rem;
  padding-bottom: 90.5px;
  padding-bottom: 5.65625rem;
}

.recruiter-inquiry__header {
  position: relative;
  z-index: 1;
  width: 100%;
  color: #fff;
  text-align: center;
}

.recruiter-inquiry__label {
  width: 302.5px;
  width: 18.90625rem;
  margin-inline: auto;
  margin-bottom: 9.07px;
  margin-bottom: 0.566875rem;
}

.recruiter-inquiry__label::before {
  display: none;
  content: "";
}

.recruiter-inquiry__label img {
  display: block;
  width: 100%;
  height: auto;
}

.recruiter-inquiry__sub {
  position: relative;
  width: fit-content;
  margin: 0 auto 6px;
  margin: 0 auto 0.375rem;
  padding-bottom: 1px;
  padding-bottom: 0.0625rem;
  color: #fff;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.53px;
  letter-spacing: 0.095625rem;
}

.recruiter-inquiry__sub::after {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 202.094px;
  width: 12.630875rem;
  height: 1px;
  height: 0.0625rem;
  content: "";
  background: #fff;
  transform: translateX(-50%);
}

.recruiter-inquiry__ttl {
  margin: 0 0 11.55px;
  margin: 0 0 0.721875rem;
  color: #fff;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 2.7px;
  letter-spacing: 0.16875rem;
  text-align: center;
}

.recruiter-inquiry__ttl-sp {
  display: none;
}

.recruiter-inquiry__lead {
  margin: 0;
  color: #fff;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: 0.9px;
  letter-spacing: 0.05625rem;
  text-align: center;
}

.recruiter-inquiry__form {
  position: relative;
  max-width: 716px;
  width: 90%;
  margin: 36.07px auto 0;
  margin: 2.254375rem auto 0;
  padding: 56.48px 89.748px 44px 96.396px;
  padding: 3.53rem 5.60925rem 2.75rem 6.02475rem;
  border: 1px solid #c5c5c5;
  border: 0.0625rem solid #c5c5c5;
  border-radius: 30px;
  border-radius: 1.875rem;
  background: #fff;
}

.recruiter-inquiry__field {
  margin-bottom: 22.984px;
  margin-bottom: 1.4365rem;
}

.recruiter-inquiry__field-label {
  display: flex;
  align-items: center;
  gap: 3.343px;
  gap: 0.2089375rem;
  margin: 0 0 9.563px;
  margin: 0 0 0.5976875rem;
  color: #252822;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 17px;
  font-size: 1.0625rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 1.02px;
  letter-spacing: 0.06375rem;
}

.recruiter-inquiry__required {
  display: inline-grid;
  place-items: center;
  width: 38.682px;
  width: 2.417625rem;
  height: 19px;
  height: 1.1875rem;
  color: #fff;
  border-radius: 2px;
  border-radius: 0.125rem;
  background: #cf4141;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0.84px;
  letter-spacing: 0.0525rem;
}

.recruiter-inquiry__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 56.705px;
  height: 3.5440625rem;
  padding: 0 20px;
  padding: 0 1.25rem;
  color: #252822;
  border: 1px solid #fff;
  border: 0.0625rem solid #fff;
  border-radius: 4px;
  border-radius: 0.25rem;
  background: #eee;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1.28px;
  letter-spacing: 0.08rem;
}

.recruiter-inquiry__input::placeholder {
  color: rgba(37, 40, 34, 0.38);
  opacity: 1;
}

.recruiter-inquiry__textarea {
  box-sizing: border-box;
  display: block;
  appearance: none;
  -webkit-appearance: none;
  width: 529.852px;
  width: 100%;
  height: 167.641px;
  height: 10.4775625rem;
  min-height: 184px;
  padding: 18px 20px;
  padding: 1.125rem 1.25rem;
  color: #252822;
  border: 1px solid #fff;
  border: 0.0625rem solid #fff;
  border-radius: 4px;
  border-radius: 0.25rem;
  background: #eee;
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 1.28px;
  letter-spacing: 0.08rem;
  resize: vertical;
}

.recruiter-inquiry__textarea::placeholder {
  color: rgba(37, 40, 34, 0.38);
  opacity: 1;
}

.recruiter-inquiry__submit {
  display: block;
  box-sizing: border-box;
  width: 207.125px;
  width: 12.9453125rem;
  height: 52.737px;
  height: 3.2960625rem;
  margin: 30.699px auto 0;
  margin: 1.9186875rem auto 0;
  color: #fff;
  border: 0.871px solid #fff;
  border: 0.0544375rem solid #fff;
  border-radius: 3.484px;
  border-radius: 0.21775rem;
  background: #2b63e3;
  box-shadow: 0 4px 0 rgba(4, 43, 60, 0.16);
  box-shadow: 0 0.25rem 0 rgba(4, 43, 60, 0.16);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.65;
  letter-spacing: 1.5px;
  letter-spacing: 0.09375rem;
  text-align: center;
  cursor: pointer;
  transition: 0.3s;
}

.recruiter-inquiry__submit:hover {
  box-shadow: none;
  transform: translateY(0.25rem);
}

.recruiter-inquiry__tel {
  display: block;
  width: 451.777px;
  width: 28.2360625rem;
  height: 155.108px;
  height: 9.69425rem;
  margin: 49.032px auto 0;
  margin: 3.0645rem auto 0;
  padding-top: 30.953px;
  padding-top: 1.9345625rem;
  color: #0039bd;
  border: 1.7px solid #fff;
  border: 0.10625rem solid #fff;
  border-radius: 100px;
  border-radius: 6.25rem;
  background: rgba(239, 241, 248, 0.8);
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  text-align: center;
}

.recruiter-inquiry__tel:hover {
  opacity: 1;
  background: #fff;
}

.recruiter-inquiry__tel-label {
  display: block;
  margin-bottom: 4.35px;
  margin-bottom: 0.271875rem;
  font-size: 15.3px;
  font-size: 0.95625rem;
  font-weight: 700;
  line-height: 1.75;
  letter-spacing: 1.377px;
  letter-spacing: 0.0860625rem;
}

.recruiter-inquiry__tel-number {
  width: 290.84px;
  width: 18.1775rem;
  display: block;
  margin-inline: auto;
  position: relative;
}

.recruiter-inquiry__tel-number::after {
  content: "";
  background: #0039bd;
  width: 95%;
  height: 1px;
  height: 0.0625rem;
  position: absolute;
  right: 0;
  bottom: 5px;
  bottom: 0.3125rem;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.recruiter-inquiry__tel:hover .recruiter-inquiry__tel-number::after {
  transform: scaleX(1);
}

.recruiter-inquiry__tel:focus-visible .recruiter-inquiry__tel-number::after {
  transform: scaleX(1);
}

@media (prefers-reduced-motion: reduce) {
  .recruiter-success-card__badge.js-anim-fadeup.is-anim-ready {
    transition: none;
    will-change: auto;
  }

  .recruiter-inquiry__tel-number::after {
    transition: none;
  }
}

.recruiter-inquiry__tel-time {
  display: block;
  font-size: 14.8px;
  font-size: 0.925rem;
  font-weight: 400;
  line-height: 1.75;
  letter-spacing: 1.332px;
  letter-spacing: 0.08325rem;
}
/* figma-css:end inquiry */

@media screen and (max-width: 767.98px) {
  /* ===== about ===== */

  .recruiter-about__bg-word {
    top: 276px;
    top: 17.25rem;
    width: 443%;
  }

  .recruiter-about__bg-word img {
    animation: recruiter-about-bg-word-loop 50s linear infinite;
  }

  .recruiter-about__side-photo {
    width: 260.78px;
    width: 16.29875rem;
    top: 306.453px;
    top: 19.1533125rem;
    left: -101px;
    left: -6.3125rem;
  }

  .recruiter-about__media {
    max-width: none;
    width: 100%;
    margin-top: 0;
  }

  .recruiter-about__content {
    max-width: none;
  }

  .recruiter-about__txt-group {
    width: 100%;
  }

  .recruiter-point-card__icon-01 {
    margin-bottom: 10.5px;
    margin-bottom: 0.65625rem;
  }

  .recruiter-point-card__icon-02 {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }

  .recruiter-point-card__icon-03 {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }

  /* ===== contact ===== */
  .recruiter-contact {
    padding-top: 107.28px;
    padding-top: 6.705rem;
    padding-bottom: 70px;
    padding-bottom: 3.8rem;
    background-position: center;
    background-size: 100% 100%;
    background-image: url(../../img/recruiter/recruiter-contact-bg-sp.webp);
    background-repeat: no-repeat;
    z-index: 2;
  }

  .recruiter-contact__label {
    width: 175px;
    width: 10.9375rem;
    margin-bottom: 22.72px;
    margin-bottom: 1.42rem;
  }

  .recruiter-contact__balloon {
    margin-bottom: 8.13px;
    margin-bottom: 0.508125rem;
    padding: 4px 17px 11px;
    padding: 0.25rem 1.0625rem 0.6875rem;
    font-size: 14.27px;
    font-size: 0.891875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 175%; /* 24.973px */
    letter-spacing: 0.714px;
    letter-spacing: 0.044625rem;
  }

  .recruiter-contact__ttl {
    margin-bottom: 12.74px;
    margin-bottom: 0.79625rem;
    font-size: 26.975px;
    font-size: 1.6859375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 165%; /* 47.206px */
    letter-spacing: 1.888px;
    letter-spacing: 0.118rem;
  }

  .recruiter-contact__ttl em {
    margin: 0 1px;
    margin: 0 0.0625rem;
    letter-spacing: 3.237px;
    letter-spacing: 0.2023125rem;
  }

  .recruiter-contact__btn {
    margin-bottom: 40px;
    margin-bottom: 2.5rem;
  }

  .recruiter-contact__staff {
    position: relative;
    top: -0.59rem;
    left: auto;
    right: auto;
    width: 195.8px;
    width: 12.2375rem;
    margin-left: 69.17px;
    margin-left: 4.323125rem;
  }

  .recruiter-contact__side-copy::before {
    fill: #fff;
    opacity: 0.9;
    mix-blend-mode: screen;
    filter: blur(52.97972106933594px);
    top: -4.75rem;
    right: -2.0625rem;
  }

  .recruiter-contact__side-copy {
    top: auto;
    right: 54px;
    right: 4.575rem;
    bottom: 7px;
    bottom: 1.6375rem;
    left: auto;
    gap: 13px;
    gap: 0.6125rem;
    font-family: "Zen Kaku Gothic New";
    font-size: 14.611px;
    font-size: 0.9131875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 115%; /* 16.803px */
    letter-spacing: 1.023px;
    letter-spacing: 0.0639375rem;
    font-feature-settings: "vert" 1;
  }

  .recruiter-contact__side-copy-line {
    line-height: 115%;
  }

  .recruiter-contact__side-copy-line--jobseeker {
    margin-top: 0;
  }

  .recruiter-contact__side-copy-line--deliver {
    margin-top: 9px;
    margin-top: 0.5625rem;
  }

  .recruiter-contact__side-copy-line--trust {
    margin-top: 19px;
    margin-top: 1.1875rem;
  }

  /* ===== strengths ===== */
  .recruiter-strengths {
    margin-top: -20px;
    margin-top: -1.25rem;
  }

  .recruiter-strengths__intro {
    max-width: none;
  }

  .recruiter-strengths-point {
    min-height: 0;
    padding-top: 40px;
    padding-top: 2.5rem;
  }

  .recruiter-strengths-point__marker {
    top: 0.4rem;
    left: 0;
    z-index: 1;
    max-width: none;
    background: #fff;
    width: 303.33px;
    width: 18.958125rem;
  }

  .recruiter-strengths-point__marker::after {
    width: 219.166px;
    width: 13.697875rem;
    height: 1.003px;
    height: 0.0626875rem;
    margin-left: 9.494px;
    margin-left: 0.593375rem;
    background: #264700;
  }

  .recruiter-strengths-point__marker picture {
    width: 74.67px;
    width: 4.666875rem;
  }

  .recruiter-strengths-point__num {
    top: -9px;
    top: -0.5625rem;
    right: 0;
    z-index: 1;
    background: #fff;
  }

  .recruiter-strengths-point__num-01 {
    width: 49px;
    width: 3.0625rem;
  }

  .recruiter-strengths-point__num-02,
  .recruiter-strengths-point__num-03 {
    width: 55px;
    width: 3.4375rem;
  }

  .recruiter-strengths-point__txt {
    max-width: none;
  }

  .recruiter-strengths__resources::before {
    width: 214.205px;
    width: 13.3878125rem;
    height: 114.985px;
    height: 7.1865625rem;
    right: -30px;
    right: -1.875rem;
  }

  /* ===== success ===== */
  .recruiter-success {
    padding: 110px 0 133px;
    padding: 6.875rem 0 8.3125rem;
    background: url(../../img/recruiter/success-bg-sp.webp) no-repeat;
    background-size: 100% 100%;
    margin-top: -16px;
    margin-top: -1rem;
  }

  .recruiter-success__inner::after {
    bottom: 480px;
    bottom: 30rem;
    width: 1610%;
    display: none;
  }

  .recruiter-success__header {
    margin-bottom: 18px;
    margin-bottom: 1.125rem;
  }

  .recruiter-success__ttl span {
    white-space: normal;
  }

  .recruiter-success__stats {
    width: 305.71px;
    width: 19.106875rem;
    max-width: calc(100% - 32px);
  }

  .recruiter-success__cases {
    flex-direction: column;
    gap: 16.7px;
    gap: 1.04375rem;
    max-width: none;
    width: 376px;
    width: 23.5rem;
    margin-top: 24.8px;
    margin-top: 1.55rem;
  }

  .recruiter-success-card {
    padding: 55.3px 3px 19.7px 19px;
    padding: 3.45625rem 0.1875rem 1.23125rem 1.1875rem;
    background: url(../../img/recruiter/success-card-bg-sp.webp) no-repeat;
    background-size: 100% 100%;
  }

  .recruiter-success-card__label {
    width: 78px;
    width: 4.875rem;
    left: 19.4px;
    left: 1.2125rem;
    top: 1px;
    top: 0.0625rem;
  }

  .recruiter-success-card__badge {
    top: 11px;
    top: 0.6875rem;
    right: 10px;
    right: 0.625rem;
    width: 78.84px;
    width: 4.9275rem;
    height: 66.55px;
    height: 4.159375rem;
  }

  .recruiter-success__consult-label {
    width: 175px;
    width: 10.9375rem;
    margin-bottom: 18.39px;
    margin-bottom: 1.149375rem;
  }

  .recruiter-success__consult-catch {
    font-size: 17.648px;
    font-size: 1.103rem;
    /* 30.884px */
    letter-spacing: 1.588px;
    letter-spacing: 0.09925rem;
    margin-bottom: 5.73px;
    margin-bottom: 0.358125rem;
  }

  .recruiter-success__consult-ttl-line {
    transform: translateX(-17px);
  }

  .recruiter-success__consult-body {
    padding-top: 0;
  }

  .recruiter-success__consult-txt {
    font-size: 14.74px;
    font-size: 0.92125rem;
    font-style: normal;
    line-height: 175%; /* 25.796px */
    letter-spacing: 0.59px;
    letter-spacing: 0.036875rem;
    margin-bottom: 12.25px;
    margin-bottom: 0.765625rem;
  }

  .recruiter-success__consult-txt:last-child {
    font-size: 15.793px;
    font-size: 0.9870625rem;
    line-height: 175%; /* 27.638px */
    letter-spacing: 0.632px;
    letter-spacing: 0.0395rem;
  }

  /* ===== flow ===== */
  .recruiter-flow {
    padding: 0 0 39px;
    padding: 0 0 2.4375rem;
    margin-top: -27px;
    margin-top: -1.6875rem;
  }

  .recruiter-flow__header {
    width: 100%;
    text-align: center;
  }

  .recruiter-flow__note {
    font-size: 11.287px;
    font-size: 0.7054375rem;
    /* 19.752px */
    letter-spacing: 0.451px;
    letter-spacing: 0.0281875rem;
  }

  .recruiter-flow-step::after {
    bottom: -23px;
    bottom: -1.4375rem;
    background: url(../../img/recruiter/flow-step-arrow-sp.webp) no-repeat;
    background-size: contain;
  }

  .recruiter-flow-step__body {
    width: 100%;
    height: auto;
    min-height: 110px;
    padding: 18.22px 28.6px 22.34px 91px;
    padding: 1.13875rem 1.7875rem 1.39625rem 5.6875rem;
    border-radius: 14px;
    border-radius: 0.875rem;
    background-size: contain;
    margin-left: auto;
  }

  .recruiter-flow-step:nth-child(1) .recruiter-flow-step__body {
    background-image: url(../../img/recruiter/flow-step-bg-sp-01.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 343.453px;
    width: 21.4658125rem;
    height: 200.414px;
    height: 12.525875rem;
  }

  .recruiter-flow-step:nth-child(2) .recruiter-flow-step__body {
    background-image: url(../../img/recruiter/flow-step-bg-sp-02.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 343.453px;
    width: 21.4658125rem;
    height: 170.567px;
    height: 10.6604375rem;
  }

  .recruiter-flow-step:nth-child(4) .recruiter-flow-step__body {
    background-image: url(../../img/recruiter/flow-step-bg-sp-04.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 343.453px;
    width: 21.4658125rem;
    height: 170.567px;
    height: 10.6604375rem;
  }

  .recruiter-flow-step:nth-child(5) .recruiter-flow-step__body {
    background-image: url(../../img/recruiter/flow-step-bg-sp-05.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 343.453px;
    width: 21.4658125rem;
    height: 200.414px;
    height: 12.525875rem;
  }

  .recruiter-flow-step__num {
    top: 12px;
    top: 0.75rem;
    right: 16px;
    right: 1rem;
    width: auto;
    height: auto;
  }

  .recruiter-flow-step__ttl {
    font-size: 18.826px;
    font-size: 1.176625rem;
    line-height: 165%; /* 31.063px */
    letter-spacing: 1.318px;
    letter-spacing: 0.082375rem;
    position: relative;
    display: block;
    width: fit-content;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
  }

  .recruiter-flow-step__ttl span {
    position: absolute;
    right: -22px;
    right: -1.375rem;
    bottom: 5px;
    bottom: 0.3125rem;
  }

  /* ===== welcome ===== */

  .recruiter-welcome__cards::after {
    width: 222.78px;
    width: 13.92375rem;
    height: 119.59px;
    height: 7.474375rem;
    right: -26px;
    right: -1.625rem;
    bottom: -55px;
    bottom: -3.4375rem;
  }

  .recruiter-welcome-card__photo img {
    height: 100%;
    object-fit: cover;
  }

  /* ===== inquiry ===== */

  .recruiter {
    padding-top: 64px;
    padding-top: 4rem;
  }

  .recruiter-fv {
    padding: 40px 0 56px;
    padding: 2.5rem 0 3.5rem;
    height: 777px;
    height: 48.5625rem;
    min-height: 0;
    padding-top: 143px;
    padding-top: 8.9375rem;
    padding-bottom: 0;
  }

  .recruiter-fv__content {
    width: 100%;
    height: auto;
    padding: 0 16px;
    padding: 0 1rem;
    padding-inline: 16px;
    padding-inline: 1rem;
  }

  .recruiter-fv__bg {
    top: 0;
    width: 390px;
    width: 24.375rem;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    border-radius: 50px;
    border-radius: 3.125rem;
  }

  .recruiter-fv__bg picture {
    display: block;
    width: 100%;
    height: 100%;
  }

  .recruiter-fv__bg picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .recruiter-fv__people {
    position: absolute;
    z-index: 1;
    display: block;
    line-height: 0;
  }

  .recruiter-fv__people img {
    width: var(--recruiter-fv-people-width);
  }

  .recruiter-fv__people--top {
    --recruiter-fv-people-width: 498.61px;
    --recruiter-fv-people-width: 31.163125rem;
    top: 8.63px;
    top: -0.360625rem;
    left: -71.63px;
    left: -4.476875rem;
    width: 498.61px;
    width: 31.163125rem;
  }

  .recruiter-fv__people--top .recruiter-fv__people-track {
    animation: recruiter-fv-people-slide-left 20s linear infinite;
  }

  .recruiter-fv__people--bottom {
    --recruiter-fv-people-width: 518.24px;
    --recruiter-fv-people-width: 32.39rem;
    --recruiter-fv-people-overlap: 40px;
    --recruiter-fv-people-overlap: 2.5rem;
    --recruiter-fv-people-gap: 1.5rem;
    top: 517.74px;
    top: 31.55875rem;
    left: -24.5px;
    left: -1.53125rem;
    width: 518.24px;
    width: 32.89rem;
  }

  .recruiter-fv__people--bottom .recruiter-fv__people-track {
    animation: recruiter-fv-people-slide-right 20s linear infinite;
  }

  .recruiter-fv__column {
    width: 150px;
    width: 9.375rem;
    opacity: 0.55;
    display: none;
  }

  .recruiter-fv__badge {
    width: 260.2px;
    width: 16.2625rem;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
  }

  .recruiter-fv__heading {
    width: 344.5px;
    width: 21.53125rem;
    margin-top: 0;
    margin-inline: auto;
  }

  .recruiter-fv__lead {
    margin-top: -2px;
    margin-top: -0.125rem;
    margin-bottom: 13px;
    margin-bottom: 0.8125rem;
    font-size: 12.3px;
    font-size: 0.76875rem;
    line-height: 1.7;
    letter-spacing: 0.74px;
    letter-spacing: 0.04625rem;
  }

  .recruiter-fv__features {
    gap: 9px;
    gap: 0.5625rem;
    margin-top: 0;
  }

  .recruiter-fv__feature {
    width: 107.6px;
    width: 6.725rem;
  }

  .recruiter-fv__cta {
    margin-top: 176px;
    margin-top: 11rem;
    border-radius: 7.002px;
    border-radius: 0.437625rem;
    border: 0.875px solid #fff;
    border: 0.0546875rem solid #fff;
    background: #2b63e3;
    box-shadow: 0 5.252px 0 0 rgba(0, 0, 0, 0.17);
    box-shadow: 0 0.32825rem 0 0 rgba(0, 0, 0, 0.17);
  }

  .recruiter-fv__cta-text--pc {
    display: none;
  }

  .recruiter-fv__cta-text--sp {
    display: inline;
  }

  .recruiter-fv__note {
    display: none;
  }

  .recruiter-about {
    padding: 40px 0 0;
    padding: 2.5rem 0 0;
    padding-top: 48px;
    padding-top: 3rem;
  }

  .recruiter-about__statement {
    gap: 34px;
    gap: 2.125rem;
    width: 86px;
    width: 5.375rem;
    margin-bottom: 92.2px;
    margin-bottom: 5.7625rem;
    font-size: 19.58px;
    font-size: 1.22375rem;
    line-height: 1.25;
    letter-spacing: 4.42px;
    letter-spacing: 0.27625rem;
  }

  .recruiter-about__statement
    .noma-anim-line:has(.recruiter-about__statement-line) {
    gap: 34px;
    gap: 2.125rem;
  }

  .recruiter-about__body {
    flex-direction: column;
    max-width: none;
    width: 90%;
    gap: 23px;
    gap: 1.4375rem;
  }

  .recruiter-about__label {
    width: 66.1px;
    width: 4.13125rem;
    margin-bottom: 0;
  }

  .recruiter-about__ttl {
    margin-bottom: 13.4px;
    margin-bottom: 0.8375rem;
    font-size: 25.87px;
    font-size: 1.616875rem;
    line-height: 1.75;
    letter-spacing: 1.81px;
    letter-spacing: 0.113125rem;
  }

  .recruiter-about__txt {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.9;
    letter-spacing: 0.75px;
    letter-spacing: 0.046875rem;
    margin: 0 0 12px;
    margin: 0 0 0.75rem;
  }

  .recruiter-about__txt:last-child {
    width: 360px;
    width: 22.5rem;
  }
  .recruiter-point {
    padding-top: 56px;
    padding-top: 3.5rem;
    padding-bottom: 0;
  }

  .recruiter-point__label {
    width: 58px;
    width: 3.625rem;
    margin-left: 28px;
    margin-left: 1.75rem;
    margin-right: 0;
    margin-bottom: 2.6px;
    margin-bottom: 0.1625rem;
  }

  .recruiter-point__ttl {
    width: 368px;
    width: 23rem;
    margin-left: 25px;
    margin-left: 1.5625rem;
    margin-right: 0;
    margin-bottom: 0;
    font-size: 24.42px;
    font-size: 1.52625rem;
    line-height: 1.75;
    letter-spacing: 1.71px;
    letter-spacing: 0.106875rem;
    text-align: left;
  }

  .recruiter-point__lead {
    width: 88%;
    margin-inline: auto;
    font-size: 14px;
    font-size: 0.875rem;
    display: none;
  }

  .recruiter-point__chart {
    width: 100%;
    max-width: none;
    margin-top: 25px;
    margin-top: 1.5625rem;
    margin-left: 0;
    margin-right: 0;
    overflow: visible;
  }

  .recruiter-point__chart-image {
    display: none;
  }

  .recruiter-point-sp-route {
    display: block;
    width: 100%;
  }

  .recruiter-point-sp-route__headline {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 267.9px;
    width: 16.74375rem;
    height: 32.46px;
    height: 2.02875rem;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 14.3px;
    margin-bottom: 0.89375rem;
    margin-left: auto;
    border-radius: 2.69px;
    border-radius: 0.168125rem;
    background: #000;
    color: #f6f6f6;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 13.53px;
    font-size: 0.845625rem;
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 1.08px;
    letter-spacing: 0.0675rem;
    white-space: nowrap;
  }

  .recruiter-point-sp-route__scroller {
    box-sizing: border-box;
    width: 100%;
    padding-left: 14px;
    padding-left: 0.875rem;
    padding-right: 14px;
    padding-right: 0.875rem;
    scroll-padding-right: 14px;
    scroll-padding-right: 0.875rem;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
  }

  .recruiter-point-sp-route__scroller .scroll-hint-icon {
    line-height: 1;
    font-size: 0;
  }

  .recruiter-point-sp-route__scroller .scroll-hint-icon::before {
    display: block;
    margin-right: auto;
    margin-left: auto;
    line-height: 1;
    vertical-align: top;
  }

  .recruiter-point-sp-route__scroller .scroll-hint-icon::after {
    margin-left: -17px;
    margin-left: -1.0625rem;
    line-height: 1;
  }

  .recruiter-point-sp-route__scroller .scroll-hint-text {
    margin-top: 5px;
    margin-top: 0.3125rem;
    font-size: 10px;
    font-size: 0.625rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
  }

  .recruiter-point-sp-route__image {
    display: block;
    width: 611.28px;
    width: 38.205rem;
    max-width: none;
    height: auto;
  }

  .recruiter-point__cards {
    grid-template-columns: 1fr;
    gap: 27px;
    gap: 1.6875rem;
    width: 90%;
    margin-top: 12px;
    margin-top: 1.95rem;
  }

  .recruiter-point-card {
    min-height: 0;
    padding: 42px 0 0;
    padding: 2.625rem 0 0;
    padding-top: 0;
  }

  .recruiter-point-card:nth-child(1) {
    padding: 0;
  }

  .recruiter-point-card__marker {
    position: relative;
    top: auto;
    right: auto;
    left: 50%;
    width: 316.43px;
    width: 19.776875rem;
    height: auto;
    margin-bottom: 24.5px;
    margin-bottom: 1.53125rem;
    transform: translateX(-50%);
  }

  .recruiter-point-card--1 .recruiter-point-card__marker img {
    transform: translateY(0);
  }

  .recruiter-point-card--2 .recruiter-point-card__marker {
    margin-bottom: 38.5px;
    margin-bottom: 2.40625rem;
  }

  .recruiter-point-card--3 .recruiter-point-card__marker {
    margin-bottom: 36.91px;
    margin-bottom: 2.306875rem;
  }

  .recruiter-point-card__ttl {
    margin-bottom: 12.5px;
    margin-bottom: 0.78125rem;
    font-size: 19.669px;
    font-size: 1.2293125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 175%;
    /* 34.421px */
    letter-spacing: 2.164px;
    letter-spacing: 0.13525rem;
  }

  .recruiter-point-card__txt {
    font-size: 14.05px;
    font-size: 0.878125rem;
    line-height: 1.65;
    letter-spacing: 0.84px;
    letter-spacing: 0.0525rem;
    width: 315px;
    width: 19.6875rem;
    margin-inline: auto;
  }

  .recruiter-strengths__top {
    flex-direction: column;
    gap: 0;
    max-width: none;
    width: 90%;
    padding-top: 0;
  }

  .recruiter-strengths__label {
    width: 100.2px;
    width: 6.2625rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
  }

  .recruiter-strengths__ttl {
    margin-bottom: 7.5px;
    margin-bottom: 0.46875rem;
    font-size: 27.62px;
    font-size: 1.72625rem;
    line-height: 1.75;
    letter-spacing: 1.932px;
    letter-spacing: 0.12075rem;
  }

  .recruiter-strengths__lead {
    margin-bottom: 16.15px;
    margin-bottom: 1.009375rem;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 185%;
    letter-spacing: 0.6px;
    letter-spacing: 0.0375rem;
  }

  .recruiter-strengths__score {
    width: 361px;
    width: 22.5625rem;
    margin-inline: auto;
  }

  .recruiter-strengths__points {
    grid-template-columns: 1fr;
    max-width: none;
    gap: 16px;
    gap: 1rem;
    margin-top: 11px;
    margin-top: 1.5875rem;
    width: 368px;
    width: 23rem;
    transform: translateX(0.1875rem);
  }

  .recruiter-strengths__people {
    --recruiter-strengths-people-view-width: 820px;
    --recruiter-strengths-people-view-width: 51.25rem;
    margin-top: 16px;
    margin-top: 1rem;
  }

  .recruiter-strengths__resources {
    padding-top: 48px;
    padding-top: 3rem;
    padding-bottom: 0;
  }
  .recruiter-strengths__resources::after {
    width: 156.819px;
    width: 9.8011875rem;
    height: 292.136px;
    height: 18.2585rem;
    left: -15px;
    left: -0.9375rem;
    bottom: -204px;
    bottom: -12.75rem;
    background: url(../../img/recruiter/recruiter-strengths-dots-02-sp.webp)
      no-repeat;
    background-size: contain;
  }
  .recruiter-strengths__resources-label {
    width: 169.2px;
    width: 10.575rem;
    margin-bottom: 5.32px;
    margin-bottom: 0.3325rem;
  }

  .recruiter-strengths__resources-ttl {
    margin-bottom: 20.62px;
    margin-bottom: 1.28875rem;
    font-size: 25.97px;
    font-size: 1.623125rem;
    line-height: 1.75;
    letter-spacing: 1.818px;
    letter-spacing: 0.113625rem;
  }

  .recruiter-strengths__resource-list {
    flex-direction: column;
    align-items: center;
    max-width: none;
    gap: 20px;
    gap: 1.25rem;
  }

  .recruiter-strengths-resource__media {
    width: 243px;
    width: 15.1875rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
  }

  .recruiter-strengths-resource__ttl {
    font-size: 16.2px;
    font-size: 1.0125rem;
    letter-spacing: 1.134px;
    letter-spacing: 0.070875rem;
  }

  .recruiter-strengths-resource__txt {
    font-size: 14.4px;
    font-size: 0.9rem;
    letter-spacing: 1.008px;
    letter-spacing: 0.063rem;
    margin-top: -3px;
    margin-top: -0.1875rem;
  }

  .recruiter-success__label {
    width: 140.2px;
    width: 8.7625rem;
    margin-bottom: 11.4px;
    margin-bottom: 0.7125rem;
  }

  .recruiter-success__catch {
    font-size: 17.648px;
    font-size: 1.103rem;
    /* 30.884px */
    letter-spacing: 1.588px;
    letter-spacing: 0.09925rem;
    margin-bottom: 1.7px;
    margin-bottom: 0.10625rem;
  }

  .recruiter-success__ttl {
    font-size: 26.819px;
    font-size: 1.6761875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 175%;
    /* 46.934px */
    letter-spacing: 1.877px;
    letter-spacing: 0.1173125rem;
  }

  .recruiter-success-card__ttl {
    white-space: normal;
    font-size: 19px;
    font-size: 1.1875rem;
    /* 31.35px */
    letter-spacing: 1.71px;
    letter-spacing: 0.106875rem;
  }

  .recruiter-success-card__ttl::after {
    width: 95%;
    background-image: url(../../img/recruiter/recruiter-success-card-ttl-line.webp);
  }

  .recruiter-success-card__txt {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.65;
    padding-right: 19px;
    padding-right: 1.1875rem;
    letter-spacing: 0.42px;
    letter-spacing: 0.02625rem;
  }

  .recruiter-success__consult {
    flex-direction: column;
    gap: 15.39px;
    gap: 0.961875rem;
    max-width: none;
    width: 88%;
    transform: none;
    margin-top: 40px;
    margin-top: 2.5rem;
  }

  .recruiter-success__consult-ttl {
    font-size: 29.861px;
    font-size: 1.8663125rem;
    line-height: 175%;
    /* 52.257px */
    letter-spacing: 2.09px;
    letter-spacing: 0.130625rem;
  }

  .recruiter-success__btn {
    margin-top: 15px;
    margin-top: 0.9375rem;
  }

  .recruiter-flow__inner {
    width: 364px;
    width: 22.75rem;
  }

  .recruiter-flow__label {
    width: 53.2px;
    width: 3.325rem;
    margin-bottom: 21.4px;
    margin-bottom: 1.3375rem;
    margin-inline: auto;
  }

  .recruiter-flow__catch {
    margin-inline: auto;
    font-size: 17.648px;
    font-size: 1.103rem;
    /* 30.884px */
    letter-spacing: 1.588px;
    letter-spacing: 0.09925rem;
  }

  .recruiter-flow__ttl {
    font-size: 33.287px;
    font-size: 2.0804375rem;
    /* 54.923px */
    letter-spacing: 2.33px;
    letter-spacing: 0.145625rem;
    margin-bottom: 5.37px;
    margin-bottom: 0.335625rem;
    line-height: 165%;
  }

  .recruiter-flow__steps {
    gap: 35.1px;
    gap: 2.19375rem;
    margin-top: 36px;
    margin-top: 2.25rem;
    justify-items: normal;
  }

  .recruiter-flow-step__photo {
    width: 106px;
    width: 6.625rem;
  }

  .recruiter-flow-step:nth-child(1) .recruiter-flow-step__photo {
    top: 30px;
    top: 1.875rem;
    left: -17px;
    left: -1.0625rem;
    width: 106px;
    width: 6.625rem;
    transform: translateY(-50%);
  }

  .recruiter-flow-step:nth-child(2) .recruiter-flow-step__photo {
    top: 28px;
    top: 1.75rem;
    left: -19px;
    left: -1.1875rem;
    transform: translateY(-50%);
  }

  .recruiter-flow-step:nth-child(3) .recruiter-flow-step__photo {
    top: 30px;
    top: 1.875rem;
    left: -18px;
    left: -1.125rem;
    transform: translateY(-50%);
  }

  .recruiter-flow-step:nth-child(4) .recruiter-flow-step__photo {
    top: 29px;
    top: 1.8125rem;
    left: -17px;
    left: -1.0625rem;
    transform: translateY(-50%);
  }

  .recruiter-flow-step:nth-child(5) .recruiter-flow-step__photo {
    top: 29px;
    top: 1.8125rem;
    left: -19px;
    left: -1.1875rem;
    transform: translateY(-50%);
  }

  .recruiter-flow-step__num--01 {
    top: 6px;
    top: 0.275rem;
    right: 39px;
    right: 2.4375rem;
    width: 25.66px;
    width: 1.5rem;
  }

  .recruiter-flow-step__num--02 {
    top: 6px;
    top: 0.275rem;
    right: 38px;
    right: 2.375rem;
    width: 28.44px;
    width: 1.6rem;
  }

  .recruiter-flow-step__num--03 {
    top: 7px;
    top: 0.3375rem;
    right: 38px;
    right: 2.375rem;
    width: 26.44px;
    width: 1.5525rem;
  }

  .recruiter-flow-step__num--04 {
    top: 7px;
    top: 0.3375rem;
    right: 36px;
    right: 2.34rem;
    width: 29.55px;
    width: 1.746875rem;
  }

  .recruiter-flow-step__num--05 {
    top: 7px;
    top: 0.3375rem;
    right: 36px;
    right: 2.3rem;
    width: 28.95px;
    width: 1.709375rem;
  }

  .recruiter-flow-step:nth-child(1) .recruiter-flow-step__ttl span {
    top: 31.75px;
    top: 1.984375rem;
    right: -22px;
    right: -1.375rem;
    bottom: auto;
    width: 51.77px;
    width: 3.235625rem;
    height: 25.38px;
    height: 1.58625rem;
  }

  .recruiter-flow-step:nth-child(2) .recruiter-flow-step__ttl span {
    right: -58px;
    right: -3.625rem;
    bottom: 2px;
    bottom: 0.125rem;
    width: 51.77px;
    width: 3.235625rem;
    height: 25.38px;
    height: 1.58625rem;
  }

  .recruiter-flow-step:nth-child(3) .recruiter-flow-step__ttl span {
    right: -6px;
    right: -0.375rem;
    bottom: 2px;
    bottom: 0.125rem;
    width: 51.77px;
    width: 3.235625rem;
    height: 25.38px;
    height: 1.58625rem;
  }

  .recruiter-flow-step:nth-child(4) .recruiter-flow-step__ttl span {
    right: -58px;
    right: -3.625rem;
    bottom: 1px;
    bottom: 0.0625rem;
    width: 51.77px;
    width: 3.235625rem;
    height: 25.38px;
    height: 1.58625rem;
  }

  .recruiter-flow-step:nth-child(3) .recruiter-flow-step__body {
    padding: 18.22px 28.6px 22.34px 91px;
    padding: 1.13875rem 1.7875rem 1.39625rem 5.6875rem;
    background-image: url(../../img/recruiter/flow-step-bg-sp-03.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 343.453px;
    width: 21.4658125rem;
    height: 229.414px;
    height: 14.338375rem;
  }

  .recruiter-flow-step__txt {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 165%;
    /* 23.1px */
    letter-spacing: 0.7px;
    letter-spacing: 0.04375rem;
  }

  .recruiter-welcome {
    background: #eef0ec;
    position: relative;
    padding-top: 9.58px;
    padding-top: 0.59875rem;
    padding-bottom: 52.6px;
    padding-bottom: 3.2875rem;
    overflow: hidden;
    background-color: #fff;
    background-image: url(../../img/recruiter/recruiter-welcome-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: center 51.11px;
    background-position: center 3.194375rem;
    background-size: 388px 1695.92px;
    background-size: 24.25rem 105.995rem;
  }

  .recruiter-welcome::before {
    display: none;
  }

  .recruiter-welcome::after {
    background: url(../../img/recruiter/welcome-deco-sp.webp) no-repeat;
    background-size: contain;
    width: 201px;
    width: 12.5625rem;
    height: 158px;
    height: 9.875rem;
    top: 57px;
    top: 3.5625rem;
    left: 16px;
    left: 1rem;
  }

  .recruiter-welcome__inner {
    position: relative;
    z-index: 2;
    width: 100%;
  }

  .recruiter-welcome__alert {
    top: auto;
    left: auto;
    position: static;
    width: 81.36px;
    width: 5.085rem;
    height: 81.36px;
    height: 5.085rem;
    margin: 0 auto 30.47px;
    margin: 0 auto 1.904375rem;
    transform: none;
  }

  .recruiter-welcome__alert::after {
    display: none;
  }

  .recruiter-welcome__notice {
    width: 235.55px;
    width: 14.721875rem;
    height: 49.72px;
    height: 3.1075rem;
    margin-bottom: 15.86px;
    margin-bottom: 0.99125rem;
    border-radius: 3.6px;
    border-radius: 0.225rem;
    font-size: 25.57px;
    font-size: 1.598125rem;
    line-height: 1.75;
    letter-spacing: 2.3px;
    letter-spacing: 0.14375rem;
  }

  .recruiter-welcome__ttl {
    margin-bottom: 32px;
    margin-bottom: 2rem;
    margin: 0 0 17.3px;
    margin: 0 0 1.08125rem;
    font-size: 33.29px;
    font-size: 2.080625rem;
    line-height: 1.75;
    letter-spacing: 2.33px;
    letter-spacing: 0.145625rem;
  }

  .recruiter-welcome__ttl span {
    font-size: 20.29px;
    font-size: 1.268125rem;
    line-height: 1.75;
    letter-spacing: 1.42px;
    letter-spacing: 0.08875rem;
    display: block;
    margin-bottom: -61px;
    margin-bottom: -3.8125rem;
  }

  .recruiter-welcome__cards {
    flex-direction: column;
    max-width: none;
    gap: 13.3px;
    gap: 0.83125rem;
    width: 342.97px;
    width: 21.435625rem;
    margin-bottom: 39.7px;
    margin-bottom: 2.48125rem;
  }

  .recruiter-welcome-card {
    background: #fff;
    height: 301.39px;
    height: 18.836875rem;
    padding: 51.69px 22.66px 23.15px 22.34px;
    padding: 3.230625rem 1.41625rem 1.446875rem 1.39625rem;
    border-radius: 8px;
    border-radius: 0.5rem;
    background-color: transparent;
    background-image: url(../../img/recruiter/welcome-card.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
  }

  .recruiter-welcome-card__label {
    top: 2.31px;
    top: 0.144375rem;
    left: 10.03px;
    left: 0.626875rem;
  }

  .recruiter-welcome-card__label img {
    height: 25px;
    height: 1.5625rem;
  }

  .recruiter-welcome-card__photo {
    overflow: hidden;
    border-radius: 50%;
    top: 45.23px;
    top: 2.826875rem;
    right: 20.32px;
    right: 1.27rem;
    width: 95.8px;
    width: 5.9875rem;
    height: 95.8px;
    height: 5.9875rem;
  }

  .recruiter-welcome-card__ttl {
    margin-bottom: 14.38px;
    margin-bottom: 0.89875rem;
    padding-right: 0;
    padding-bottom: 22.21px;
    padding-bottom: 1.388125rem;
    font-size: 23.12px;
    font-size: 1.445rem;
    line-height: 1.75;
    letter-spacing: 1.62px;
    letter-spacing: 0.10125rem;
  }

  .recruiter-welcome-card__txt {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.8;
    letter-spacing: 0.45px;
    letter-spacing: 0.028125rem;
  }

  .recruiter-welcome-card__note {
    display: none;
  }

  .recruiter-welcome__thoughts {
    flex-direction: column;
    align-items: center;
    max-width: none;
    text-align: center;
    transform: none;
    width: 355px;
    width: 22.1875rem;
    gap: 0;
  }

  .recruiter-welcome__thoughts-label {
    margin: 0 auto 12px;
    margin: 0 auto 0.75rem;
    width: 133.2px;
    width: 8.325rem;
    margin-bottom: 8.39px;
    margin-bottom: 0.524375rem;
  }

  .recruiter-welcome__thoughts-catch {
    margin-inline: auto;
    margin-bottom: 6.73px;
    margin-bottom: 0.420625rem;
    font-size: 18.65px;
    font-size: 1.165625rem;
    line-height: 1.75;
    letter-spacing: 1.68px;
    letter-spacing: 0.105rem;
  }

  .recruiter-welcome__thoughts-ttl {
    font-size: 24.71px;
    font-size: 1.544375rem;
    line-height: 1.75;
    letter-spacing: 1.73px;
    letter-spacing: 0.108125rem;
    text-align: center;
  }

  .recruiter-welcome__thoughts-ttl.js-anim-heading .noma-anim-line {
    display: block;
    margin-inline: auto;
  }
  .recruiter-welcome__thoughts-body {
    padding-top: 15px;
    padding-top: 0.9375rem;
    paddin-top: 14.43px;
    paddin-top: 0.901875rem;
  }

  .recruiter-welcome__thoughts-txt {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 2.1;
    letter-spacing: 0.45px;
    letter-spacing: 0.028125rem;
    white-space: nowrap;
  }

  .recruiter-welcome__thoughts-txt:last-child {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.1;
    letter-spacing: 0.48px;
    letter-spacing: 0.03rem;
  }

  .recruiter-inquiry {
    margin-top: 0;
  }

  .recruiter-inquiry__inner {
    width: 388px;
    width: 24.25rem;
    padding-top: 33.22px;
    padding-top: 2.07625rem;
    padding-bottom: 30.68px;
    padding-bottom: 1.9175rem;
    border-radius: 16px;
    border-radius: 1rem;
  }

  .recruiter-inquiry__label {
    width: 244.5px;
    width: 15.28125rem;
    margin-bottom: 0.53px;
    margin-bottom: 0.033125rem;
  }

  .recruiter-inquiry__sub {
    margin-bottom: 7.46px;
    margin-bottom: 0.46625rem;
    padding-bottom: 0;
    font-size: 14.856px;
    font-size: 0.9285rem;
    line-height: 1.75;
    letter-spacing: 1.337px;
    letter-spacing: 0.0835625rem;
  }

  .recruiter-inquiry__sub::after {
    width: 176.61px;
    width: 11.038125rem;
  }

  .recruiter-inquiry__ttl {
    margin-bottom: 14.12px;
    margin-bottom: 0.8825rem;
    font-size: 28.216px;
    font-size: 1.7635rem;
    line-height: 1.6;
    letter-spacing: 2.54px;
    letter-spacing: 0.15875rem;
  }

  .recruiter-inquiry__ttl-pc {
    display: none;
  }

  .recruiter-inquiry__ttl-sp {
    display: block;
    line-height: 1.6;
  }

  .recruiter-inquiry__lead {
    width: 346px;
    width: 21.625rem;
    margin-inline: auto;
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.65;
    letter-spacing: 0.9px;
    letter-spacing: 0.05625rem;
    white-space: nowrap;
  }

  .recruiter-inquiry__form {
    max-width: none;
    padding: 28px 20px;
    padding: 1.75rem 1.25rem;
    width: 356px;
    width: 22.25rem;
    height: auto;
    margin-top: 35.07px;
    margin-top: 2.191875rem;
    padding-top: 28.43px;
    padding-top: 1.776875rem;
    padding-right: 24px;
    padding-right: 1.5rem;
    padding-bottom: 34px;
    padding-bottom: 2.125rem;
    padding-left: 24px;
    padding-left: 1.5rem;
    border-radius: 13px;
    border-radius: 0.8125rem;
  }

  .recruiter-inquiry__field {
    margin-bottom: 13.43px;
    margin-bottom: 0.839375rem;
  }

  .recruiter-inquiry__field-label {
    gap: 3.34px;
    gap: 0.20875rem;
    margin-bottom: 9.16px;
    margin-bottom: 0.5725rem;
    margin-left: 4px;
    margin-left: 0.25rem;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.2;
    letter-spacing: 1.02px;
    letter-spacing: 0.06375rem;
  }

  .recruiter-inquiry__input {
    height: 56.705px;
    height: 3.5440625rem;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 1.28px;
    letter-spacing: 0.08rem;
  }

  .recruiter-inquiry__textarea {
    width: 100%;
    height: 167.64px;
    height: 10.4775rem;
    min-height: 184px;
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: 1.28px;
    letter-spacing: 0.08rem;
  }

  .recruiter-inquiry__submit {
    width: 207.125px;
    width: 12.9453125rem;
    height: 52.737px;
    height: 3.2960625rem;
    margin-top: 36.05px;
    margin-top: 1.453125rem;
  }

  .recruiter-inquiry__tel {
    padding: 22px 0 24px;
    padding: 1.375rem 0 1.5rem;
    width: 365.21px;
    width: 22.825625rem;
    max-width: none;
    height: 141.22px;
    height: 8.82625rem;
    margin-top: 21.86px;
    margin-top: 1.36625rem;
    padding-top: 22.09px;
    padding-top: 1.380625rem;
    padding-bottom: 0;
    border-radius: 100px;
    border-radius: 6.25rem;
  }

  .recruiter-inquiry__tel-label {
    margin-bottom: 3.84px;
    margin-bottom: 0.24rem;
  }

  .recruiter-inquiry__tel-number {
    width: 290.84px;
    width: 18.1775rem;
  }

  .recruiter-inquiry__tel-time {
    font-size: 14.8px;
    font-size: 0.925rem;
    line-height: 1.75;
    letter-spacing: 1.332px;
    letter-spacing: 0.08325rem;
  }
}

.noma-footer {
  background: #eeeeee;
  margin-inline: auto;
  margin-top: 26.23px;
  margin-top: 1.639375rem;
  border-radius: 50px;
  border-radius: 3.125rem;
  width: 95.7142857143%;
  padding: 122.5px 0 120px;
  padding: 7.65625rem 0 7.5rem;
}
@media screen and (max-width: 767.98px) {
  .noma-footer {
    width: 388px;
    width: 24.25rem;
    margin-top: 10px;
    margin-top: 0.625rem;
    border-radius: 16px;
    border-radius: 1rem;
    padding: 33.57px 17px 17px;
    padding: 2.098125rem 1.0625rem 1.0625rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1000px) {

  .recruiter-success__consult {
    transform: translateX(0);
    column-gap: 1.227063rem;
  }
}

@media (min-width: 768px) and (max-width: 1440px) {
  .recruiter-welcome__cards {
    gap: 2.062708333vw;
    max-width: 90.172222222vw;
    width: 90vw;
    margin-bottom: 3.821527778vw;
  }

  .recruiter-welcome__cards::after {
    width: 26.597222222vw;
    height: 15.208333333vw;
    right: -1.661111vw;
    bottom: -4.513888889vw;
  }

  .recruiter-welcome-card {
    padding: 4.492222222vw 2.222222222vw 0 2.523611111vw;
    border-radius: 0.694444444vw;
  }

  .recruiter-welcome-card__label {
    top: 0.201805556vw;
    left: 1.125763889vw;
  }

  .recruiter-welcome-card__label img {
    height: 1.944444444vw;
  }

  .recruiter-welcome-card__photo {
    width: 8.244375vw;
    height: 4.861111111vw;
    right: 1.940972222vw;
    top: 2.051388889vw;
  }

  .recruiter-welcome-card__photo img {
    height: 8.244375vw;
  }

  .recruiter-welcome-card__ttl {
    margin-bottom: 1.111111111vw;
    padding-bottom: 2.095138889vw;
    font-size: min(1.6vw, 1.3rem);
    letter-spacing: 0.112361111vw;
    border-bottom-width: 0.069444444vw;
  }

  .recruiter-welcome-card__txt {
    font-size: 1rem;
    letter-spacing: 0.03125vw;
  }

  .recruiter-welcome-card__note {
    font-size: 0.833333333vw;
    letter-spacing: 0.025vw;
  }

  .recruiter-welcome__thoughts {
    transform: translateX(0);
    gap: 1.290625rem;
    width: 91%;
  }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .recruiter-success-card__label {
    width: 58px;
    top: 0.725rem;
    left: 0.45625rem;
  }
}

@media screen and (min-width: 1281px) and (max-width: 1480px) {
  .recruiter-contact__staff {
    top: 17.3rem;
    right: 10.8125rem;
    width: 17.0625rem;
  }

  .recruiter-contact__side-copy {
    top: 13.740125rem;
  }
}

@media screen and (min-width: 1150px) and (max-width: 1280px) {
  .recruiter-contact__staff {
    top: 20rem;
    right: 10.8125rem;
    width: 14.0625rem;
  }

  .recruiter-contact__side-copy {
    top: 13.740125rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1149px) {
  .recruiter-contact__staff {
    display: none;
  }

  .recruiter-contact__side-copy {
    display: none;
  }

  .recruiter-contact {
    background-image: url(../../img/recruiter/recruiter-contact-bg.webp);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 89%;
    padding-top: 14.16775rem;
    padding-bottom: 19.375rem;
    margin-top: -6rem;
    margin-bottom: -3rem;
  }
}

@media (max-width: 767.98px) {
  main h2.js-anim-sp-heading-fadeup.is-anim-ready .noma-anim-line {
    transform: none;
    transition: none;
    will-change: auto;
  }

  main h2.js-anim-sp-heading-fadeup.is-anim-ready .noma-anim-char {
    opacity: 1;
    transition: none;
    will-change: auto;
  }

  main h2.js-anim-sp-heading-fadeup.is-animated .noma-anim-line {
    transform: none;
  }

  main h2.js-anim-sp-heading-fadeup.is-animated .noma-anim-char {
    opacity: 1;
  }

  main .recruiter-about__statement.js-anim-sp-heading-fadeup.is-anim-ready
    .noma-anim-line {
    transform: none;
    transition: none;
    will-change: auto;
  }

  main .recruiter-about__statement.js-anim-sp-heading-fadeup.is-anim-ready {
    transform: translateX(-50%) translateY(0.75rem);
  }

  main .recruiter-about__statement.js-anim-sp-heading-fadeup.is-anim-ready
    .noma-anim-char {
    opacity: 1;
    transition: none;
    will-change: auto;
  }

  main .recruiter-about__statement.js-anim-sp-heading-fadeup.is-animated
    .noma-anim-line {
    transform: none;
  }

  main .recruiter-about__statement.js-anim-sp-heading-fadeup.is-animated {
    transform: translateX(-50%) translateY(0);
  }

  main .recruiter-about__statement.js-anim-sp-heading-fadeup.is-animated
    .noma-anim-char {
    opacity: 1;
  }
}