@charset "UTF-8";

/* =================================================================
   【cssはこのファイルを編集してください】
   ================================================================= */

html {
  font-size: 100%;
  scroll-behavior: smooth;
}
body {
  -webkit-font-smoothing: antialiased;
}
/* SP: 414px基準（同倍率vw） */
@media (max-width: 414px) {
  html {
    font-size: 3.8647342995vw;
  }
}
/* 414px - 767px */
@media (min-width: 414px) and (max-width: 767.98px) {
  html {
    font-size: calc((100vw - 414px) / 353 * 5 + 16px);
    font-size: 3.8647342995vw;
  }
}

/* PC中間補間（768px - 1399px） */
@media (min-width: 768px) and (max-width: 1399px) {
  html {
    font-size: calc((100vw - 768px) / 632 * 3 + 13px);
  }
}

em {
  font-style: normal;
}
li {
  list-style: none;
}

a {
  text-decoration: none;
  transition: 0.3s;
}
a:hover {
  opacity: 0.6;
}

.hr-btn {
  transition:
    transform 0.3s,
    opacity 0.3s;
}
.hr-btn:hover {
  opacity: 1;
  transform: scale(1.05);
}

img {
  width: 100%;
  height: auto;
  display: block;
}

/* スマホではpcクラスは非表示 */
@media (max-width: 767.98px) {
  .pc {
    display: none !important;
    pointer-events: none;
  }
}
/* PCではspクラスは非表示 */
@media (min-width: 768px) {
  .sp {
    display: none !important;
    pointer-events: none;
  }
}

/* 共通: ページ全体の背景・基準 */
.hr {
  width: 100%;
  overflow-x: hidden;
}

/* この下からセクションごとのCSS */

/* =================================================================
   FV (ファーストビュー)
   ================================================================= */
.hr-fv {
  position: relative;
  background: #5374d5;
  overflow: hidden;
}
.hr-fv__inner {
  position: relative;
}
.hr-fv__wrap {
  position: relative;
}

.hr-fv__content {
  position: absolute;
  z-index: 3;
  top: 14%;
  left: 10%;
  transform-origin: top left;
}
@media screen and (min-width: 768px) {
  .hr-fv__content {
    transform: scale(calc(100vw / 1680px));
  }
}
.hr-fv__tags {
  display: flex;
  gap: 10.43px;
}
.hr-fv__tag {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22.833px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 34.249px */
  letter-spacing: 1.598px;
  border-radius: 2.84px;
  background: #3b61ce;
  padding: 8px 20px 8px 50px;
  position: relative;
}
.hr-fv__tag::before {
  content: "";
  background: url(../img/fv-cheack.webp) no-repeat;
  background-size: contain;
  width: 29.43px;
  height: 29.43px;
  position: absolute;
  left: 11px;
  top: 50%;
  transform: translateY(-50%);
}

.hr-fv__title {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 48.746px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 73.119px */
  letter-spacing: 2.925px;
  margin-bottom: 22.14px;
}
.hr-fv__title-em {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 95.574px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 143.361px */
  letter-spacing: 9.557px;
}
.hr-fv__title-particle {
  font-size: 81.374px;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 122.061px */
  letter-spacing: -15.461px;
}
.hr-fv__title-sub {
  letter-spacing: 2.437px;
  display: block;
  margin-top: 9px;
}
.hr-fv__title-strong {
  font-size: 92.574px;
  letter-spacing: 9.257px;
}
.hr-fv__title-action {
  color: #afac00;
}
.hr-fv__lead {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 27px */
  letter-spacing: 2.25px;
}

.hr-fv__mask {
  position: relative;
  z-index: 2;
}
.hr-fv__mask img {
  width: 100%;
  height: auto;
  display: block;
}

/* バッジ */
.hr-fv__badge {
  position: absolute;
  top: 2.5%;
  right: 1.5%;
  width: 180.46px;
  width: 10.7416666667vw;
  z-index: 4;
  filter: drop-shadow(0 0 20.9px rgba(76, 104, 189, 0.29));
  filter: drop-shadow(0 0 1.30625rem rgba(76, 104, 189, 0.29));
}
.hr-fv__badge-img {
  width: 100%;
  height: auto;
  display: block;
}

/* スライド (斜めに並べて無限ループ) */
.hr-fv__slides {
  position: absolute;
  top: -1%;
  right: -9%;
  width: 70%;
  height: 130%;
  transform: rotate(20deg);
  transform-origin: center center;
  display: flex;
  gap: 2.5%;
  justify-content: center;
  align-items: flex-start;
  z-index: 1;
  pointer-events: none;
}
.hr-fv__slide-col {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  gap: 12.8px;
  gap: 0.8rem;
  overflow: hidden;
  filter: drop-shadow(0 0 11.313px rgba(82, 105, 138, 0.4));
  filter: drop-shadow(0 0 0.7070625rem rgba(82, 105, 138, 0.4));
}
.hr-fv__slide-col--1,
.hr-fv__slide-col--3 {
  animation: hr-fv-scroll-down 50s linear infinite;
}
.hr-fv__slide-col--2,
.hr-fv__slide-col--4 {
  animation: hr-fv-scroll-up 50s linear infinite;
}
.hr-fv__slide-col--3 {
}
.hr-fv__slide-col--4 {
}
.hr-fv__slide-img {
}

@keyframes hr-fv-scroll-down {
  0% {
    transform: translateY(-50%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes hr-fv-scroll-up {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

/* ロゴ無限ループ */
.hr-fv__logo {
  position: relative;
  display: flex;
  overflow: hidden;
  width: 100%;
  z-index: 3;
  background: #fff;
  margin-top: 0;
  gap: 60px;
  gap: 3.75rem;
}
.hr-fv__logo-img {
  flex-shrink: 0;
  max-width: fit-content;
  display: block;
  animation: hr-fv-logo-scroll 40s linear infinite;
}

@keyframes hr-fv-logo-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-100% - 3.75rem));
  }
}

.hr-fv__logo-note {
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12.737px;
  font-size: 0.7960625rem;
  font-style: normal;
  font-weight: 300;
  line-height: 180%; /* 22.927px */
  letter-spacing: 1.019px;
  letter-spacing: 0.0636875rem;
  margin-bottom: 45px;
  margin-bottom: 2.8125rem;
}

.hr-fv__cta-group {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  gap: 0.875rem;
  z-index: 3;
  bottom: 19.6%;
  left: 10%;
  max-width: 799px;
  width: 48%;
}

.hr-fv__btn {
  display: block;
}

.hr-fv__btn--1 {
  flex: 1;
  max-width: 417.94px;
}

.hr-fv__btn--2 {
  flex: 1;
  max-width: 366.89px;
}

.hr-fv__btn-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hr-problem {
  position: relative;
  width: 100%;
  padding-top: 10px;
  padding-top: 0.625rem;
  background-color: #fff;
  overflow: hidden;
  z-index: 2;
  margin-top: -75px;
  margin-top: -4.6875rem;
}

.hr-problem__inner {
  margin-inline: auto;
}

.hr-problem__content {
  max-width: 1406.5px;
  width: 90%;
  margin-inline: auto;
  border-radius: 20px;
  border-radius: 1.25rem;
  background: rgba(245, 245, 245, 0.8);
  padding: 73px 120px 116px 165px;
  padding: 4.5625rem 7.5rem 7.25rem 10.3125rem;
  position: relative;
  margin-bottom: 82px;
  margin-bottom: 5.125rem;
}

.hr-problem__content::after {
  content: "";
  background: url(../img/problem-illust.webp) no-repeat;
  background-size: contain;
  width: 389.93px;
  width: 24.370625rem;
  height: 334.28px;
  height: 20.8925rem;
  position: absolute;
  bottom: -5%;
  right: -6%;
}

.hr-problem__head {
  position: relative;
  margin-bottom: 64px;
  margin-bottom: 4rem;
}

.hr-problem__label {
  display: block;
  width: 106.39px;
  width: 6.649375rem;
  height: auto;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}

.hr-problem__sub-label {
  display: inline-block;
  padding: 7px 15px 9px;
  padding: 0.4375rem 0.9375rem 0.5625rem;
  background-color: #3b61ce;
  border-radius: 4px;
  border-radius: 0.25rem;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 21.42px;
  font-size: 1.33875rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.122em;
  margin-bottom: 10.69px;
  margin-bottom: 0.668125rem;
}

.hr-problem__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 37px;
  font-size: 2.3125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 55.5px */
  letter-spacing: 4.81px;
  letter-spacing: 0.300625rem;
}

.hr-problem__body {
  position: relative;
}

.hr-problem__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0px;
  column-gap: 0rem;
  row-gap: 43px;
  row-gap: 2.6875rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.hr-problem__item {
  display: flex;
  align-items: flex-start;
  gap: 23px;
  gap: 1.4375rem;
}

.hr-problem__item--1 {
  grid-column: 1;
  grid-row: 1;
}
.hr-problem__item--2 {
  grid-column: 1;
  grid-row: 2;
}
.hr-problem__item--3 {
  grid-column: 1;
  grid-row: 3;
}
.hr-problem__item--4 {
  grid-column: 2;
  grid-row: 1;
}
.hr-problem__item--5 {
  grid-column: 2;
  grid-row: 2;
}

.hr-problem__num {
}
.hr-problem__item--1 .hr-problem__num {
  width: 46px;
  width: 2.875rem;
}
.hr-problem__item--2 .hr-problem__num {
  width: 53px;
  width: 3.3125rem;
}
.hr-problem__item--3 .hr-problem__num {
  width: 54px;
  width: 3.375rem;
}
.hr-problem__item--4 .hr-problem__num {
  width: 57px;
  width: 3.5625rem;
}
.hr-problem__item--5 .hr-problem__num {
  width: 54px;
  width: 3.375rem;
}

.hr-problem__item-body {
}

.hr-problem__item-ttl {
  display: inline;
  color: #2d56c9;
  font-family: "Noto Sans JP";
  font-size: 21.215px;
  font-size: 1.3259375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 31.822px */
  letter-spacing: 2.546px;
  letter-spacing: 0.159125rem;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  position: relative;
  z-index: 2;
  background-image: linear-gradient(
    to top,
    transparent 10%,
    rgba(45, 86, 201, 0.15) 10%,
    rgba(45, 86, 201, 0.15) calc(10% + 11.569px),
    transparent calc(10% + 11.569px)
  );
  padding: 0 0.4em;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.hr-problem__item-txt {
  color: #000619;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.1em;
  padding-top: 0.3rem;
}

.hr-problem__slides {
}

.hr-solution {
  position: relative;
  padding: 0px 0 67px;
  padding: 0rem 0 4.1875rem;
  overflow: hidden;
}

.hr-solution__inner {
  position: relative;
  width: 90%;
  max-width: 1223px;
  margin: 0 auto;
}

/* 装飾 SLIDE HR テキスト（背景） */
.hr-solution__bg-text {
  position: absolute;
  top: 19%;
  right: -23%;
  width: 1246px;
  width: 77.875rem;
  pointer-events: none;
  z-index: 0;
}

.hr-solution__bg-text-img {
}

/* イントロ部分 */
.hr-solution__intro {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  z-index: 1;
  transform: translateX(25px);
  gap: 16px;
  gap: 1rem;
}

.hr-solution__intro-body {
  padding-top: 0;
}

.hr-solution__heading-group {
  margin-bottom: 32px;
  margin-bottom: 2rem;
}

.hr-solution__label-img {
  width: 114px;
  width: 7.125rem;
  height: auto;
  display: block;
  margin-bottom: 24.75px;
  margin-bottom: 1.546875rem;
}

.hr-solution__lead {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #2255cc;
  letter-spacing: 3px;
  letter-spacing: 0.1875rem;
  line-height: 1.6;
}

.hr-solution__lead em {
  color: #afac00;
}

.hr-solution__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 41.711px;
  font-size: 2.6069375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 75.08px */
  letter-spacing: 6.257px;
  letter-spacing: 0.3910625rem;
}

.hr-solution__ttl-em {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 36.711px;
  font-size: 2.2944375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 66.08px */
  letter-spacing: 5.14px;
  letter-spacing: 0.32125rem;
  border-radius: 3px;
  border-radius: 0.1875rem;
  background: #3b61ce;
  padding: 7px 16.6px 10px 16px;
  padding: 0.4375rem 1.0375rem 0.625rem 1rem;
  margin-right: 10px;
  margin-right: 0.625rem;
}

.hr-solution__txt {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 30px */
  letter-spacing: 1.5px;
  letter-spacing: 0.09375rem;
}

.hr-solution__intro-visual {
  position: relative;
  flex: 1;
  max-width: 546px;
  transform: translate(40px, -18px);
}

.hr-solution__laptop-img {
  width: 100%;
  height: auto;
  display: block;
}

/* SUPPORT バッジ部 */
.hr-solution__support {
  position: relative;
  z-index: 1;
  text-align: center;
  border-radius: 15px;
  border-radius: 0.9375rem;
  background: #f0f5fa;
  padding: 43px 0 50px;
  padding: 2.6875rem 1rem 3.125rem;
  margin-top: -61px;
  margin-top: -3.8125rem;
  margin-bottom: 71px;
  margin-bottom: 4.4375rem;
}

.hr-solution__support-ttl {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24.2px;
  font-size: 1.5125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 43.56px */
  letter-spacing: 2.662px;
  letter-spacing: 0.166375rem;
  position: relative;
  padding-left: 36px;
  padding-left: 2.25rem;
  width: fit-content;
  margin-inline: auto;
  margin-bottom: 23px;
  margin-bottom: 1.4375rem;
}

.hr-solution__support-ttl-em {
  color: #afac00;
  font-weight: 900;
}

.hr-solution__support-ttl::after {
  content: "";
  background: url(../img/solution-check.webp) no-repeat;
  background-size: contain;
  width: 29.74px;
  width: 1.85875rem;
  height: 29.74px;
  height: 1.85875rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.hr-solution__support-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px;
  gap: 0.6875rem;
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
  margin: 0 0 1.5rem;
}

.hr-solution__support-item {
  padding: 10px 22px;
  padding: 0.625rem 1.375rem;
  background-color: #ffffff;
  border: 2px solid #000619;
  border: 0.125rem solid #000619;
  border-radius: 100px;
  border-radius: 6.25rem;
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15.183px;
  font-size: 0.9489375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 22.774px */
  letter-spacing: 1.063px;
  letter-spacing: 0.0664375rem;
}

.hr-solution__support-note {
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
  letter-spacing: 0.75px;
  letter-spacing: 0.046875rem;
}

/* 比較ブロック */
.hr-solution__compare {
  position: relative;
  z-index: 1;
}

