@layer page {
  .p-hdr-page__inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
  }
  .business-symbol {
    width: 8.75rem;
    aspect-ratio: 139.89/137.29;
    transform: translate(-110%, 70%);
  }
  @media screen and (max-width: 767px) {
    .business-symbol {
      width: 25.3333333333vw;
      transform: translateY(70%);
    }
  }
  .p-circles-a {
    --my-left-color: #f1ffe8;
    --my-right-color: #f2ffe2;
    --my-bg-color: #f8ffe9;
  }
  @media screen and (max-width: 767px) {
    .p-contact-wrap {
      padding-top: 6.6666666667vw;
      background: var(--business-bg);
    }
  }
  .human-job-find {
    position: sticky;
    z-index: 10;
    pointer-events: none;
    height: 0;
    overflow: visible;
  }
  @media screen and (min-width: 768px) {
    .human-job-find {
      top: calc(var(--header-height) * 2px);
    }
  }
  @media screen and (max-width: 767px) {
    .human-job-find {
      top: calc(100vh - 2vw);
    }
  }
  .human-job-find__btn {
    --my-start-color: #292929;
    --my-end-color: #292929;
    pointer-events: fill;
    border-radius: 20px 0px 0px 20px;
    background: linear-gradient(86deg, var(--my-start-color) 30%, var(--my-end-color) 100%);
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    color: #fff;
    font-weight: 500;
    gap: 1.125rem;
    line-height: 1.4166666667;
    font-size: 1.5rem;
    transform: translateY(-100%);
    transition: color 0.3s ease, --my-start-color 0.3s ease, --my-end-color 0.3s ease;
  }
  @media (hover: hover) {
    .human-job-find__btn:hover {
      --my-start-color: var(--hover-color1);
      --my-end-color: var(--hover-color2);
    }
    .human-job-find__btn:hover .human-job-find__icon {
      fill: #fff;
    }
  }
  @media screen and (min-width: 768px) {
    .human-job-find__btn {
      width: 10.1875rem;
      height: 10.9375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .human-job-find__btn {
      border-radius: 10px;
      width: 96%;
      margin-right: auto;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      padding: 4vw;
      font-size: 4vw;
    }
  }
  .human-job-find__icon {
    fill: #fff;
    aspect-ratio: 24/25;
    width: 1.5rem;
    transition: fill 0.25s;
  }
  @media screen and (max-width: 767px) {
    .human-job-find__icon {
      margin-left: -1.3333333333vw;
    }
  }
  .human-why {
    margin-top: 9.375rem;
  }
  @media screen and (max-width: 767px) {
    .human-why {
      margin-top: 18.6666666667vw;
    }
  }
  .human-why__body {
    margin-top: 3.75rem;
  }
  @media screen and (max-width: 767px) {
    .human-why__body {
      margin-top: 5.3333333333vw;
    }
  }
  .human-fields {
    margin-top: 12.5rem;
  }
  @media screen and (max-width: 767px) {
    .human-fields {
      margin-top: 18.6666666667vw;
    }
  }
  .human-fields__body {
    margin-top: 2.25rem;
  }
  @media screen and (max-width: 767px) {
    .human-fields__body {
      margin-top: 5.3333333333vw;
    }
  }
  @media screen and (max-width: 767px) {
    .human-fields__lead {
      font-size: 3.2vw;
    }
  }
  .human-fields__graph {
    text-align: center;
  }
  @media screen and (max-width: 767px) {
    .human-fields__graph {
      padding-top: 8vw;
    }
  }
  .human-fields__graph img {
    width: 100%;
    max-width: 59.625rem;
  }
  .human-training {
    position: relative;
    z-index: 2;
    margin-top: 12.5rem;
  }
  @media screen and (max-width: 767px) {
    .human-training {
      margin-top: 18.6666666667vw;
    }
  }
  .human-training__body {
    margin-top: 3.75rem;
  }
  @media screen and (max-width: 767px) {
    .human-training__body {
      margin-top: 5.3333333333vw;
    }
  }
  .human-data {
    background: #fff;
    border-radius: var(--rad);
    margin-top: 9.375rem;
    padding: 6.5625rem 2.5rem;
    display: flex;
  }
  @media screen and (min-width: 768px) {
    .human-data {
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: center;
      margin-top: 4.0625rem;
      gap: 9.375rem;
    }
  }
  @media screen and (max-width: 767px) {
    .human-data {
      flex-direction: column;
      gap: 0vw;
      margin-top: 6.6666666667vw;
      padding: 8vw 10.6666666667vw;
    }
  }
  .human-data img {
    width: auto;
    height: 10.375rem;
  }
  .human-btn-wrap {
    background: #fff;
    position: relative;
    z-index: 1;
    margin-top: 8.75rem;
  }
  @media screen and (max-width: 767px) {
    .human-btn-wrap {
      margin-top: 21.3333333333vw;
    }
  }
  .human-btn-wrap::before {
    content: "";
    position: absolute;
    pointer-events: none;
    display: block;
    width: 100%;
    height: 15.625rem;
    transform: translateY(-100%);
    background: linear-gradient(to top, rgb(255, 255, 255), rgba(255, 255, 255, 0.4) 30%, rgba(255, 255, 255, 0) 86%, rgba(255, 255, 255, 0));
  }
  .human-btn {
    --my-color: #fff;
    --my-start-color: #292929;
    --my-end-color: #292929;
    background: linear-gradient(86deg, var(--my-start-color) 30%, var(--my-end-color) 100%);
    color: var(--my-color);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--rad);
    width: 100%;
    height: 15rem;
    padding: 2.5rem 5rem;
    transition: border 0.3s ease, color 0.3s ease, --my-start-color 0.3s ease, --my-end-color 0.3s ease;
  }
  @media screen and (max-width: 767px) {
    .human-btn {
      flex-direction: column;
      height: auto;
      padding: 8vw 10.6666666667vw;
    }
  }
  .human-btn__label {
    font-size: 1.875rem;
  }
  @media screen and (max-width: 767px) {
    .human-btn__label {
      font-size: 5.0666666667vw;
      line-height: 1.5;
    }
  }
  .human-btn__icon-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid var(--my-color);
    border-radius: 100rem;
    width: 15rem;
    padding: 1.375rem;
    font-size: 1.25rem;
  }
  @media screen and (max-width: 767px) {
    .human-btn__icon-wrap {
      margin-top: 6.6666666667vw;
      font-size: 4vw;
      padding: 3.4666666667vw 4vw;
      width: 90%;
    }
  }
  .human-btn__icon {
    transition: 0.3s scale;
  }
  @media (hover: hover) {
    .human-btn:hover {
      --my-start-color: #adf2ff;
      --my-end-color: #e8fff0;
      --my-color: var(--main);
    }
    .human-btn:hover .human-btn__icon {
      scale: 1.2;
    }
    .human-btn:hover .human-btn__icon svg {
      fill: var(--hover-color1);
    }
  }
  .human-bg {
    padding-top: 8.75rem;
    padding-bottom: 11.25rem;
  }
  @media screen and (max-width: 767px) {
    .human-bg {
      padding-top: 21.3333333333vw;
      padding-bottom: 26.6666666667vw;
    }
  }
  .human-office__body {
    margin-top: 1.5rem;
  }
  .human-office__items {
    margin-top: 7.2vw;
  }
  @media screen and (min-width: 768px) {
    .human-office__items {
      margin-top: 2.8125rem;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 4.6875rem;
    }
  }
  @media screen and (max-width: 767px) {
    .human-office__items {
      display: flex;
      flex-direction: column;
      gap: 10.6666666667vw;
    }
  }
  .human-office-item {
    display: flex;
    flex-direction: column;
  }
  .human-office-item__map {
    aspect-ratio: 613/310;
    margin-bottom: 1.25rem;
    width: 100%;
  }
  .human-office-item__map iframe {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  .human-office-item__en {
    font-size: 10px;
  }
  .human-office-item__en img {
    height: 0.625rem;
  }
  .human-office-item__ttl {
    font-size: 1.375rem;
    margin-top: 0.625rem;
  }
  @media screen and (max-width: 767px) {
    .human-office-item__ttl {
      margin-top: 1.3333333333vw;
    }
  }
  .human-office-item__addr, .human-office-item__feature, .human-office-item__number {
    margin-top: 0.875rem;
  }
  @media screen and (max-width: 767px) {
    .human-office-item__addr, .human-office-item__feature, .human-office-item__number {
      margin-top: 1.6vw;
    }
  }
  .human-office-item__addr {
    line-height: 1.5;
  }
  .human-office-item__number {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1em;
  }
  .human-office-item__feature {
    font-size: 0.875rem;
  }
  .human-office-item__feature dt {
    font-weight: 500;
  }
  .human-disclosure {
    margin-top: 10.3125rem;
  }
  @media screen and (max-width: 767px) {
    .human-disclosure {
      margin-top: 21.3333333333vw;
    }
  }
  .human-disclosure__body {
    margin-top: 3.75rem;
  }
  @media screen and (max-width: 767px) {
    .human-disclosure__body {
      margin-top: 8vw;
    }
  }
  .human-info {
    border-top: 1px solid var(--gray);
    width: 100%;
  }
  .human-info__item + .human-info__item {
    margin-top: 2.5rem;
  }
  @media screen and (max-width: 767px) {
    .human-info__item + .human-info__item {
      margin-top: 1.5em;
    }
  }
  .human-info tr {
    border-bottom: 1px solid var(--gray);
  }
  @media screen and (max-width: 767px) {
    .human-info tr {
      display: flex;
      flex-direction: column;
    }
  }
  .human-info th, .human-info td {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
    vertical-align: top;
    line-height: 1.7;
  }
  @media screen and (max-width: 767px) {
    .human-info th, .human-info td {
      display: block;
      padding-left: 2.1333333333vw;
      padding-right: 2.1333333333vw;
    }
  }
  .human-info th {
    text-align: left;
  }
  @media screen and (min-width: 768px) {
    .human-info th {
      padding-left: 1.875rem;
      font-weight: normal;
      width: 17.5rem;
    }
  }
  @media screen and (max-width: 767px) {
    .human-info th {
      padding-top: 5.3333333333vw;
      padding-bottom: 0;
    }
  }
  @media screen and (min-width: 768px) {
    .human-info td {
      font-size: 1.125rem;
    }
  }
  @media screen and (max-width: 767px) {
    .human-info td {
      padding-top: 2.6666666667vw;
      padding-bottom: 5.3333333333vw;
    }
  }
  .human-download-items {
    border-top: 1px solid var(--gray);
    margin-top: 3.5rem;
  }
  @media screen and (max-width: 767px) {
    .human-download-items {
      margin-top: 8vw;
    }
  }
  .human-download-item {
    border-bottom: 1px solid var(--gray);
  }
  .human-download-item__row {
    position: relative;
    display: grid;
    align-items: center;
    grid-template-columns: 7.875rem 1fr 11.25rem;
    padding: 1.875rem 0;
  }
  @media screen and (max-width: 767px) {
    .human-download-item__row {
      padding: 4vw 0;
      grid-template-columns: 13.3333333333vw 1fr;
      gap: 2.1333333333vw;
      align-items: flex-start;
    }
  }
  .human-download-item__row::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 0%;
    height: 2px;
    background: linear-gradient(var(--hover-color2) 0%, var(--hover-color1) 100%);
    transition: width 0.4s;
  }
  @media (hover: hover) {
    .human-download-item__row:hover::after {
      width: 100%;
    }
    .human-download-item__row:hover .human-download-item__icon {
      scale: 1.1;
      border-color: transparent;
    }
    .human-download-item__row:hover svg {
      fill: var(--hover-color1);
    }
  }
  .human-download-item__type {
    display: flex;
    justify-content: center;
  }
  @media screen and (max-width: 767px) {
    .human-download-item__type {
      grid-row: 1/3;
    }
  }
  .human-download-item__pdf {
    width: 3.125rem;
    height: 1.875rem;
    border-radius: 0.3125rem;
    background: #FF0000;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 767px) {
    .human-download-item__pdf {
      transform: translateY(0.8vw);
      width: 10.1333333333vw;
      height: 6.1333333333vw;
      font-size: 2.9333333333vw;
    }
  }
  .human-download-item__ttl {
    font-size: 1.125rem;
    margin-bottom: 0.25rem;
    font-weight: 500;
  }
  .human-download-item__text {
    font-size: 0.875rem;
  }
  .human-download-item__icon {
    border: 1px solid var(--gray);
  }
  .human-download-item__icon svg {
    rotate: 90deg;
  }
  .human-download-item__meta {
    display: flex;
    gap: 1.25rem;
    font-size: 0.875rem;
  }
  @media screen and (max-width: 767px) {
    .human-download-item__meta {
      justify-content: flex-end;
      gap: 1.8666666667vw;
    }
  }
  .p-business-wrap {
    margin-top: 0;
  }
}