.hr-solution__compare-heading {
  text-align: center;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

.hr-solution__compare-lead {
  margin-bottom: 3.3px;
  margin-bottom: 0.20625rem;
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 17.711px;
  font-size: 1.1069375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 31.88px */
  letter-spacing: 1.771px;
  letter-spacing: 0.1106875rem;
}

.hr-solution__compare-ttl {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24.853px;
  font-size: 1.5533125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 44.736px */
  letter-spacing: 2.485px;
  letter-spacing: 0.1553125rem;
}

.hr-solution__compare-ttl em {
  position: relative;
  z-index: 2;
}

.hr-solution__compare-ttl em::after {
  content: "";
  opacity: 0.15;
  background: #2d56c9;
  width: 103%;
  height: 13.883px;
  height: 0.8676875rem;
  position: absolute;
  bottom: -10%;
  left: -2%;
}

.hr-solution__compare-cards {
  position: relative;
  display: flex;
  gap: 34px;
  gap: 2.125rem;
  max-width: 1080px;
  margin: 0 auto;
  align-items: center;
}

.hr-solution__compare-cards::before {
  content: "";
  background: url(../img/solution-slide-hr-card-arrow.webp) no-repeat;
  background-size: contain;
  width: 43.87px;
  width: 2.741875rem;
  height: 23.33px;
  height: 1.458125rem;
  position: absolute;
  top: 50%;
  left: 43.3%;
}

.hr-solution__compare-card--2 .hr-solution__compare-card-img {
  filter: drop-shadow(0 0 8.3px rgba(136, 147, 182, 0.44));
  filter: drop-shadow(0 0 0.51875rem rgba(136, 147, 182, 0.44));
}

.hr-solution__compare-card--2 {
  transform: scale(0);
  transform-origin: center center;
}

.hr-solution__compare-card--2.is-show {
  animation: hr-solution-compare-pop 0.5s forwards;
}

@keyframes hr-solution-compare-pop {
  0% {
    transform: scale(0.8);
    animation-timing-function: cubic-bezier(0.15, 0.7, 0.25, 1);
  }
  50% {
    transform: scale(1.02);
    animation-timing-function: cubic-bezier(0.5, 0, 0, 1);
  }
  100% {
    transform: scale(1);
  }
}

.hr-solution__compare-card-02-deco {
  width: 75.15px;
  width: 4.696875rem;
  margin-inline: auto;
  margin-bottom: 5px;
  margin-bottom: 0.3125rem;
  transform: translateX(9px);
}


.hr-strengths {
  width: 100%;
  background-color: rgba(242, 246, 251, 0.85);
  padding-top: 113px;
  padding-top: 7.0625rem;
  padding-bottom: 158px;
  padding-bottom: 9.875rem;
}

.hr-strengths__inner {
  max-width: 1164px;
  width: 91%;
  margin-inline: auto;
}

.hr-strengths__heading {
  margin-bottom: 70px;
  margin-bottom: 4.375rem;
}

.hr-strengths__label {
  display: block;
  width: 130.39px;
  width: 8.149375rem;
  margin-bottom: 6.64px;
  margin-bottom: 0.415rem;
}

.hr-strengths__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 43.955px;
  font-size: 2.7471875rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 79.12px */
  letter-spacing: 6.154px;
  letter-spacing: 0.384625rem;
}

.hr-strengths__ttl em {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 36.711px;
  font-size: 2.2944375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 66.08px */
  letter-spacing: 2.937px;
  letter-spacing: 0.1835625rem;
  border-radius: 3px;
  border-radius: 0.1875rem;
  background: #3b61ce;
  padding: 0px 17px 2px 21px;
  padding: 0rem 1.0625rem 0.125rem 1.3125rem;
  display: inline-block;
}

.hr-strengths__ttl em span {
  letter-spacing: 5.14px;
  letter-spacing: 0.32125rem;
}

.hr-strengths__cards {
  display: flex;
  flex-direction: column;
  gap: 56px;
  gap: 3.5rem;
}

.hr-strengths .hr-strengths-card {
  display: flex;
  flex-direction: row;
  gap: 33px;
  gap: 2.0625rem;
  align-items: center;
}

.hr-strengths .hr-strengths-card--reverse {
  flex-direction: row-reverse;
  justify-content: flex-end;
  margin-left: auto;
}

.hr-strengths-card--1 {
  max-width: 1140px;
}

.hr-strengths-card--2 {
  max-width: 1040px;
}

.hr-strengths-card--3 {
  max-width: 1045px;
}

.hr-strengths-card--4 {
  max-width: 1046px;
}

.hr-strengths-card__media {
  max-width: 31.5975rem;
  flex: 1;
  min-width: 0;
}

.hr-strengths-card__photo {
}

.hr-strengths-card__body {
  flex: 1;
}

.hr-strengths-card__num {
  display: block;
  width: 34.35px;
  width: 2.146875rem;
  height: auto;
}

.hr-strengths-card__ttl {
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-size: 28px;
  font-size: min(2.6vw, 1.75rem);
  line-height: 165%;
  letter-spacing: 4.206px;
  letter-spacing: 0.262875rem;
  color: #3b61ce;
  margin: 0 0 22px 0;
  margin: 0 0 1.375rem 0;
}

.hr-strengths-card__ttl em {
  position: relative;
}

.hr-strengths-card__ttl em::after {
  content: "";
  opacity: 0.15;
  background: #2d56c9;
  width: 100%;
  height: 13.883px;
  height: 0.8676875rem;
  position: absolute;
  left: -1%;
  bottom: -2%;
}

.hr-strengths-card__lead {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 17px;
  font-size: min(1.57vw, 1.0625rem);
  font-style: normal;
  font-weight: 700;
  line-height: 185%; /* 31.45px */
  letter-spacing: 1.7px;
  letter-spacing: 0.10625rem;
  margin-bottom: 5.54px;
  margin-bottom: 0.34625rem;
}

.hr-strengths-card__txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 300;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.8;
  letter-spacing: 0.9px;
  letter-spacing: 0.05625rem;
  color: rgb(0, 6, 25);
  margin: 0;
  max-width: 500px;
}


.hr-services {
  position: relative;
  overflow: hidden;
  padding: 83px 0 120px;
  padding: 5.1875rem 0 7.5rem;
}

.hr-services__inner {
  position: relative;
  max-width: 1410px;
  margin: 0 auto;
  width: 90%;
}

.hr-services__bg-slide {
  position: absolute;
  top: -113.2px;
  top: -7.075rem;
  right: -177px;
  right: -11.0625rem;
  width: 458px;
  width: 28.625rem;
  height: 828px;
  height: 51.75rem;
  pointer-events: none;
  user-select: none;
  z-index: 0;
}

.hr-services__head {
  position: relative;
  z-index: 1;
  margin-bottom: 78.95px;
  margin-bottom: 4.934375rem;
  width: 80%;
  margin-inline: auto;
  max-width: 916px;
}

.hr-services__label {
  width: 109.4px;
  width: 6.8375rem;
  margin-bottom: 22.8px;
  margin-bottom: 1.425rem;
}

.hr-services__lead {
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 36px;
  line-height: 2.25rem;
  letter-spacing: 2px;
  letter-spacing: 0.125rem;
  color: #3b61ce;
}

.hr-services__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 44.185px;
  font-size: 2.7615625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 79.532px */
  letter-spacing: 6.628px;
  letter-spacing: 0.41425rem;
}

.hr-services__ttl em {
  color: #afac00;
}

.hr-services__ttl-mark {
  display: inline-block;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 38.888px;
  font-size: 2.4305rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 69.998px */
  letter-spacing: 5.444px;
  letter-spacing: 0.34025rem;
  border-radius: 3.178px;
  border-radius: 0.198625rem;
  background: #3b61ce;
  display: inline-block;
  padding: 1px 15px 5px 19px;
  padding: 0.0625rem 0.9375rem 0.3125rem 1.1875rem;
  transform: translateY(-3px);
  margin-left: 4px;
  margin-left: 0.25rem;
}

.hr-services__cards {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 55.5px;
  gap: 3.46875rem;
}

/* card */
.hr-card {
}

.hr-services__card {
  position: relative;
  max-width: 677.54px;
  flex: 1;
  background-color: #ffffff;
  border-radius: 8.4px;
  border-radius: 0.525rem;
  box-shadow: 0 0 29.44px 0 rgba(198, 200, 208, 0.4);
  box-shadow: 0 0 1.84rem 0 rgba(198, 200, 208, 0.4);
  padding: 40px 0 35px 0;
  padding: 2.5rem 0 2.1875rem 0;
}

.hr-card__side-label {
  position: absolute;
  width: 84.65px;
  width: 5.290625rem;
  height: 139.86px;
  height: 8.74125rem;
  z-index: -1;
  top: -2%;
  right: -6.1%;
}

.hr-card__num {
  display: block;
  width: 58.35px;
  width: 3.646875rem;
  height: 58.35px;
  height: 3.646875rem;
  position: absolute;
  z-index: 1;
  top: -5%;
  left: 50%;
  transform: translateX(-50%);
}

.hr-card__ttl {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 28.711px;
  font-size: 1.7944375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 51.68px */
  letter-spacing: 3.445px;
  letter-spacing: 0.2153125rem;
  margin-bottom: 13.68px;
  margin-bottom: 0.855rem;
  padding-bottom: 10px;
  padding-bottom: 0.625rem;
  position: relative;
  z-index: 1;
}

.hr-card__ttl::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 106.761px;
  width: 6.6725625rem;
  height: 2px;
  height: 0.125rem;
  background-color: #3b61ce;
}

.hr-card__txt {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 155%; /* 24.8px */
  letter-spacing: 1.6px;
  letter-spacing: 0.1rem;
  margin-bottom: 16.4px;
  margin-bottom: 1.025rem;
}

.hr-card__targets {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  gap: 0.375rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
  position: relative;
  z-index: 1;
}

.hr-card__target {
  display: flex;
  align-items: center;
  gap: 6.4px;
  gap: 0.4rem;
  padding: 10px 8px 12px 8px;
  padding: 0.625rem 0.5rem 0.75rem 0.5rem;
  background-color: #f4f7fc;
  border-radius: 3.73px;
  border-radius: 0.233125rem;
}

.hr-card__target-icon {
  width: 17.679px;
  width: 1.1049375rem;
  height: 20.115px;
  height: 1.2571875rem;
  flex-shrink: 0;
}

.hr-card__target-txt {
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14.4px;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21.6px */
  letter-spacing: 1.008px;
  letter-spacing: 0.063rem;
  margin: 0;
}

.hr-card__slides {
  display: block;
  max-width: 617px;
  margin-inline: auto;
  width: 92%;
  position: relative;
  z-index: 1;
  margin-bottom: 16.66px;
  margin-bottom: 1.04125rem;
}

.hr-services__card--2 .hr-card__slides {
  width: 594px;
  width: 37.125rem;
  width: 90%;
  max-width: 594px;
  margin-bottom: 17.63px;
  margin-bottom: 1.101875rem;
}

.hr-card__list-block {
  position: relative;
  padding-left: 33px;
  padding-left: 2.0625rem;
  padding-right: 1.6rem;
  z-index: 1;
}

.hr-card__list-ttl {
  color: #a4a200;
  font-family: "Noto Sans JP";
  font-size: 16.234px;
  font-size: 1.014625rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24.351px */
  letter-spacing: 1.136px;
  letter-spacing: 0.071rem;
  position: relative;
  padding-left: 24px;
  padding-left: 1.5rem;
  margin-bottom: 12.5px;
  margin-bottom: 0.78125rem;
}

.hr-card__list-ttl::after {
  content: "";
  background: url(../img/services-arrow-down-01.webp) no-repeat;
  background-size: contain;
  width: 18.174px;
  width: 1.135875rem;
  height: 18.174px;
  height: 1.135875rem;
  position: absolute;
  left: 0;
  top: 54%;
  transform: translateY(-50%);
}

.hr-card__list {
  padding-left: 26px;
  padding-left: 1.625rem;
}

.hr-card__item {
  position: relative;
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 17.536px;
  font-size: 1.096rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 26.303px */
  letter-spacing: 0.877px;
  letter-spacing: 0.0548125rem;
  width: fit-content;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
  gap: 3.35px;
  gap: 0.209375rem;
  overflow: hidden;
}

.hr-card__item::before {
  content: "▶";
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 9.718px;
  font-size: 0.607375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 100%; /* 14.576px */
  letter-spacing: 0.486px;
  letter-spacing: 0.030375rem;
  z-index: 1;
  position: absolute;
  top: 0.5rem;
  left: 0.4125rem;
}

.hr-card__item-txt::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(45, 86, 201, 0.15);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  transition-delay: var(--item-delay, 0s);
  z-index: 0;
  pointer-events: none;
}

.hr-card__list.is-show .hr-card__item-txt::before {
  transform: scaleX(1);
}

.hr-card__list .hr-card__item:nth-child(1) {
  --item-delay: 0s;
}
.hr-card__list .hr-card__item:nth-child(2) {
  --item-delay: 0.2s;
}
.hr-card__list .hr-card__item:nth-child(3) {
  --item-delay: 0.4s;
}
.hr-card__list .hr-card__item:nth-child(4) {
  --item-delay: 0.6s;
}
.hr-card__list .hr-card__item:nth-child(5) {
  --item-delay: 0.8s;
}
.hr-card__list .hr-card__item:nth-child(6) {
  --item-delay: 1s;
}

.hr-card__item:last-child {
  margin-bottom: 0;
}

.hr-card__item-txt {
  flex: 1;
  position: relative;
  z-index: 1;
  padding: 0.125rem 0.375rem 0.1875rem 1.2rem;
}


.hr-cta {
  position: relative;
  background: transparent;
}

.hr-cta::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 98.7%;
  background: #5374d5;
  z-index: -1;
}

.hr-cta__inner {
  position: relative;
  z-index: 1;
  margin-inline: auto;
  padding: 104px 0 80.9px;
  padding: 6.5rem 0 5.05625rem;
}

.hr-cta__docs {
  width: 499px;
  width: 31.1875rem;
  position: absolute;
  left: 0;
  bottom: 0;
}

.hr-cta__body {
  width: fit-content;
  transform: translateX(3%);
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.hr-cta__label {
  width: 105.39px;
  width: 6.586875rem;
  margin-bottom: 14.82px;
  margin-bottom: 0.92625rem;
}

.hr-cta__ttl {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 44.185px;
  font-size: 2.7615625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 79.532px */
  letter-spacing: 6.628px;
  letter-spacing: 0.41425rem;
  margin-bottom: 5.82px;
  margin-bottom: 0.36375rem;
}

.hr-cta__txt {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 17px;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 190%; /* 32.3px */
  letter-spacing: 1.19px;
  letter-spacing: 0.074375rem;
  margin-bottom: 48.73px;
  margin-bottom: 3.045625rem;
}

.hr-cta__cta-group {
  display: flex;
  align-items: center;
  gap: 14px;
  gap: 0.875rem;
  width: fit-content;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

.hr-cta__btn {
  display: inline-block;
  text-decoration: none;
  line-height: 0;
}

.hr-cta__btn--1 {
  width: 418px;
  width: 26.125rem;
  height: auto;
  box-shadow: 0 0 11.977px 0 rgba(101, 101, 101, 0.25);
  box-shadow: 0 0 0.7485625rem 0 rgba(101, 101, 101, 0.25);
}

.hr-cta__btn--2 {
  width: 367px;
  width: 22.9375rem;
  height: auto;
}

.hr-cta__btn-img {
  width: 100%;
  height: auto;
  display: block;
}

.hr-cta__person {
  position: absolute;
  right: 8%;
  width: 421px;
  width: 26.3125rem;
  bottom: 0;
}

.hr-cta__badge {
}


.hr-works {
  padding: 68px 0 165px;
  padding: 4.25rem 0 10.3125rem;
  background-color: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.hr-works__inner {
  margin: 0 auto;
  position: relative;
}

.hr-works__head {
  max-width: 880px;
  width: 90%;
  margin-inline: auto;
  :0;
  margin-bottom: 47.7px;
  margin-bottom: 2.98125rem;
}

.hr-works__label {
  width: 76px;
  width: 4.75rem;
  margin-bottom: 5.37px;
  margin-bottom: 0.335625rem;
}

.hr-works__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 44.185px;
  font-size: 2.7615625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 79.532px */
  letter-spacing: 5.744px;
  letter-spacing: 0.359rem;
}

.hr-works__lead {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 17px;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 30.6px */
  letter-spacing: 1.36px;
  letter-spacing: 0.085rem;
  margin-top: -1px;
  margin-top: -0.0625rem;
}

.hr-works__slider {
  overflow: visible;
  width: 100%;
}
.hr-works__slider .swiper-wrapper {
  align-items: center;
  padding: 0;
  margin: 0;
  list-style: none;
}
.hr-works__slider .swiper-slide {
  height: auto;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  transform: scale(0.85);
  position: relative;
}
.hr-works__slider .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.hr-works-card {
  margin-inline: auto;
  border-radius: 8.389px;
  border-radius: 0.5243125rem;
  background: #f1f7fd;
  padding: 37px 37px 35px 32px;
  padding: 2.3125rem 2.3125rem 2.1875rem 2rem;
  overflow: hidden;
}
.hr-works-card__visuals {
  display: flex;
  gap: 22.44px;
  gap: 1.4025rem;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
}
.hr-works-card__main {
  position: relative;
  flex: 1;
  min-width: 0;
  aspect-ratio: 486.7 / 274.32;
  overflow: hidden;
}
.hr-works-card__main-img {
  display: none;
  width: 100%;
  aspect-ratio: 974 / 549;
  height: auto;
  object-fit: cover;
}
.hr-works-card__main-img.is-active {
  display: block;
}
.hr-works-card__subs {
  width: 152.03px;
  width: 9.501875rem;
  max-width: 152.03px;
  flex: 0 0 152.03px;
  flex: 0 0 9.501875rem;
  display: flex;
  flex-direction: column;
  gap: 8.63px;
  gap: 0.539375rem;
}
.hr-works-card__sub {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  border-radius: 0.25rem;
  overflow: hidden;
  border: 2px solid transparent;
  border: 0.125rem solid transparent;
  transition: border-color 0.25s ease;
}
.hr-works-card__sub::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(20, 20, 30, 0.25);
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.hr-works-card__sub.is-active {
  border-color: #f5d142;
}
.hr-works-card__sub.is-active::after {
  opacity: 0;
}
.hr-works-card__sub-img {
  display: block;
  width: 100%;
  aspect-ratio: 608 / 343;
  height: auto;
  object-fit: cover;
}
.hr-works-card__tags {
  gap: 7.4px;
  gap: 0.4625rem;
  display: flex;
  margin-bottom: 20px;
  margin-bottom: 1.25rem;
}
.hr-works-card__tag {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 25.5px */
  letter-spacing: 1.2px;
  letter-spacing: 0.075rem;
  border-radius: 2.11px;
  border-radius: 0.131875rem;
  background: #5374d5;
  padding: 3px 10px 3px;
  padding: 0.1875rem 0.625rem 0.1875rem;
}
.hr-works-card__ttl {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 23px;
  font-size: 1.4375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 185%; /* 42.55px */
  letter-spacing: 2.07px;
  letter-spacing: 0.129375rem;
  position: relative;
  padding-left: 28px;
  padding-left: 1.75rem;
  position: relative;
  z-index: 2;
}

.hr-works-card__ttl::before {
  content: "";
  background: url(../img/works-carr-deco.webp) no-repeat;
  background-size: contain;
  width: 48.985px;
  width: 3.0615625rem;
  height: 27.31px;
  height: 1.706875rem;
  position: absolute;
  left: -1%;
  top: -1%;
}

.hr-works-card__badge {
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 12.334px;
  font-size: 0.770875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 185%; /* 22.818px */
  letter-spacing: 0.74px;
  letter-spacing: 0.04625rem;
  border: 1px solid;
  border: 0.0625rem solid;
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px;
  padding: 0 0.5rem;
  margin-left: 9px;
  margin-left: 0.5625rem;
}
.hr-works-card__company {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 185%; /* 27.75px */
  letter-spacing: 0.9px;
  letter-spacing: 0.05625rem;
  padding-left: 28px;
  padding-left: 1.75rem;
}

.hr-works-card__num {
  position: absolute;
  right: 3%;
  bottom: -1%;
}

.hr-works-card--1 .hr-works-card__num {
  width: 111px;
  width: 6.9375rem;
}

.hr-works-card--2 .hr-works-card__num {
  width: 131px;
  width: 8.1875rem;
}

.hr-works-card--3 .hr-works-card__num {
  width: 131px;
  width: 8.1875rem;
}

.hr-works-card--4 .hr-works-card__num {
  width: 132px;
  width: 8.25rem;
  right: 2%;
}

.hr-works__nav {
  display: flex;
  gap: 25px;
  gap: 1.5625rem;
  justify-content: center;
  position: absolute;
  right: 200px;
  right: 12.5rem;
  right: 17%;
  bottom: -8%;
}

@media (min-width: 768px) and (max-width: 1239.98px) {
  .hr-works__nav {
    bottom: calc(-8% + -1.2rem);
  }
}

.hr-works__btn {
  display: block;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  border-radius: 50%;
  overflow: hidden;
  text-decoration: none;
}

.hr-works__btn-img {
  width: 100%;
  height: 100%;
  display: block;
}



.hr-interview {
  position: relative;
  padding: 65px 0 60px;
  padding: 4.0625rem 0 3.75rem;
  background: #fff;
}

.hr-interview__inner {
  position: relative;
  margin: 0 auto;
}

/* 背景の薄ブルー帯 */
.hr-interview::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 472px;
  height: 29.5rem;
  background: #f1f7fd;
  z-index: 0;
}

/* SLIDE HR 装飾文字 */
.hr-interview__bg-deco {
  position: absolute;
  top: -96px;
  top: -6rem;
  left: 752px;
  left: 47rem;
  width: 965px;
  width: 60.3125rem;
  z-index: 0;
  pointer-events: none;
}

.hr-interview__bg-text {
  display: block;
  width: 965px;
  width: 60.3125rem;
  height: auto;
}

/* ヘッダー（ラベル + 見出し + リード） */
.hr-interview__head {
  position: relative;
  z-index: 1;
  max-width: 1080px;
  width: 80%;
  margin-inline: auto;
  margin-bottom: 21px;
  margin-bottom: 1.3125rem;
}

.hr-interview__label {
  width: 125px;
  width: 7.8125rem;
  margin-bottom: 5.4px;
  margin-bottom: 0.3375rem;
}

.hr-interview__label-img {
}

.hr-interview__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 42.185px;
  font-size: 2.6365625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 75.932px */
  letter-spacing: 5.484px;
  letter-spacing: 0.34275rem;
  margin-bottom: 1px;
  margin-bottom: 0.0625rem;
}

.hr-interview__lead {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 17px;
  font-size: 1.0625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 30.6px */
  letter-spacing: 1.36px;
  letter-spacing: 0.085rem;
}

/* カード横並び */
.hr-interview__cards {
  overflow: visible;
  width: 100%;
}
.hr-interview__cards .swiper-wrapper {
  align-items: stretch;
  padding: 0;
  margin: 0;
  list-style: none;
}
.hr-interview__cards .swiper-slide {
  height: auto;
  transition:
    transform 0.4s ease,
    opacity 0.4s ease;
  transform: scale(0.75);
}
.hr-interview__cards .swiper-slide-active {
  transform: scale(1);
  opacity: 1;
  z-index: 2;
}

.hr-interview-card--1 {
}
.hr-interview-card__catch {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 22.869px;
  font-size: 1.4293125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 41.164px */
  letter-spacing: 2.058px;
  letter-spacing: 0.128625rem;
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.hr-interview-card__catch em {
  font-size: 31.933px;
  font-size: 1.9958125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 2.874px;
  letter-spacing: 0.179625rem;
}

.hr-interview-card__catch::before,
.hr-interview-card__catch::after {
  content: "";
  background: #3b61ce;
  width: 30.604px;
  width: 1.91275rem;
  height: 3px;
  height: 0.1875rem;
  border-radius: 10px;
  border-radius: 0.625rem;
  position: absolute;
  bottom: 38%;
}

.hr-interview-card__catch::before {
  transform: rotate(60deg);
  left: -8%;
}
.hr-interview-card__catch::after {
  transform: rotate(-60deg);
  right: -9%;
}

.hr-interview-card {
  width: 610.23px;
  width: 38.139375rem;
  max-width: 90%;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.hr-interview-card::after {
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 106.56px;
  width: 6.66rem;
  height: 196.11px;
  height: 12.256875rem;
  position: absolute;
  bottom: -25px;
  bottom: -1.5625rem;
  right: -55px;
  right: -3.4375rem;
  pointer-events: none;
  z-index: 1;
}
.hr-interview-card--1::after {
  background-image: url(../img/interview-card-no-01.webp);
}
.hr-interview-card--2::after {
  background-image: url(../img/interview-card-no-02.webp);
}
.hr-interview-card--3::after {
  background-image: url(../img/interview-card-no-03.webp);
}
.hr-interview-card--4::after {
  background-image: url(../img/interview-card-no-04.webp);
}
.hr-interview-card--5::after {
  background-image: url(../img/interview-card-no-05.webp);
}

.hr-interview-card__body {
  border-radius: 9.505px;
  border-radius: 0.5940625rem;
  background: #fff;
  box-shadow: 0 0 33.266px 0 rgba(198, 200, 208, 0.4);
  box-shadow: 0 0 2.079125rem 0 rgba(198, 200, 208, 0.4);
  padding: 30px 31px 44px 28px;
  padding: 1.875rem 1.9375rem 2.75rem 1.75rem;
  position: relative;
  z-index: 2;
  flex: 1;
}

.hr-interview-card__header {
  display: flex;
  gap: 12.9px;
  gap: 0.80625rem;
  align-items: center;
  margin-bottom: 24px;
  margin-bottom: 1.5rem;
}
.hr-interview-card__photo {
  flex: 1;
}
.hr-interview-card__photo-img {
}
.hr-interview-card__heading {
}
.hr-interview-card__ttl {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 16.995px;
  font-size: 1.0621875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 170%; /* 28.891px */
  letter-spacing: 1.36px;
  letter-spacing: 0.085rem;
  margin-bottom: 11px;
  margin-bottom: 0.6875rem;
}
.hr-interview-card__service {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 15.862px;
  font-size: 0.991375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 28.552px */
  letter-spacing: 0.952px;
  letter-spacing: 0.0595rem;
}
.hr-interview-card__service-label {
  color: #fff;
  text-align: center;
  font-size: 12.463px;
  font-size: 0.7789375rem;
  font-weight: 500;
  line-height: 150%; /* 18.695px */
  letter-spacing: 1.122px;
  letter-spacing: 0.070125rem;
  border-radius: 1.133px;
  border-radius: 0.0708125rem;
  background: #3b61ce;
  display: inline-block;
  padding: 2px 6px 2px 6px;
  padding: 0.1rem 0.375rem 0.18rem 0.375rem;
  margin-right: 5.1px;
  margin-right: 0.31875rem;
  transform: translateY(-2px);
}
.hr-interview-card__content {
}
.hr-interview-card__tag {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 13.596px;
  font-size: 0.84975rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 20.394px */
  letter-spacing: 0.952px;
  letter-spacing: 0.0595rem;
  border-radius: 3.522px;
  border-radius: 0.220125rem;
  background: #f4f7fc;
  width: fit-content;
  padding: 8.4px 9.4px 8.9px 10px;
  padding: 0.525rem 0.5875rem 0.55625rem 0.625rem;
  margin-bottom: 5.45px;
  margin-bottom: 0.340625rem;
}
.hr-interview-card__company {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 19.261px;
  font-size: 1.2038125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 34.67px */
  letter-spacing: 1.733px;
  letter-spacing: 0.1083125rem;
  padding-bottom: 12.23px;
  padding-bottom: 0.764375rem;
  border-bottom: 1px solid #dbe4f4;
  border-bottom: 0.0625rem solid #dbe4f4;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
.hr-interview-card__txt {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15.862px;
  font-size: 0.991375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 185%; /* 29.345px */
  letter-spacing: 0.634px;
  letter-spacing: 0.039625rem;
}

/* ナビゲーション */
.hr-interview__nav {
  position: absolute;
  bottom: -1%;
  right: 14%;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 26px;
  gap: 1.625rem;
  margin-top: 18px;
  margin-top: 1.125rem;
}

@media (min-width: 768px) and (max-width: 1239.98px) {
  .hr-interview__nav {
    bottom: calc(-1% - 5.625rem);
  }
}

.hr-interview__nav-btn {
  display: block;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
  background: transparent;
}

.hr-interview__nav-btn-img {
  display: block;
  width: 60px;
  width: 3.75rem;
  height: 60px;
  height: 3.75rem;
}



.hr-plan {
  position: relative;
  padding-bottom: 80px;
  padding-bottom: 5rem;
}

.hr-plan__inner {
  max-width: 1122px;
  width: 93%;
  margin-inline: auto;
}

/* ===== heading group ===== */
.hr-plan__heading-group {
  margin-bottom: 36.13px;
  margin-bottom: 2.258125rem;
}

.hr-plan__label {
  display: block;
  width: 55px;
  width: 3.4375rem;
  margin-inline: auto;
  margin-bottom: 5.37px;
  margin-bottom: 0.335625rem;
}

.hr-plan__ttl {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 44.185px;
  font-size: 2.7615625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 79.532px */
  letter-spacing: 5.744px;
  letter-spacing: 0.359rem;
  margin-bottom: 2px;
  margin-bottom: 0.125rem;
}

.hr-plan__lead {
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 175%; /* 26.25px */
  letter-spacing: 1.2px;
  letter-spacing: 0.075rem;
}

/* ===== cards wrapper ===== */
.hr-plan__cards {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  gap: 2.5rem;
  margin-inline: auto;
  margin-bottom: 25.72px;
  margin-bottom: 1.6075rem;
}

/* ===== card ===== */
.hr-plan-card {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* ===== card header (青帯) ===== */
.hr-plan-card__header {
  border-radius: 15.793px 15.793px 0 0;
  border-radius: 0.9870625rem 0.9870625rem 0 0;
  background: #3b61ce;
  height: 78.528px;
  height: 4.908rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.hr-plan-card__ttl {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 24.55px;
  font-size: 1.534375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 44.19px */
  letter-spacing: 2.946px;
  letter-spacing: 0.184125rem;
}

.hr-plan-card__sub {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 11.013px;
  font-size: 0.6883125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 19.824px */
  letter-spacing: 0.881px;
  letter-spacing: 0.0550625rem;
  margin-top: -8px;
  margin-top: -0.5rem;
}

/* ===== card body ===== */
.hr-plan-card__body {
  position: relative;
  padding: 26px 36px 22.6px;
  padding: 1.625rem 2.25rem 1.4125rem;
  background: #f5f6f8;
  flex: 1;
}

/* 修正回数無制限! */
.hr-plan-card__notice {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 19.927px;
  font-size: 1.2454375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 29.891px */
  letter-spacing: 1.395px;
  letter-spacing: 0.0871875rem;
  position: relative;
  width: fit-content;
  margin-inline: auto;
}

.hr-plan-card__notice::before,
.hr-plan-card__notice::after {
  content: "";
  background: #3b61ce;
  width: 19.22px;
  width: 1.20125rem;
  height: 2px;
  height: 0.125rem;
  border-radius: 2.03px;
  border-radius: 0.126875rem;
  position: absolute;
  bottom: 35%;
}

.hr-plan-card__notice::before {
  transform: rotate(60deg) translateY(-50%);
  left: -12%;
}

.hr-plan-card__notice::after {
  transform: rotate(-60deg) translateY(-50%);
  right: -9%;
}

/* 価格画像 */
.hr-plan-card__price {
  display: block;
  max-width: 376px;
  width: 90%;
  margin: 10px auto 0;
  margin: 0.625rem auto 0;
}

/* ===== タグpillリスト ===== */
.hr-plan-card__tag-list {
  margin-top: 21px;
  margin-top: 1.3125rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 11px 7px;
  gap: 0.6875rem 0.4375rem;
  padding: 0;
}

.hr-plan-card__tag {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10.54px 17px;
  padding: 0.65875rem 1.0625rem;
  border-radius: 101.527px;
  border-radius: 6.3454375rem;
  border: 2.031px solid #000619;
  border: 0.1269375rem solid #000619;
  background: #fff;
  white-space: nowrap;
  box-sizing: border-box;
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15.415px;
  font-size: 0.9634375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 23.122px */
  letter-spacing: 1.079px;
  letter-spacing: 0.0674375rem;
}

.hr-plan-card__tag small {
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 15px;
  line-height: 0.9375rem;
  letter-spacing: 0.4px;
  letter-spacing: 0.025rem;
  vertical-align: top;
  margin-bottom: 9px;
  margin-bottom: 0.5625rem;
  margin-left: 2px;
  margin-left: 0.125rem;
}

/* ===== meta (納品形式 / 制作期間) ===== */
.hr-plan-card__meta {
  margin-top: 19px;
  margin-top: 1.1875rem;
  display: grid;
  grid-template-columns: 80px 1fr;
  row-gap: 10px;
  row-gap: 0.625rem;
  column-gap: 7px;
  column-gap: 0.4375rem;
  align-items: center;
  margin-bottom: 29.74px;
  margin-bottom: 1.85875rem;
}

.hr-plan-card__meta-key {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14.287px;
  font-size: 0.8929375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 21.43px */
  letter-spacing: 1.286px;
  letter-spacing: 0.080375rem;
  border-radius: 2.256px;
  border-radius: 0.141rem;
  background: #000619;
  display: inline-block;
  padding: 3px 4px 4px 3px;
  padding: 0.1875rem 0.25rem 0.25rem 0.1875rem;
}

.hr-plan-card__meta-val {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 14.665px;
  font-size: 0.9165625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 21.997px */
  letter-spacing: 1.027px;
  letter-spacing: 0.0641875rem;
}

/* ===== 注釈 ===== */
.hr-plan-card__note {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 11.281px;
  font-size: 0.7050625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 16.921px */
  letter-spacing: 0.79px;
  letter-spacing: 0.049375rem;
  margin-bottom: 3.61px;
  margin-bottom: 0.225625rem;
}

.hr-plan-card__note-02 {
  margin-bottom: 0;
}

/* ===== CTAボタン ===== */
.hr-plan__btn {
  display: block;
  max-width: 354px;
  width: 32%;
  margin-inline: auto;
}

.hr-plan__btn-img {
}


.hr-members {
  position: relative;
  padding: 98px 0 81px;
  padding: 6.125rem 0 5.0625rem;
  overflow: hidden;
}

.hr-members__bg-text {
  position: absolute;
  top: -29px;
  top: -1.8125rem;
  left: -15px;
  left: -0.9375rem;
  width: 1423px;
  width: 88.9375rem;
  height: 162px;
  height: 10.125rem;
  opacity: 0.78;
  pointer-events: none;
}

.hr-members__inner {
  position: relative;
  max-width: 980px;
  width: 92%;
  margin: 0 auto;
}

.hr-members__head {
  margin-bottom: 46.6px;
  margin-bottom: 2.9125rem;
}

.hr-members__label {
  width: 107.39px;
  width: 6.711875rem;
  margin-bottom: 5.37px;
  margin-bottom: 0.335625rem;
}

.hr-members__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 42.185px;
  font-size: 2.6365625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 75.932px */
  letter-spacing: 5.484px;
  letter-spacing: 0.34275rem;
  margin-bottom: 8px;
  margin-bottom: 0.5rem;
}

.hr-members__lead {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 27px */
  letter-spacing: 1.2px;
  letter-spacing: 0.075rem;
}

.hr-members__list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.hr-members__item {
  display: flex;
  align-items: flex-end;
  background-color: #f5f8fc;
  padding: 11px 46px 33px 40px;
  padding: 0.6875rem 2.875rem 2.0625rem 2.5rem;
  margin-bottom: 32px;
  margin-bottom: 2rem;
  gap: 33px;
  gap: 2.0625rem;
}

.hr-members__item--2 {
  flex-direction: row-reverse;
  padding: 13px 40px 52px 45px;
  padding: 0.8125rem 2.5rem 3.25rem 2.8125rem;
}

.hr-members__item:last-child {
  margin-bottom: 0;
}

.hr-members-card__photo {
  display: block;
  flex: 1;
  min-width: 0;
  max-width: 395.56px;
}

.hr-members-card__body {
  flex: 1;
  margin-bottom: 5.4px;
  margin-bottom: 0.3375rem;
}

.hr-members__item--2 .hr-members-card__body {
  margin-bottom: 0;
  transform: translateY(13px);
}

.hr-members-card__role {
  display: inline-block;
  color: #fff;
  text-align: right;
  font-family: "Noto Sans JP";
  font-size: 13.606px;
  font-size: 0.850375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 20.41px */
  letter-spacing: 1.225px;
  letter-spacing: 0.0765625rem;
  background-color: #000619;
  padding: 3px 8px 3px 11px;
  padding: 0.1875rem 0.5rem 0.1875rem 0.6875rem;
  margin-bottom: 4px;
  margin-bottom: 0.25rem;
}

.hr-members-card__name {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.8;
  letter-spacing: 2.2px;
  letter-spacing: 0.1375rem;
  color: #000619;
  margin-bottom: 4.8px;
  margin-bottom: 0.3rem;
}

.hr-members-card__bio {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 300;
  line-height: 180%; /* 27px */
  letter-spacing: 0.75px;
  letter-spacing: 0.046875rem;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
}

.hr-members-card__quote {
  position: relative;
  background-color: #e9f0f8;
  padding: 26px 28px 30px 34px;
  padding: 1.625rem 1.75rem 1.875rem 2.125rem;
  box-sizing: border-box;
}

.hr-members__item--1 .hr-members-card__quote::before {
  content: "";
  background: url(../img/fukidashi-arrow.svg) no-repeat;
  background-size: contain;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -3%;
}

.hr-members__item--2 .hr-members-card__quote::before {
  content: "";
  background: url(../img/fukidashi-arrow.svg) no-repeat;
  background-size: contain;
  width: 20px;
  width: 1.25rem;
  height: 20px;
  height: 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(180deg);
  right: -3%;
}

.hr-members-card__quote-mark {
  width: 19.78px;
  width: 1.23625rem;
  height: 14.03px;
  height: 0.876875rem;
  pointer-events: none;
  position: absolute;
}

.hr-members-card__quote-mark--open {
  top: 12px;
  top: 0.75rem;
  left: 16px;
  left: 1rem;
}

.hr-members-card__quote-mark--close {
  bottom: 12px;
  bottom: 0.75rem;
  right: 16px;
  right: 1rem;
}

.hr-members-card__quote-txt {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 185%; /* 27.75px */
  letter-spacing: 0.9px;
  letter-spacing: 0.05625rem;
}

.hr-flow {
  background-color: #f4f7fc;
  padding: 80px 0 80px;
  padding: 5rem 0 5rem;
  position: relative;
  overflow: hidden;
}

.hr-flow__inner {
  max-width: 1375px;
  width: 92%;
  margin: 0 auto;
}

.hr-flow__head {
  width: 97%;
  max-width: 784px;
  margin-inline: auto;
  margin-bottom: 70px;
  margin-bottom: 4.375rem;
}

.hr-flow__label {
  display: block;
  width: 68px;
  width: 4.25rem;
  margin-bottom: 5.37px;
  margin-bottom: 0.335625rem;
}

.hr-flow__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 37.185px;
  font-size: 2.3240625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 66.932px */
  letter-spacing: 4.834px;
  letter-spacing: 0.302125rem;
  margin-bottom: 15.8px;
  margin-bottom: 0.9875rem;
}

.hr-flow__lead {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 27px */
  letter-spacing: 1.2px;
  letter-spacing: 0.075rem;
}

.hr-flow__steps {
  display: flex;
  flex-wrap: nowrap;
  gap: 23px;
  gap: 1.4375rem;
  margin-top: 40px;
  margin-top: 2.5rem;
  padding-bottom: 40px;
  padding-bottom: 2.5rem;
  position: relative;
  z-index: 1;
}

.hr-flow__steps::before {
  content: "";
  background: url(../img/flow-steps-deco.webp) no-repeat;
  background-size: contain;
  width: 73.17%;
  height: 16.33px;
  height: 1.020625rem;
  position: absolute;
  z-index: -1;
  top: 18%;
  left: 11.4%;
}

.hr-flow__steps::after {
  content: "";
  background: url(../img/flow-deco.webp) no-repeat;
  background-size: contain;
  width: 75.946px;
  width: 4.746625rem;
  height: 38.927px;
  height: 2.4329375rem;
  position: absolute;
  bottom: 11%;
  right: -2.8%;
  z-index: -1;
}

.hr-flow-step {
  position: relative;
  background-color: #ffffff;
  border-radius: 8.389px;
  border-radius: 0.5243125rem;
  padding: 37.3px 0 15px;
  padding: 2.33125rem 0 0.9375rem;
  flex: 1;
}

.hr-flow-step__num {
  position: absolute;
  top: -23px;
  top: -1.4375rem;
  left: 50%;
  transform: translateX(-50%);
  width: 47px;
  width: 2.9375rem;
  height: 47px;
  height: 2.9375rem;
  display: block;
}

.hr-flow-step__ttl {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 15.185px;
  font-size: min(1.1vw, 0.9490625rem);
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 27.332px */
  letter-spacing: 1.518px;
  letter-spacing: 0.094875rem;
}

.hr-flow-step__sub {
  color: #3b61ce;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 11.185px;
  font-size: 0.6990625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 180%; /* 20.132px */
  letter-spacing: 0.895px;
  letter-spacing: 0.0559375rem;
}

.hr-flow-step__sub-02 {
  color: #000619;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 10.559px;
  font-size: 0.6599375rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 15.838px */
  letter-spacing: 0.739px;
  letter-spacing: 0.0461875rem;
  margin-top: 1.5px;
  margin-top: 0.09375rem;
}

.hr-flow-step__txt {
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 23px;
  line-height: 1.4375rem;
  letter-spacing: 0.14px;
  letter-spacing: 0.00875rem;
  color: #000019;
  margin: 0;
  text-align: left;
  margin-top: 12px;
  margin-top: 0.75rem;
  padding-inline: 12px;
  padding-inline: 0.75rem;
}


.hr-faq {
  padding: 70px 0 103px;
  padding: 4.375rem 0 6.4375rem;
}
.hr-faq__inner {
  max-width: 1260px;
  width: 90%;
  margin: 0 auto;
}
.hr-faq__head {
  text-align: center;
  margin-bottom: 51px;
  margin-bottom: 3.1875rem;
}
.hr-faq__label {
  display: block;
  width: 49px;
  width: 3.0625rem;
  height: 25px;
  height: 1.5625rem;
  margin: 0 auto 1px;
  margin: 0 auto 0.0625rem;
}
.hr-faq__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 42.185px;
  font-size: 2.6365625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 75.932px */
  letter-spacing: 5.484px;
  letter-spacing: 0.34275rem;
}
.hr-faq__body {
  display: flex;
  justify-content: space-between;
  gap: 48px;
  gap: 3rem;
  align-items: flex-start;
}
.hr-faq__col {
  flex: 1;
}
.hr-faq-item {
  margin-bottom: 0;
  border-bottom: 1px solid #dbe4f4;
  border-bottom: 0.0625rem solid #dbe4f4;
  padding-bottom: 22px;
  padding-bottom: 1.375rem;
  padding-top: 0;
}
.hr-faq-item + .hr-faq-item {
  margin-top: 22px;
  margin-top: 1.375rem;
}
.hr-faq-item__row {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  gap: 0.375rem;
  padding-right: 40px;
  padding-right: 2.5rem;
  cursor: pointer;
  user-select: none;
  position: relative;
}
.hr-faq-item__q {
  width: 25px;
  width: 1.5625rem;
  height: 30px;
  height: 1.875rem;
  flex-shrink: 0;
  margin-top: 0;
}
.hr-faq-item__question {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem;
  line-height: 28.8px;
  line-height: 1.8rem;
  letter-spacing: 1.12px;
  letter-spacing: 0.07rem;
  color: #000019;
  flex: 1;
  margin: 0;
}
.hr-faq-item__icon {
  position: absolute;
  top: 8px;
  top: 0.5rem;
  right: 0;
  width: 14px;
  width: 0.875rem;
  height: 14px;
  height: 0.875rem;
  display: block;
}
.hr-faq-item__icon::before,
.hr-faq-item__icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  height: 0.125rem;
  background-color: #3b61ce;
  transition: transform 0.3s ease;
}
.hr-faq-item__icon::before {
  transform: translate(-50%, -50%);
}
.hr-faq-item__icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.hr-faq-item--open .hr-faq-item__icon::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
.hr-faq-item__answer {
  margin-top: 12px;
  margin-top: 0.75rem;
  padding-left: 31px;
  padding-left: 1.9375rem;
  display: none;
}
.hr-faq-item--open .hr-faq-item__answer {
  display: block;
}
.hr-faq-item__answer-txt {
  color: #000619;
  font-family: "Noto Sans JP";
  font-size: 15px;
  font-size: 0.9375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 180%; /* 27px */
  letter-spacing: 1.05px;
  letter-spacing: 0.065625rem;
  margin: 0;
}

.hr-hero-cta {
  position: relative;
  background-color: #5374d5;
  overflow: hidden;
}

.hr-hero-cta__inner {
  position: relative;
  height: 583px;
  height: 36.4375rem;
  margin: 0 auto;
}

.hr-hero-cta__bg-text {
  position: absolute;
  width: 1437.277px;
  width: 89.8298125rem;
  height: 192.436px;
  height: 12.02725rem;
  pointer-events: none;
  z-index: 0;
  bottom: 0;
}

.hr-hero-cta__content {
  position: absolute;
  top: 79px;
  top: 4.9375rem;
  left: 18.4%;
  width: 600px;
  width: 37.5rem;
  z-index: 2;
}

.hr-hero-cta__heading-group {
  position: relative;
  width: 600px;
  width: 37.5rem;
}

.hr-hero-cta__label {
  width: 169px;
  width: 10.5625rem;
  margin-bottom: 40.89px;
  margin-bottom: 2.555625rem;
}

.hr-hero-cta__ttl {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 900;
  line-height: 1;
}

.hr-hero-cta__ttl-lead {
  display: flex;
  align-items: center;
  gap: 9.87px;
  gap: 0.616875rem;
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Noto Sans JP";
  font-size: 27.047px;
  font-size: 1.6904375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 48.684px */
  letter-spacing: 4.057px;
  letter-spacing: 0.2535625rem;
}

.hr-hero-cta__ttl-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  border-radius: 3px;
  border-radius: 0.1875rem;
  color: #5374d5;
  font-family: "Noto Sans JP";
  font-size: 23.807px;
  font-size: 1.4879375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 42.853px */
  letter-spacing: 2.619px;
  letter-spacing: 0.1636875rem;
  padding: 1px 5px 2px 8px;
  padding: 0.0625rem 0.3125rem 0.125rem 0.5rem;
}

.hr-hero-cta__ttl-main {
  display: block;
  white-space: nowrap;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 67.127px;
  font-size: 4.1954375rem;
  font-style: normal;
  font-weight: 900;
  line-height: 190%; /* 127.541px */
  letter-spacing: 8.055px;
  letter-spacing: 0.5034375rem;
}

.hr-hero-cta__ttl-sub {
  display: block;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 40.754px;
  font-size: 2.547125rem;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 61.131px */
  letter-spacing: 4.89px;
  letter-spacing: 0.305625rem;
  margin-top: -10px;
  margin-top: -0.625rem;
}

.hr-hero-cta__ttl-em {
  font-style: normal;
  color: #eae713;
}

.hr-hero-cta__cta-group {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 14px;
  gap: 0.875rem;
  z-index: 3;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 799px;
  width: 65%;
}

.hr-hero-cta__btn {
  display: block;
}

.hr-hero-cta__btn--1 {
  flex: 1;
  max-width: 417.94px;
}

.hr-hero-cta__btn--2 {
  flex: 1;
  max-width: 366.89px;
}

.hr-hero-cta__btn-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hr-hero-cta__slide {
  position: absolute;
  top: 0;
  right: 0;
  width: 857px;
  width: 53.5625rem;
  height: 584px;
  height: 36.5rem;
  z-index: 1;
}

.hr-hero-cta__supervisor {
  position: absolute;
  top: 33px;
  top: 2.8625rem;
  right: 5.6%;
  width: 180.153px;
  width: 11.2595625rem;
  height: 180.153px;
  height: 11.2595625rem;
  z-index: 4;
  filter: drop-shadow(0 0 20.865px rgba(76, 104, 189, 0.15));
  filter: drop-shadow(0 0 1.3040625rem rgba(76, 104, 189, 0.15));
}

.hr-footer {
  position: relative;
  background-color: #1e2f61;
  padding: 47px 0 34.2px;
  padding: 2.9375rem 0 2.1375rem;
  box-sizing: border-box;
  color: #ffffff;
}

.hr-footer__inner {
  position: relative;
  max-width: 1210.039px;
  width: 90%;
  margin: 0 auto;
}

.hr-footer__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 47px;
  padding-bottom: 2.9375rem;
  border-bottom: 1px solid rgba(219, 229, 244, 0.31);
  border-bottom: 0.0625rem solid rgba(219, 229, 244, 0.31);
  margin-bottom: 23px;
  margin-bottom: 1.4375rem;
}

.hr-footer__brand {
}

.hr-footer__logo {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 36.28px;
  font-size: 2.2675rem;
  font-style: normal;
  font-weight: 900;
  line-height: 150%; /* 54.419px */
  letter-spacing: 4.354px;
  letter-spacing: 0.272125rem;
  margin-bottom: 6.56px;
  margin-bottom: 0.41rem;
}

.hr-footer__company {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 16.342px;
  font-size: 1.021375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24.513px */
  letter-spacing: 1.961px;
  letter-spacing: 0.1225625rem;
  margin-bottom: 38px;
  margin-bottom: 2.375rem;
  display: block;
}

.hr-footer__tagline {
  display: flex;
  align-items: center;
  gap: 7px;
  gap: 0.4375rem;
}

.hr-footer__line {
  display: block;
  width: 44px;
  width: 2.75rem;
  height: 1px;
  height: 0.0625rem;
  background-color: #ffffff;
}

.hr-footer__tagline-txt {
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 17.45px;
  font-size: 1.090625rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 26.175px */
  letter-spacing: 2.094px;
  letter-spacing: 0.130875rem;
}

.hr-footer__copyright {
  color: #fff;
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: 14.754px;
  font-size: 0.922125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 22.131px */
  letter-spacing: 1.18px;
  letter-spacing: 0.07375rem;
}

.hr-contact {
  padding: 4.5rem 0 3.5rem;
}

.hr-contact__inner {
  max-width: 700px;
  width: 90%;
  margin-inline: auto;
}

.hr-contact__ttl {
  color: #3b61ce;
  font-family: "Noto Sans JP";
  font-size: 42.185px;
  font-size: 2.6365625rem;
  font-style: normal;
  font-weight: 900;
  line-height: 180%; /* 75.932px */
  letter-spacing: 5.484px;
  letter-spacing: 0.34275rem;
  text-align: center;
  margin-bottom: 0.4rem;
}

.hr-contact__text {color: #000619;font-family: "Noto Sans JP";font-size: 15px;font-size: 0.9375rem;font-style: normal;font-weight: 500;line-height: 180%;letter-spacing: 1.2px;letter-spacing: 0.075rem;margin-bottom: 2rem;text-align: center;}

.hubspot-form {
}

@media screen and (max-width: 767.98px) {
  /* =================================================================
   FV (ファーストビュー) — 既存設計のまま（PC側で完結）
   ================================================================= */

  /* =================================================================
   s1 / problem
   ================================================================= */
  .hr-problem {
    padding-top: 30px;
    padding-top: 1.875rem;
    padding-bottom: 0;
    margin-top: -50px;
    margin-top: -3.125rem;
    background-color: transparent;
  }
  .hr-problem__inner {
    width: 100%;
  }
  .hr-problem__content {
    width: 384px;
    width: 24rem;
    max-width: none;
    border-radius: 20px;
    border-radius: 1.25rem;
    padding: 36px 13px 41px 19.64px;
    padding: 2.25rem 0.8125rem 2.5625rem 1.2275rem;
    margin-bottom: 39.39px;
    margin-bottom: 2.461875rem;
  }
  .hr-problem__content::after {
    width: 175.813px;
    width: 10.9883125rem;
    height: 150.721px;
    height: 9.4200625rem;
    bottom: auto;
    top: -16px;
    top: -1rem;
    right: -12.8px;
    right: -0.8rem;
    z-index: 0;
  }
  .hr-problem__head {
    margin-bottom: 16.74px;
    margin-bottom: 1.04625rem;
    position: relative;
    z-index: 1;
  }
  .hr-problem__ttl {
    padding-right: 0;
  }
  .hr-problem__label {
    width: 96.55px;
    width: 6.034375rem;
    margin-bottom: 14.71px;
    margin-bottom: 0.919375rem;
  }
  .hr-problem__sub-label {
    padding: 4px 10px 5px;
    padding: 0.25rem 0.625rem 0.3125rem;
    margin-bottom: 5.81px;
    margin-bottom: 0.363125rem;
    color: #fff;
    font-family: "Noto Sans JP";
    font-size: 15.196px;
    font-size: 0.94975rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 22.794px */
    letter-spacing: 1.824px;
    letter-spacing: 0.114rem;
  }
  .hr-problem__ttl {
    font-size: 24.522px;
    font-size: 1.532625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 155%; /* 38.009px */
    letter-spacing: 3.188px;
    letter-spacing: 0.19925rem;
  }
  .hr-problem__list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    gap: 1.25rem;
  }
  .hr-problem__item {
    gap: 6.34px;
    gap: 0.39625rem;
    align-items: flex-start;
  }

  .hr-problem__item-ttl {
    margin-bottom: 0;
    font-size: 17.135px;
    font-size: 1.0709375rem;
    /* 25.703px */
    letter-spacing: 1.542px;
    letter-spacing: 0.096375rem;
    background-image: linear-gradient(
      to top,
      transparent 10%,
      rgba(45, 86, 201, 0.15) 10%,
      rgba(45, 86, 201, 0.15) calc(10% + 0.4375rem),
      transparent calc(10% + 0.4375rem)
    );
    padding: 0 0.2em;
    padding-bottom: 0.1rem;
  }
  .hr-problem__item-txt {
    font-size: 14.116px;
    font-size: 0.88225rem;
    font-style: normal;
    font-weight: 400;
    line-height: 165%; /* 23.291px */
    letter-spacing: 0.565px;
    letter-spacing: 0.0353125rem;
    margin-top: 0.4rem;
  }

  /* =================================================================
   s2 / solution
   ================================================================= */
  .hr-solution {
    padding: 0 0 32px;
    padding: 0 0 2rem;
  }
  .hr-solution__inner {
    width: 365px;
    width: 22.8125rem;
  }
  .hr-solution__bg-text {
    width: 800px;
    width: 50rem;
    top: 28%;
    right: -160px;
    right: -10rem;
  }
  .hr-solution__intro {
    flex-direction: column;
    transform: none;
    margin-bottom: 26.17px;
    margin-bottom: 1.635625rem;
  }
  .hr-solution__heading-group {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .hr-solution__label-img {
    width: 102.55px;
    width: 6.409375rem;
    margin-bottom: 21.57px;
    margin-bottom: 1.348125rem;
  }
  .hr-solution__lead {
    margin-bottom: 6.8px;
    margin-bottom: 0.425rem;
    font-size: 15.911px;
    font-size: 0.9944375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 180%; /* 28.64px */
    letter-spacing: 1.591px;
    letter-spacing: 0.0994375rem;
  }
  .hr-solution__ttl {
    font-size: 29.012px;
    font-size: 1.81325rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 52.222px */
    letter-spacing: 2.901px;
    letter-spacing: 0.1813125rem;
  }
  .hr-solution__ttl-em {
    padding: 2px 8px 3.2px 12.8px;
    padding: 0.125rem 0.5rem 0.2rem 0.8rem;
    display: block;
    margin-right: 0;
    font-size: 25.534px;
    font-size: 1.595875rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 45.962px */
    letter-spacing: 3.575px;
    letter-spacing: 0.2234375rem;
    margin-top: 2px;
    margin-top: 0.125rem;
    width: fit-content;
  }
  .hr-solution__txt {
    margin-top: 12px;
    margin-top: 0.75rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 195%; /* 29.25px */
    letter-spacing: 0.6px;
    letter-spacing: 0.0375rem;
  }

  .hr-solution__intro-visual {
    margin-top: -75px;
    margin-top: -4.6875rem;
    margin-bottom: -70px;
    margin-bottom: -4.375rem;
    transform: translate(9px, 0px);
    max-width: 100%;
  }

  /* support */
  .hr-solution__support {
    border-radius: 8px;
    border-radius: 0.5rem;
    padding: 42px 24px 22.12px;
    padding: 2.625rem 1.5rem 1.3825rem;
    margin-top: 0;
    margin-bottom: 43px;
    margin-bottom: 2.6875rem;
  }
  .hr-solution__support-ttl {
    margin-bottom: 12.68px;
    margin-bottom: 0.7925rem;
    text-align: center;
    font-size: 16.897px;
    font-size: 1.0560625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 30.414px */
    letter-spacing: 1.859px;
    letter-spacing: 0.1161875rem;
    padding-left: 0;
  }
  .hr-solution__support-ttl::after {
    width: 20.762px;
    width: 1.297625rem;
    height: 20.762px;
    height: 1.297625rem;
    top: -25px;
    top: -1.5625rem;
    left: 50%;
    transform: translateX(-50%);
  }
  .hr-solution__support-list {
    gap: 7px;
    gap: 0.4375rem;
    margin-bottom: 18.52px;
    margin-bottom: 1.1575rem;
  }
  .hr-solution__support-item {
    font-size: 13px;
    font-size: 0.8125rem;
    padding: 6.4px 14px;
    padding: 0.4rem 0.875rem;
    letter-spacing: 0.04em;
    border-width: 1.5px;
    border-width: 0.09375rem;
    font-size: 14.424px;
    font-size: 0.9015rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21.636px */
    letter-spacing: 1.01px;
    letter-spacing: 0.063125rem;
    border-radius: 95px;
    border-radius: 5.9375rem;
  }
  .hr-solution__support-note {
    text-align: left;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 165%; /* 23.1px */
    letter-spacing: 0.7px;
    letter-spacing: 0.04375rem;
  }

  /* compare */
  .hr-solution__compare-heading {
    margin-bottom: 23.87px;
    margin-bottom: 1.491875rem;
  }
  .hr-solution__compare-lead {
    font-size: 15.711px;
    font-size: 0.9819375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 28.28px */
    letter-spacing: 0.943px;
    letter-spacing: 0.0589375rem;
  }
  .hr-solution__compare-ttl {
    font-size: 22.71px;
    font-size: 1.419375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 180%; /* 40.877px */
    letter-spacing: 1.135px;
    letter-spacing: 0.0709375rem;
    white-space: nowrap;
    position: relative;
    left: 48%;
    transform: translateX(-50%);
  }
  .hr-solution__compare-cards {
    flex-direction: column;
    gap: 0.8px;
    gap: 0.05rem;
  }
  .hr-solution__compare-cards::before {
    width: 26px;
    width: 1.625rem;
    height: 14px;
    height: 0.875rem;
    top: 47%;
    left: 50%;
    transform: translateX(-50%) rotate(90deg);
  }
  .hr-solution__compare-card-02-deco {
    width: 48px;
    width: 3rem;
    transform: none;
  }

  /* =================================================================
   s4 / strengths
   ================================================================= */
  .hr-strengths {
    padding: 46.85px 0 46.4px;
    padding: 2.928125rem 0 2.9rem;
  }
  .hr-strengths__inner {
    width: 364px;
    width: 22.75rem;
  }
  .hr-strengths__heading {
    margin-bottom: 38px;
    margin-bottom: 2.375rem;
  }
  .hr-strengths__label {
    width: 117.55px;
    width: 7.346875rem;
    margin-bottom: 4.38px;
    margin-bottom: 0.27375rem;
  }
  .hr-strengths__ttl {
    font-size: 28.371px;
    font-size: 1.7731875rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 51.069px */
    letter-spacing: 3.972px;
    letter-spacing: 0.24825rem;
  }
  .hr-strengths__ttl em {
    padding: 0 8px 2px;
    padding: 0 0.5rem 0.125rem;
    font-size: 23.696px;
    font-size: 1.481rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 42.652px */
    letter-spacing: 1.896px;
    letter-spacing: 0.1185rem;
  }
  .hr-strengths__ttl em span {
    letter-spacing: 3.317px;
    letter-spacing: 0.2073125rem;
  }
  .hr-strengths__cards {
    gap: 24px;
    gap: 1.5rem;
  }
  .hr-strengths .hr-strengths-card,
  .hr-strengths .hr-strengths-card--reverse {
    flex-direction: column;
    gap: 12px;
    gap: 0.75rem;
    max-width: 100%;
    margin-left: 0;
  }
  .hr-strengths-card__media {
    width: 100%;
    margin-bottom: 9px;
    margin-bottom: 0.5625rem;
  }
  .hr-strengths-card__num {
    width: 28px;
    width: 1.75rem;
    margin-bottom: 3px;
    margin-bottom: 0.1875rem;
  }
  .hr-strengths-card__ttl {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
    font-size: 21px;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 165%; /* 34.65px */
    letter-spacing: 2.31px;
    letter-spacing: 0.144375rem;
  }

  .hr-strengths-card__lead {
    margin-bottom: 3.8px;
    margin-bottom: 0.2375rem;
    font-family: "Noto Sans JP";
    font-size: 17px;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 185%; /* 31.45px */
    letter-spacing: 1.02px;
    letter-spacing: 0.06375rem;
  }

  .hr-strengths-card__txt {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 27px */
    letter-spacing: 0.75px;
    letter-spacing: 0.046875rem;
  }

  /* =================================================================
   s5 / services
   ================================================================= */
  .hr-services {
    padding: 53.7px 0 50.54px;
    padding: 3.35625rem 0 3.15875rem;
  }
  .hr-services__inner {
    width: 374px;
    width: 23.375rem;
  }
  .hr-services__bg-slide {
    display: none;
  }
  .hr-services__head {
    width: 97%;
    margin-bottom: 44px;
    margin-bottom: 2.75rem;
  }
  .hr-services__label {
    width: 98.55px;
    width: 6.159375rem;
    margin-bottom: 19.15px;
    margin-bottom: 1.196875rem;
  }
  .hr-services__lead {
    font-size: 17px;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 30.6px */
    letter-spacing: 1.19px;
    letter-spacing: 0.074375rem;
  }
  .hr-services__ttl {
    font-size: 26.874px;
    font-size: 1.679625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 48.372px */
    letter-spacing: 2.419px;
    letter-spacing: 0.1511875rem;
  }
  .hr-services__ttl-mark {
    padding: 0px 4px 0px 10px;
    padding: 0rem 0.25rem 0rem 0.625rem;
    transform: translateY(-2px);
    font-size: 23.652px;
    font-size: 1.47825rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 42.574px */
    letter-spacing: 3.311px;
    letter-spacing: 0.2069375rem;
    border-radius: 2px;
    border-radius: 0.125rem;
  }
  .hr-services__cards {
    flex-direction: column;
    gap: 48px;
    gap: 3rem;
    width: 100%;
    margin-inline: auto;
  }
  .hr-services__card {
    max-width: 100%;
    padding: 28px 0 24px;
    padding: 1.75rem 0 1.5rem;
    border-radius: 8px;
    border-radius: 0.5rem;
  }
  .hr-card__side-label {
    width: 84.65px;
    width: 5.290625rem;
    height: auto;
    top: -30px;
    top: -1.875rem;
    right: -30px;
    right: -1.875rem;
  }

  .hr-services__card--2 .hr-card__side-label {
    top: -30px;
    top: -1.875rem;
    right: auto;
    left: -30.4px;
    left: -1.9rem;
  }
  .hr-card__num {
    top: -19px;
    top: -1.1875rem;
    width: 46.677px;
    width: 2.9173125rem;
    height: 46.677px;
    height: 2.9173125rem;
  }
  .hr-card__ttl {
    margin-bottom: 16.68px;
    margin-bottom: 1.0425rem;
    padding-bottom: 8px;
    padding-bottom: 0.5rem;
    font-size: 22.711px;
    font-size: 1.4194375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 40.88px */
    letter-spacing: 1.59px;
    letter-spacing: 0.099375rem;
  }
  .hr-card__ttl::after {
    width: 64px;
    width: 4rem;
    height: 2px;
    height: 0.125rem;
  }
  .hr-card__txt {
    margin-bottom: 21.5px;
    margin-bottom: 1.34375rem;
    padding-inline: 16px;
    padding-inline: 1rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 155%; /* 23.25px */
    letter-spacing: 1.5px;
    letter-spacing: 0.09375rem;
  }

  .hr-card__targets {
    flex-wrap: wrap;
    gap: 5.47px;
    gap: 0.341875rem;
    margin-bottom: 16.68px;
    margin-bottom: 1.0425rem;
    padding-inline: 14px;
    padding-inline: 0.875rem;
  }
  .hr-card__target {
    padding: 6px 8px 7px;
    padding: 0.375rem 0.5rem 0.4375rem;
    gap: 4px;
    gap: 0.25rem;
  }
  .hr-card__target-icon {
    display: none;
  }
  .hr-card__target-txt {
    font-size: 14.4px;
    font-size: 0.9rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21.6px */
    letter-spacing: 1.008px;
    letter-spacing: 0.063rem;
  }
  .hr-card__slides {
    width: 91.5%;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
  }
  .hr-services__card--2 .hr-card__slides {
    width: 91.5%;
    max-width: none;
  }
  .hr-card__list-block {
    padding-left: 16.8px;
    padding-left: 1.05rem;
    padding-right: 12.8px;
    padding-right: 0.8rem;
  }
  .hr-card__list-ttl {
    padding-left: 24px;
    padding-left: 1.5rem;
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-size: 16.234px;
    font-size: 1.014625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 24.351px */
    letter-spacing: 1.136px;
    letter-spacing: 0.071rem;
  }
  .hr-card__list-ttl::after {
    width: 18px;
    width: 1.125rem;
    height: 18px;
    height: 1.125rem;
  }
  .hr-card__list {
    padding-left: 0;
  }
  .hr-card__item {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 22.4px */
    letter-spacing: 0.8px;
    letter-spacing: 0.05rem;
  }

  .hr-card__item-txt {
    display: inline-block;
  }

  .hr-card__item-txt:nth-of-type(2) {
    display: inline-block;
    padding-top: 0;
  }

  /* =================================================================
   s6 / cta (1) — 共通定義(後段で .hr-cta 全体に適用)
   ================================================================= */
  .hr-cta {
    overflow: hidden;
    position: relative;
  }
  .hr-cta::before {
    height: 100%;
  }
  .hr-cta__inner {
    width: 364px;
    width: 22.75rem;
    position: relative;
    padding: 45.34px 0 18.54px;
    padding: 2.83375rem 0 1.15875rem;
  }
  .hr-cta__docs {
    width: 273px;
    width: 17.0625rem;
    left: 32.4%;
    bottom: ０;
  }
  .hr-cta__body {
    width: 95%;
    transform: none;
    text-align: left;
    position: relative;
    z-index: 2;
    margin-bottom: 21.14px;
    margin-bottom: 1.32125rem;
  }
  .hr-cta__label {
    width: 96.55px;
    width: 6.034375rem;
    margin-bottom: 15.57px;
    margin-bottom: 0.973125rem;
  }
  .hr-cta__ttl {
    margin-bottom: 10px;
    margin-bottom: 0.625rem;
    font-size: 26.185px;
    font-size: 1.6365625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 47.132px */
    letter-spacing: 3.142px;
    letter-spacing: 0.196375rem;
    margin-bottom: 7.8px;
    margin-bottom: 0.4875rem;
  }
  .hr-cta__txt {
    margin-bottom: 0;
    padding-right: 0;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 190%; /* 28.5px */
    letter-spacing: 1.05px;
    letter-spacing: 0.065625rem;
  }

  .hr-cta__cta-group {
    flex-direction: column;
    gap: 12px;
    gap: 0.75rem;
    width: 100%;
    margin-inline: auto;
    position: relative;
    z-index: 2;
  }
  .hr-cta__btn,
  .hr-cta__btn--1,
  .hr-cta__btn--2 {
    width: 100%;
    max-width: 100%;
  }
  .hr-cta__person {
    position: absolute;
    width: 168.11px;
    width: 10.506875rem;
    right: -3%;
    left: auto;
    top: 60.8px;
    top: 3.8rem;
    bottom: auto;
    z-index: 1;
    pointer-events: none;
  }
  .hr-cta__person picture,
  .hr-cta__person img {
    display: block;
    width: 100%;
    height: auto;
  }

  /* =================================================================
   s7 / works
   ================================================================= */
  .hr-works {
    padding: 51px 0 57.89px;
    padding: 3.1875rem 0 3.618125rem;
  }
  .hr-works__inner {
    width: 100%;
  }
  .hr-works__head {
    width: 88.2%;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .hr-works__label {
    width: 75.55px;
    width: 4.721875rem;
    margin-bottom: 4.12px;
    margin-bottom: 0.2575rem;
  }
  .hr-works__ttl {
    margin-bottom: 8.08px;
    margin-bottom: 0.505rem;
    font-size: 35.185px;
    font-size: 2.1990625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 63.332px */
    letter-spacing: 4.574px;
    letter-spacing: 0.285875rem;
  }
  .hr-works__lead {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 27px */
    letter-spacing: 1.2px;
    letter-spacing: 0.075rem;
  }
  .hr-works__slider {
    padding-left: 26px;
    padding-left: 1.625rem;
    padding-right: 26px;
    padding-right: 1.625rem;
    overflow: visible;
  }
  .hr-works__slider .swiper-wrapper {
    align-items: stretch;
  }
  .hr-works__slider .swiper-slide {
    transform: scale(1);
    height: auto;
  }
  .hr-works-card {
    padding: 20px 16px 24px;
    padding: 1.25rem 1rem 1.5rem;
    border-radius: 8px;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .hr-works-card__ttl {
    order: 1;
  }
  .hr-works-card__company {
    order: 2;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .hr-works-card__visuals {
    order: 3;
    flex-direction: column;
    gap: 8px;
    gap: 0.5rem;
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
  }
  .hr-works-card__tags {
    order: 4;
  }
  .hr-works-card__num {
    order: 5;
  }
  .hr-works-card__main {
    flex: none;
    width: 100%;
    aspect-ratio: 486.7 / 274.32;
  }
  .hr-works-card__subs {
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
    gap: 4px;
    gap: 0.25rem;
  }
  .hr-works-card__sub {
    flex: 1;
  }
  .hr-works-card__tags {
    margin-bottom: 0;
    gap: 5.47px;
    gap: 0.341875rem;
    flex-direction: column;
  }
  .hr-works-card__tag {
    padding: 2px 8px;
    padding: 0.125rem 0.5rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 170%; /* 25.5px */
    letter-spacing: 1.2px;
    letter-spacing: 0.075rem;
    width: fit-content;
  }
  .hr-works-card__ttl {
    padding-left: 24px;
    padding-left: 1.5rem;
    font-size: 21px;
    font-size: 1.3125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 185%; /* 38.85px */
    letter-spacing: 1.89px;
    letter-spacing: 0.118125rem;
    margin-bottom: 7px;
    margin-bottom: 0.4375rem;
  }
  .hr-works-card__ttl::before {
    width: 32px;
    width: 2rem;
    height: 18px;
    height: 1.125rem;
  }
  .hr-works-card__badge {
    padding: 0 6px;
    padding: 0 0.375rem;
    margin-left: 6px;
    margin-left: 0.375rem;
    font-size: 12.334px;
    font-size: 0.770875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 185%; /* 22.818px */
    letter-spacing: 0.74px;
    letter-spacing: 0.04625rem;
    display: block;
    width: fit-content;
  }
  .hr-works-card__company {
    padding-left: 24px;
    padding-left: 1.5rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 185%; /* 27.75px */
    letter-spacing: 0.9px;
    letter-spacing: 0.05625rem;
  }
  .hr-works-card--1 .hr-works-card__num,
  .hr-works-card--2 .hr-works-card__num,
  .hr-works-card--3 .hr-works-card__num,
  .hr-works-card--4 .hr-works-card__num {
    width: 72px;
    width: 4.5rem;
    right: 8px;
    right: 0.5rem;
    bottom: 0;
  }
  .hr-works__nav {
    display: none;
  }
  .hr-works__btn {
    width: 44px;
    width: 2.75rem;
    height: 44px;
    height: 2.75rem;
  }

  /* =================================================================
   s8 / interview
   ================================================================= */
  .hr-interview {
    padding: 40px 0 56px;
    padding: 2.5rem 0 3.5rem;
  }
  .hr-interview__inner {
    width: 100%;
  }
  .hr-interview::before {
    height: 416px;
    height: 26rem;
  }
  .hr-interview__bg-deco {
    display: none;
  }
  .hr-interview__head {
    width: 91.5%;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  .hr-interview__label {
    width: 78px;
    width: 4.875rem;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
    width: 112.55px;
    width: 7.034375rem;
  }
  .hr-interview__ttl {
    font-size: 32.185px;
    font-size: 2.0115625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 57.932px */
    letter-spacing: 3.218px;
    letter-spacing: 0.201125rem;
    margin-bottom: 2px;
    margin-bottom: 0.125rem;
  }
  .hr-interview__lead {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 27px */
    letter-spacing: 1.2px;
    letter-spacing: 0.075rem;
  }
  .hr-interview__cards {
    padding-left: 15px;
    padding-left: 0.9375rem;
    padding-right: 15px;
    padding-right: 0.9375rem;
  }
  .hr-interview__cards .swiper-slide {
    transform: scale(1);
  }
  .hr-interview-card {
    width: 100%;
    max-width: 100%;
  }
  .hr-interview-card::after {
    width: 62px;
    width: 3.875rem;
    height: 148px;
    height: 9.25rem;
    bottom: -49.6px;
    bottom: -3.1rem;
    right: -28.8px;
    right: -1.8rem;
  }
  .hr-interview-card__catch {
    margin-bottom: 2px;
    margin-bottom: 0.125rem;
    font-size: 16.672px;
    font-size: 1.042rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%; /* 21.673px */
    letter-spacing: 1.167px;
    letter-spacing: 0.0729375rem;
    min-height: 61px;
  }
  .hr-interview-card__catch em {
    font-size: 23.279px;
    font-size: 1.4549375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    letter-spacing: 1.63px;
    letter-spacing: 0.101875rem;
  }
  .hr-interview-card__catch::before,
  .hr-interview-card__catch::after {
    width: 36px;
    width: 2.25rem;
    height: 2px;
    height: 0.125rem;
    bottom: 47%;
  }

  .hr-interview-card__catch::before {
    left: -30%;
    transform: rotate(70deg);
  }
  .hr-interview-card__catch::after {
    right: -30%;
    transform: rotate(-70deg);
  }
  .hr-interview-card__body {
    padding: 20px 16px 24px;
    padding: 1.25rem 1rem 1.5rem;
    border-radius: 8px;
    border-radius: 0.5rem;
  }
  .hr-interview-card__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    gap: 0.625rem;
    margin-bottom: 16px;
    margin-bottom: 1rem;
  }
  .hr-interview-card__photo {
    width: 100%;
  }
  .hr-interview-card__ttl {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-size: 17px;
    font-size: 1.0625rem;
    font-style: normal;
    font-weight: 700;
    line-height: 170%; /* 28.9px */
    letter-spacing: 1.02px;
    letter-spacing: 0.06375rem;
  }
  .hr-interview-card__service {
    font-size: 15.862px;
    font-size: 0.991375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 28.552px */
    letter-spacing: 0.952px;
    letter-spacing: 0.0595rem;
  }
  .hr-interview-card__service-label {
    padding: 2px 6px;
    padding: 0.05rem 0.375rem 0.125rem 0.375rem;
    margin-right: 4px;
    margin-right: 0.25rem;
    font-size: 12.463px;
    font-size: 0.7789375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 18.695px */
    letter-spacing: 1.122px;
    letter-spacing: 0.070125rem;
    transform: translateY(-1px);
  }
  .hr-interview-card__tag {
    padding: 6px 8px;
    padding: 0.375rem 0.5rem;
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-size: 14.862px;
    font-size: 0.928875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 22.293px */
    letter-spacing: 1.04px;
    letter-spacing: 0.065rem;
  }
  .hr-interview-card__company {
    padding-bottom: 10px;
    padding-bottom: 0.625rem;
    margin-bottom: 14px;
    margin-bottom: 0.875rem;
    font-size: 18px;
    font-size: 1.125rem;
    font-style: normal;
    font-weight: 700;
    line-height: 180%; /* 32.4px */
    letter-spacing: 1.62px;
    letter-spacing: 0.10125rem;
  }
  .hr-interview-card__txt {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 170%; /* 25.5px */
    letter-spacing: 0.6px;
    letter-spacing: 0.0375rem;
  }
  .hr-interview__nav {
    display: none;
  }
  .hr-interview__nav-btn,
  .hr-interview__nav-btn-img {
    width: 44px;
    width: 2.75rem;
    height: 44px;
    height: 2.75rem;
  }

  /* =================================================================
   s9 / plan
   ================================================================= */
  .hr-plan {
    padding-bottom: 49px;
    padding-bottom: 3.0625rem;
  }
  .hr-plan__inner {
    width: 364px;
    width: 22.75rem;
  }
  .hr-plan__heading-group {
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .hr-plan__label {
    width: 56.55px;
    width: 3.534375rem;
    margin-bottom: 10.79px;
    margin-bottom: 0.674375rem;
    margin-inline: 0;
  }
  .hr-plan__ttl {
    margin-bottom: 6.37px;
    margin-bottom: 0.398125rem;
    font-size: 32.185px;
    font-size: 2.0115625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 57.932px */
    letter-spacing: 4.184px;
    letter-spacing: 0.2615rem;
    text-align: left;
  }
  .hr-plan__lead {
    text-align: left;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 175%; /* 26.25px */
    letter-spacing: 0.9px;
    letter-spacing: 0.05625rem;
  }

  .hr-plan__cards {
    flex-direction: column;
    gap: 24px;
    gap: 1.5rem;
    margin-bottom: 24px;
    margin-bottom: 1.5rem;
  }
  .hr-plan-card__header {
    border-radius: 8px 8px 0 0;
    border-radius: 0.5rem 0.5rem 0 0;
    height: auto;
    padding: 17px 0 15px;
    padding: 1.0625rem 0 0.9375rem;
  }
  .hr-plan-card__ttl {
    font-size: 19.55px;
    font-size: 1.221875rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 35.19px */
    letter-spacing: 1.955px;
    letter-spacing: 0.1221875rem;
  }
  .hr-plan-card__sub {
    margin-top: -4px;
    margin-top: -0.25rem;
    font-size: 11.013px;
    font-size: 0.6883125rem;
    font-style: normal;
    font-weight: 400;
    line-height: 180%; /* 19.824px */
    letter-spacing: 0.881px;
    letter-spacing: 0.0550625rem;
  }
  .hr-plan-card__body {
    padding: 19px 16px 24px;
    padding: 1.1875rem 1rem 1.5rem;
    border-radius: 0 0 10px 10px;
    border-radius: 0 0 0.625rem 0.625rem;
  }
  .hr-plan-card__notice {
    font-size: 19.728px;
    font-size: 1.233rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 29.592px */
    letter-spacing: 1.381px;
    letter-spacing: 0.0863125rem;
  }
  .hr-plan-card__notice::before,
  .hr-plan-card__notice::after {
    width: 19.03px;
    width: 1.189375rem;
    height: 2px;
    height: 0.125rem;
    bottom: 39%;
  }
  .hr-plan-card__price {
    width: 310.6px;
    width: 19.4125rem;
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
  }
  .hr-plan-card__tag-list {
    margin-top: 16px;
    margin-top: 1rem;
    gap: 7px 6px;
    gap: 0.4375rem 0.375rem;
  }
  .hr-plan-card__tag {
    padding: 7px 14.3px 8px;
    padding: 0.4375rem 0.89375rem 0.5rem;
    border-width: 1.5px;
    border-width: 0.09375rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 22.5px */
    letter-spacing: 1.05px;
    letter-spacing: 0.065625rem;
  }
  .hr-plan-card__tag small {
    font-size: 8px;
    font-size: 0.5rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
  }
  .hr-plan-card__meta {
    grid-template-columns: 4.9725rem 1fr;
    column-gap: 10px;
    column-gap: 0.625rem;
    row-gap: 10px;
    row-gap: 0.625rem;
    margin-top: 16px;
    margin-top: 1rem;
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
    align-items: start;
  }
  .hr-plan-card__meta-key {
    padding: 2px 4px;
    padding: 0.125rem 0.25rem;
    font-size: 14.287px;
    font-size: 0.8929375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 21.43px */
    letter-spacing: 1.286px;
    letter-spacing: 0.080375rem;
    min-width: 0;
  }
  .hr-plan-card__meta-val {
    font-size: 15.665px;
    font-size: 0.9790625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 23.497px */
    letter-spacing: 1.097px;
    letter-spacing: 0.0685625rem;
  }
  .hr-plan-card__note {
    font-size: 11.281px;
    font-size: 0.7050625rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 16.921px */
    letter-spacing: 0.79px;
    letter-spacing: 0.049375rem;
  }
  .hr-plan__btn {
    width: 282.981px;
    width: 17.6863125rem;
    max-width: 100%;
  }
  .hr-plan__btn-img {
    width: 100%;
    height: auto;
  }

  /* =================================================================
   s10 / cta(2) — s6 と同じ .hr-cta セレクタなので s6 で適用済み
   ================================================================= */

  /* =================================================================
   s11 / members
   ================================================================= */
  .hr-members {
    padding: 40px 0 40px;
    padding: 2.5rem 0 2.5rem;
  }
  .hr-members__bg-text {
    display: none;
  }
  .hr-members__inner {
    width: 364.488px;
    width: 22.7805rem;
  }
  .hr-members__head {
    margin-bottom: 26.23px;
    margin-bottom: 1.639375rem;
  }
  .hr-members__label {
    width: 96.55px;
    width: 6.034375rem;
    margin-bottom: 6.12px;
    margin-bottom: 0.3825rem;
  }
  .hr-members__ttl {
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    font-size: 29.185px;
    font-size: 1.8240625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 52.532px */
    letter-spacing: 2.918px;
    letter-spacing: 0.182375rem;
  }
  .hr-members__lead {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 27px */
    letter-spacing: 1.2px;
    letter-spacing: 0.075rem;
  }

  .hr-members__item,
  .hr-members__item--2 {
    flex-direction: column;
    align-items: stretch;
    padding: 25.22px 15px 31.89px;
    padding: 1.57625rem 0.9375rem 1.993125rem;
    gap: 14px;
    gap: 0.875rem;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .hr-members-card__photo {
    max-width: 100%;
    align-self: flex-end;
    margin-top: -11px;
    margin-top: -0.6875rem;
    margin-bottom: 26px;
    margin-bottom: 1.625rem;
  }
  .hr-members__item--1 .hr-members-card__photo {
    align-self: flex-end;
  }
  .hr-members__item--2 .hr-members-card__photo {
    align-self: flex-start;
  }
  .hr-members__item--2 .hr-members-card__body {
    transform: none;
  }
  .hr-members-card__role {
    padding: 3.6px 9.6px;
    padding: 0.225rem 0.6rem;
    font-size: 13.606px;
    font-size: 0.850375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 150%; /* 20.41px */
    letter-spacing: 1.225px;
    letter-spacing: 0.0765625rem;
    margin-bottom: 4px;
    margin-bottom: 0.25rem;
  }
  .hr-members-card__name {
    font-size: 22px;
    font-size: 1.375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 180%; /* 39.6px */
    letter-spacing: 2.2px;
    letter-spacing: 0.1375rem;
    margin-bottom: 4.75px;
    margin-bottom: 0.296875rem;
  }
  .hr-members-card__bio {
    margin-bottom: 12px;
    margin-bottom: 0.75rem;
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 300;
    line-height: 180%; /* 27px */
    letter-spacing: 0.75px;
    letter-spacing: 0.046875rem;
    width: 96.9%;
    margin-inline: auto;
  }
  .hr-members-card__quote {
    padding: 28px 23px 24px 23px;
    padding: 1.75rem 1.4375rem 1.5rem 1.4375rem;
  }
  .hr-members__item--1 .hr-members-card__quote::before,
  .hr-members__item--2 .hr-members-card__quote::before {
    width: 38.192px;
    width: 2.387rem;
    height: 38.192px;
    height: 2.387rem;
    top: 3.2px;
    top: 0.2rem;
    left: 39%;
    transform: rotate(90deg) translate(-50%, -50%);
  }
  .hr-members__item--2 .hr-members-card__quote::before {
  }
  .hr-members-card__quote-mark {
    width: 19.78px;
    width: 1.23625rem;
    height: auto;
  }
  .hr-members-card__quote-mark--open {
    top: 11.2px;
    top: 0.7rem;
    left: 16.4px;
    left: 1.025rem;
  }
  .hr-members-card__quote-mark--close {
    bottom: 11.2px;
    bottom: 0.7rem;
    right: 13.2px;
    right: 0.825rem;
  }
  .hr-members-card__quote-txt {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 185%; /* 27.75px */
    letter-spacing: 0.6px;
    letter-spacing: 0.0375rem;
  }

  /* =================================================================
   s12 / flow
   ================================================================= */
  .hr-flow {
    padding: 47.18px 0 66.53px;
    padding: 2.94875rem 0 4.158125rem;
  }
  .hr-flow__inner {
    width: 364px;
    width: 22.75rem;
  }
  .hr-flow__head {
    width: 100%;
    margin-bottom: 43px;
    margin-bottom: 2.6875rem;
  }
  .hr-flow__label {
    width: 61.55px;
    width: 3.846875rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
  }
  .hr-flow__ttl {
    margin-bottom: 8px;
    margin-bottom: 0.5rem;
    font-size: 25.185px;
    font-size: 1.5740625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 45.332px */
    letter-spacing: 2.518px;
    letter-spacing: 0.157375rem;
  }
  .hr-flow__lead {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 27px */
    letter-spacing: 1.2px;
    letter-spacing: 0.075rem;
  }

  .hr-flow__steps {
    flex-direction: column;
    gap: 26px;
    gap: 1.625rem;
    width: 100%;
    margin-inline: auto;
    padding-bottom: 0;
  }
  .hr-flow__steps::before {
    width: 773.45px;
    width: 48.340625rem;
    height: 16.33px;
    height: 1.020625rem;
    top: 378px;
    top: 23.625rem;
    left: -375px;
    left: -23.4375rem;
    transform: rotate(90deg);
  }

  .hr-flow-step {
    padding: 16px 30px 19px;
    padding: 1rem 1.875rem 1.1875rem;
    border-radius: 8px;
    border-radius: 0.5rem;
  }
  .hr-flow-step__num {
    width: 46.68px;
    width: 2.9175rem;
    height: 46.68px;
    height: 2.9175rem;
    top: -11.6px;
    top: -0.725rem;
    left: -10px;
    left: -0.625rem;
    transform: none;
  }
  .hr-flow-step__ttl {
    text-align: center;
    font-size: 17.185px;
    font-size: 1.0740625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 30.932px */
    letter-spacing: 1.718px;
    letter-spacing: 0.107375rem;
  }
  .hr-flow-step__sub,
  .hr-flow-step__sub-02 {
    text-align: center;
    font-size: 12.185px;
    font-size: 0.7615625rem;
    font-style: normal;
    font-weight: 500;
    line-height: 180%; /* 21.932px */
    letter-spacing: 0.975px;
    letter-spacing: 0.0609375rem;
    margin-top: -7px;
    margin-top: -0.4375rem;
  }
  .hr-flow-step__sub-02 br {
    display: none;
  }
  .hr-flow-step__txt {
    margin-top: 9px;
    margin-top: 0.5625rem;
    padding-inline: 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 165%; /* 23.1px */
    letter-spacing: 0.14px;
    letter-spacing: 0.00875rem;
  }

  /* =================================================================
   s13 / faq
   ================================================================= */
  .hr-faq {
    padding: 53.95px 0 51.2px;
    padding: 3.371875rem 0 3.2rem;
  }
  .hr-faq__inner {
    width: 364px;
    width: 22.75rem;
  }
  .hr-faq__head {
    text-align: left;
    margin-bottom: 20px;
    margin-bottom: 1.25rem;
  }
  .hr-faq__label {
    width: 44.55px;
    width: 2.784375rem;
    height: auto;
    margin: 0 0 1.75px;
    margin: 0 0 0.109375rem;
  }
  .hr-faq__ttl {
    font-size: 28.185px;
    font-size: 1.7615625rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 50.732px */
    letter-spacing: 3.664px;
    letter-spacing: 0.229rem;
  }
  .hr-faq__body {
    flex-direction: column;
    gap: 0;
  }
  .hr-faq__col {
    flex: none;
    width: 100%;
  }
  .hr-faq-item {
    padding-bottom: 22px;
    padding-bottom: 1.375rem;
    margin-top: 16px;
    margin-top: 1rem;
  }
  .hr-faq-item + .hr-faq-item {
    margin-top: 16px;
    margin-top: 1rem;
  }
  .hr-faq-item__row {
    gap: 8px;
    gap: 0.5rem;
    padding-right: 28px;
    padding-right: 1.75rem;
  }
  .hr-faq-item__q {
    width: 25px;
    width: 1.5625rem;
    height: auto;
    transform: translateY(-0.25rem);
  }
  .hr-faq-item__question {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 170%; /* 25.5px */
    letter-spacing: 1.05px;
    letter-spacing: 0.065625rem;
  }
  .hr-faq-item__icon {
    width: 16px;
    width: 1rem;
    height: 16px;
    height: 1rem;
    top: 8px;
    top: 0.3rem;
  }
  .hr-faq-item__answer {
    margin-top: 14.35px;
    margin-top: 0.896875rem;
    padding-left: 31.2px;
    padding-left: 1.95rem;
    padding-right: 47px;
    padding-right: 2.9375rem;
  }
  .hr-faq-item__answer-txt {
    font-size: 15px;
    font-size: 0.9375rem;
    font-style: normal;
    font-weight: 400;
    line-height: 165%; /* 24.75px */
    letter-spacing: 0.3px;
    letter-spacing: 0.01875rem;
  }

  /* =================================================================
   s14 / hero-cta
   ================================================================= */
  .hr-hero-cta {
    overflow: hidden;
  }
  .hr-hero-cta__inner {
    height: auto;
    padding: 63.18px 0 37.88px;
    padding: 3.94875rem 0 2.3675rem;
    width: 364px;
    width: 22.75rem;
  }
  .hr-hero-cta__bg-text {
    width: 350px;
    width: 21.875rem;
    height: auto;
    bottom: auto;
    top: 32.2%;
    left: -6%;
  }
  .hr-hero-cta__content {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
  }
  .hr-hero-cta__heading-group {
    width: 100%;
  }
  .hr-hero-cta__label {
    width: 159.55px;
    width: 9.971875rem;
    margin-bottom: 21.51px;
    margin-bottom: 1.344375rem;
  }
  .hr-hero-cta__ttl-lead {
    gap: 5.76px;
    gap: 0.36rem;
    flex-wrap: wrap;
    font-size: 15.791px;
    font-size: 0.9869375rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 28.424px */
    letter-spacing: 2.369px;
    letter-spacing: 0.1480625rem;
  }
  .hr-hero-cta__ttl-pill {
    padding: 0 6px;
    padding: 0 0.375rem;
    font-size: 13.9px;
    font-size: 0.86875rem;
    font-style: normal;
    font-weight: 900;
    line-height: 180%; /* 25.02px */
    letter-spacing: 1.529px;
    letter-spacing: 0.0955625rem;
    border-radius: 1.79px;
    border-radius: 0.111875rem;
  }
  .hr-hero-cta__ttl-main {
    font-size: 39.192px;
    font-size: 2.4495rem;
    font-style: normal;
    font-weight: 900;
    line-height: 190%; /* 74.465px */
    letter-spacing: 4.703px;
    letter-spacing: 0.2939375rem;
  }
  .hr-hero-cta__ttl-sub {
    font-size: 21.794px;
    font-size: 1.362125rem;
    font-style: normal;
    font-weight: 900;
    line-height: 150%; /* 32.692px */
    letter-spacing: 2.615px;
    letter-spacing: 0.1634375rem;
    margin-top: -9px;
    margin-top: -0.5625rem;
  }
  .hr-hero-cta__slide {
    top: 0;
    left: 27.7%;
    width: 291px;
    width: 18.1875rem;
    height: 534px;
    height: 33.375rem;
  }
  .hr-hero-cta__supervisor {
    width: 111px;
    width: 6.9375rem;
    height: 111px;
    height: 6.9375rem;
    top: 25.88px;
    top: 1.6175rem;
    right: -3%;
    left: auto;
  }
  .hr-hero-cta__cta-group {
    position: relative;
    flex-direction: column;
    gap: 12.38px;
    gap: 0.77375rem;
    bottom: auto;
    left: auto;
    transform: none;
    max-width: 100%;
    width: 364px;
    width: 22.75rem;
    margin-top: 0;
  }
  .hr-hero-cta__btn,
  .hr-hero-cta__btn--1,
  .hr-hero-cta__btn--2 {
    width: 100%;
    max-width: 100%;
  }

  /* =================================================================
   footer
   ================================================================= */
  .hr-footer {
    padding: 32px 0 20px;
    padding: 2rem 0 1.25rem;
  }
  .hr-footer__inner {
    width: 91.5%;
  }
  .hr-footer__top {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 58.4px;
    padding-bottom: 3.65rem;
    margin-bottom: 9.65px;
    margin-bottom: 0.603125rem;
  }
  .hr-footer__logo {
    margin-bottom: 5px;
    margin-bottom: 0.3125rem;
    font-size: 31.16px;
    font-size: 1.9475rem;
    font-style: normal;
    font-weight: 900;
    line-height: 150%; /* 46.74px */
    letter-spacing: 2.804px;
    letter-spacing: 0.17525rem;
  }
  .hr-footer__company {
    margin-bottom: 7.91px;
    margin-bottom: 0.494375rem;
    font-size: 14.036px;
    font-size: 0.87725rem;
    font-style: normal;
    font-weight: 400;
    line-height: 150%; /* 21.054px */
    letter-spacing: 1.684px;
    letter-spacing: 0.10525rem;
  }
  .hr-footer__line {
    width: 32px;
    width: 2rem;
  }
  .hr-footer__tagline-txt {
    font-size: 15.404px;
    font-size: 0.96275rem;
    font-style: normal;
    font-weight: 500;
    line-height: 150%; /* 23.105px */
    letter-spacing: 1.848px;
    letter-spacing: 0.1155rem;
  }
  .hr-footer__copyright {
    font-size: 11.754px;
    font-size: 0.734625rem;
    font-style: normal;
    font-weight: 300;
    line-height: 150%; /* 17.631px */
    letter-spacing: 0.94px;
    letter-spacing: 0.05875rem;
  }
}

@media screen and (max-width: 767.98px) {
  .hr-fv {
    z-index: 0;
  }
  .hr-fv__inner {
  }
  .hr-fv__wrap {
  }

  .hr-fv__content {
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 8.2%;
  }
  .hr-fv__tags {
    gap: 7.34px;
    gap: 0.45875rem;
    justify-content: center;
  }
  .hr-fv__tag {
    font-size: 16.068px;
    font-size: 1.00425rem;
    /* 24.102px */
    letter-spacing: 1.125px;
    letter-spacing: 0.0703125rem;
    padding: 6px 13.4px 6px 35.3px;
    padding: 0.375rem 0.8375rem 0.375rem 2.20625rem;
  }
  .hr-fv__tag::before {
    width: 20.71px;
    width: 1.294375rem;
    height: 20.711px;
    height: 1.2944375rem;
  }

  .hr-fv__title {
    font-size: 31.875px;
    font-size: 1.9921875rem;
    /* 47.813px */
    letter-spacing: 1.913px;
    letter-spacing: 0.1195625rem;
    text-align: center;
    margin-bottom: 9px;
    margin-bottom: 0.5625rem;
  }
  .hr-fv__title-em {
    font-size: 62.496px;
    font-size: 3.906rem;
    /* 93.744px */
    letter-spacing: 6.25px;
    letter-spacing: 0.390625rem;
  }
  .hr-fv__title-particle {
    font-size: 53.21px;
    font-size: 3.325625rem;
    /* 79.816px */
    letter-spacing: -10.11px;
    letter-spacing: -0.631875rem;
  }
  .hr-fv__title-sub {
    letter-spacing: 1.594px;
    letter-spacing: 0.099625rem;
    margin-top: 1.65px;
    margin-top: 0.103125rem;
    display: inline-block;
    line-height: 150%;
  }
  .hr-fv__title-strong {
    font-size: 60.534px;
    font-size: 3.783375rem;
    letter-spacing: 6.053px;
    letter-spacing: 0.3783125rem;
  }
  .hr-fv__title-action {
  }
  .hr-fv__lead {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: 1.68px;
    letter-spacing: 0.105rem;
    width: 86%;
    margin-inline: auto;
    line-height: 165%;
  }
  .hr-fv__mask {
  }
  .hr-fv__mask img {
  }

  /* バッジ */
  .hr-fv__badge {
    width: 116.81px;
    width: 7.300625rem;
    height: 116.81px;
    height: 7.300625rem;
    top: 79%;
    right: 67.5%;
  }
  .hr-fv__badge-img {
  }

  /* スライド (斜めに並べて無限ループ) */
  .hr-fv__slides {
    width: 130%;
    right: -16%;
  }
  .hr-fv__slide-col {
  }
  .hr-fv__slide-col--1,
  .hr-fv__slide-col--3 {
  }
  .hr-fv__slide-col--2,
  .hr-fv__slide-col--4 {
  }
  .hr-fv__slide-col--3 {
  }
  .hr-fv__slide-col--4 {
  }
  .hr-fv__slide-img {
  }

  /* ロゴ無限ループ */
  .hr-fv__logo {
    gap: 13px;
    gap: 0.8125rem;
    width: 277.6%;
  }
  .hr-fv__logo-img {
    animation-name: hr-fv-logo-scroll-sp;
  }
  @keyframes hr-fv-logo-scroll-sp {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-100% - 0.8125rem));
    }
  }
  .hr-fv__logo-note {
    letter-spacing: 0.637px;
    letter-spacing: 0.0398125rem;
    margin-bottom: 43px;
    margin-bottom: 2.6875rem;
  }

  .hr-fv__cta-group {
    flex-direction: column;
    width: 364px;
    width: 22.75rem;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
    z-index: 99;
  }

  .hr-fv__btn--1 {
    max-width: 100%;
  }
  .hr-fv__btn--2 {
    max-width: 100%;
  }
  .hr-problem__num {
  }
  .hr-problem__item--1 .hr-problem__num {
    width: 27px;
    width: 1.6875rem;
  }
  .hr-problem__item--2 .hr-problem__num {
    width: 32px;
    width: 2rem;
  }
  .hr-problem__item--3 .hr-problem__num {
    width: 32px;
    width: 2rem;
  }
  .hr-problem__item--4 .hr-problem__num {
    width: 34px;
    width: 2.125rem;
  }
  .hr-problem__item--5 .hr-problem__num {
    width: 32px;
    width: 2rem;
  }

  /* 装飾 SLIDE HR テキスト（背景） */
  .hr-solution__bg-text {
    width: 305px;
    width: 19.0625rem;
    left: 50%;
    transform: translateX(-50%);
    right: 0;
    top: 614.4px;
    top: 38.4rem;
  }

  .hr-solution__compare-card--2 {
    width: 110%;
  }

  .hr-solution__compare-cards::before {
    display: none;
  }

  .hr-solution__compare-card--2 .hr-solution__compare-card-img {
    filter: none;
  }

  .hr-solution__compare-card-02-deco {
    width: 64.14px;
    width: 4.00875rem;
    margin-bottom: -5px;
    margin-bottom: -0.3125rem;
  }


  .hr-flow__steps::after {
    display: none;
  }

  .hr-flow-step__sub-02 {
    font-size: 12.559px;
    font-size: 0.7849375rem;
    font-style: normal;
    font-weight: 700;
    line-height: 135%; /* 16.954px */
    letter-spacing: 0.879px;
    letter-spacing: 0.0549375rem;
    margin-top: -2px;
    margin-top: -0.125rem;
  }

  .hr-hero-cta__ttl {
    margin-bottom: 57.97px;
    margin-bottom: 3.623125rem;
  }

  .hr-contact {
    padding: 3.3rem 0 2rem;
  }

  .hr-contact__inner {
    width: 90%;
    margin-inline: auto;
  }

  .hr-contact__ttl {
    text-align: left;
    font-size: 1.7615625rem;
    letter-spacing: 0.229rem;
    margin-bottom: 1rem;
  }
  .hr-contact__text {
  text-align: left;
  }
  .hubspot-form {
  }
}
@media screen and (min-width: 1410px) and (max-width: 1579px) {
  .hr-cta__docs {
    left: -6vw;
  }

  .hr-cta__person {
    right: 1%;
  }
}

@media screen and (min-width: 1300px) and (max-width: 1409px) {
  .hr-cta__docs {
    left: -15vw;
  }

  .hr-cta__body {
    transform: translateX(-3.75rem);
  }

  .hr-cta__cta-group {
    transform: translateX(-3.75rem);
  }
  .hr-cta__person {
    right: 1%;
  }
}

@media screen and (min-width: 1131px) and (max-width: 1299px) {
  .hr-cta__docs {
    left: -21vw;
  }

  .hr-cta__body {
    transform: translateX(-3.75rem);
  }

  .hr-cta__cta-group {
    transform: translateX(-3.75rem);
  }
  .hr-cta__person {
    right: 1%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1130px) {
  .hr-cta__docs {
    display: none;
  }

  .hr-cta__body {
    transform: translateX(0);
    width: 90%;
  }

  .hr-cta__cta-group {
    transform: translateX(0);
    width: 90%;
  }
  .hr-cta__person {
    right: 1%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .hr-solution__intro {
    flex-direction: column;
    align-items: center;
    transform: translateX(7px);
  }
  .hr-solution__intro-visual {
    max-width: 80%;
    margin-top: -12.9310344828vw;
    margin-bottom: -8.6206896552vw;
    transform: translate(20px, -18px);
  }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
  .hr-services__cards {
    flex-direction: column;
    align-items: center;
  }

  .hr-services__card {
    width: 100%;
    max-width: 80%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  .hr-problem__content {
    padding: 4.5625rem 1.5rem 5.25rem 2.3125rem;
    width: 90%;
  }

  .hr-problem__content::after {
    bottom: -8%;
    width: 19.370625rem;
    height: 15.8925rem;
  }

  .hr-problem__list {
    column-gap: 2rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 1239px) {
  .hr-strengths {
    padding-bottom: 5.875rem;
  }

  .hr-works {
    padding-bottom: 8rem;
  }

  .hr-plan__cards {
    gap: 1.2rem;
  }

  .hr-flow__steps {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, auto);
    max-width: 980px;
    margin-inline: auto;
    row-gap: 2.2rem;
  }

  .hr-flow-step {
    padding: 2.33125rem 1rem 0.9375rem;
  }

  .hr-flow__steps::before {
  }

  .hr-flow__steps::after {
    content: "";
    background: url(../img/flow-steps-deco.webp) no-repeat;
    background-size: contain;
    width: 56.17%;
    height: 16.33px;
    height: 1.020625rem;
    position: absolute;
    z-index: -1;
    top: 68%;
    left: 12%;
  }
}

@media screen and (min-width: 1420px) and (max-width: 1599px) {
  .hr-hero-cta__slide {
    right: -10vw;
  }
}

@media screen and (min-width: 1100px) and (max-width: 1419px) {
  .hr-hero-cta__slide {
    right: -12vw;
  }

  .hr-hero-cta__content {
    left: 10%;
  }

  .hr-hero-cta__cta-group {
    left: 37%;
  }
}

@media screen and (min-width: 901px) and (max-width: 1099px) {
  .hr-hero-cta__slide {
    right: -29vw;
  }

  .hr-hero-cta__content {
    left: 10%;
  }

  .hr-hero-cta__cta-group {
    left: 42%;
  }
}

@media screen and (min-width: 768px) and (max-width: 900px) {
  .hr-hero-cta__slide {
    right: -40%;
  }

  .hr-hero-cta__content {
    left: 8%;
  }

  .hr-hero-cta__cta-group {
    left: 46%;
    width: 79%;
  }
}

/* ===== 追従ボタン ===== */
.hr-fix-btn {
  position: fixed;
  right: 19px;
  right: 1.1875rem;
  bottom: 1.1875rem;
  z-index: 100;
  display: flex;
  flex-direction: column;
  gap: 10px;
  gap: 0.625rem;
  width: 211.09px;
  width: 13.193125rem;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition:0.3s;
}

.hr-fix-btn.is-show {
  opacity: 1;
  visibility: visible;
}

.hr-fix-btn__item {
  display: block;
  pointer-events: auto;
  transition: opacity 0.2s ease;
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.12));
  transition:0.3s;
}

.hr-fix-btn__item:hover {
  opacity: 1;
  transform:scale(1.03);
}

.hr-fix-btn__img {
}

@media screen and (max-width: 767px) {
  .hr-fix-btn {
    left: 0;
    right: 0;
    top: 0;
    bottom: auto;
    flex-direction: row;
    gap: 0;
    width: 100%;
  }

  .hr-fix-btn.is-show {
    opacity: 1;
    visibility: visible;
    filter: drop-shadow(0 -2px 4.4px rgba(0, 0, 0, 0.15));
  }

  .hr-fix-btn__item {
    display: block;
    flex: 1 1 50%;
    min-width: 0;
    line-height: 0;
    pointer-events: auto;
    transition: opacity 0.2s ease;
  }

  .hr-fix-btn__item:active,.hr-fix-btn__item:hover {
    opacity: 0.8;
  transform:scale(1);
}
  }

  .hr-fix-btn__img {
    display: block;
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 768px) and (max-width: 842px) {
  .hr-members-card__quote-txt {
    font-size: 0.8rem;
  }
}