@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;600;700&display=swap");

/* common */
body {
  counter-reset: flow popular-posts;
}

main {
  background: #fff;
}

.hidden {
  display: none;
}

.flex {
  display: flex;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-dir-c {
  flex-direction: column;
}

.flex-ai-c {
  align-items: center;
}

.flex-ai-fs {
  align-items: flex-start;
}

.flex-ai-fe {
  align-items: flex-end;
}

.flex-ac-sb {
  align-content: space-between;
}

.flex-jc-c {
  justify-content: center;
}

.flex-jc-sb {
  justify-content: space-between;
}

.t-shadow {
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

.b-shadow {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.5);
}

.new-employee__btn.b-shadow {
  transition: box-shadow 0.2s linear 0s;
}

.new-employee__btn:hover.b-shadow {
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
}

.color-red {
  color: #ef7d2e;
}

.color-green {
  color: #0f7f3b;
}

@media all and (min-width: 600px) {
  .mobile-break {
    display: none;
  }
}

@media all and (min-width: 960px) {
  .tablet-break {
    display: none;
  }
}

.mobile-show,
.tab-show,
.pc-show,
.pc-show-lmtd {
  display: none;
}

@media all and (max-width: 599px) {
  .mobile-show {
    display: block;
  }
}

@media all and (min-width: 600px) {
  .tab-show {
    display: block;
  }
}

@media all and (min-width: 960px) {
  .pc-show {
    display: block;
  }
}

@media all and (min-width: 960px) and (max-width: 1799px) {
  .pc-show-lmtd {
    display: block;
  }
}

/* header */
.ec-header__gnav-wrapper {
  position: fixed;
}

/* content */
.new-employee__title-wrapper {
  background: url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg)
    no-repeat top/contain;
  background-image: -webkit-image-set(
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.webp) 1x
      type("image/webp"),
    url(../../images/new-employee/new-employee-page_main-visual_sp2x.webp) 2x
      type("image/webp"),
    url(../../images/new-employee/new-employee-page_main-visual_sp3x.webp) 3x
      type("image/webp"),
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg) 1x
      type("image/jpeg"),
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg) 2x
      type("image/jpeg"),
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg) 3x
      type("image/jpeg")
  );
  background-image: image-set(
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.webp) 1x
      type("image/webp"),
    url(../../images/new-employee/new-employee-page_main-visual_sp2x.webp) 2x
      type("image/webp"),
    url(../../images/new-employee/new-employee-page_main-visual_sp3x.webp) 3x
      type("image/webp"),
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg) 1x
      type("image/jpeg"),
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg) 2x
      type("image/jpeg"),
    url(../../images/new-employee/new-employee-page_main-visual_sp1x.jpg) 3x
      type("image/jpeg")
  );
  flex-direction: column;
  font-family: "Noto Sans JP", sans-serif;
  height: clamp(899px, 281.06vw, 2695px);
  justify-content: center;
  margin-bottom: calc(clamp(0px, 27.39vw - 87.6px, 175px) * -1);
  max-width: 1920px;
  padding-top: clamp(95px, 7.7px + 27.27vw, 110px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__title-wrapper {
    background: url(../../images/new-employee/new-employee-page_main-visual_pc1x.jpg)
      no-repeat center/cover;
    background-image: -webkit-image-set(
      url(../../images/new-employee/new-employee-page_main-visual_pc1x.webp) 1x
        type("image/webp"),
      url(../../images/new-employee/new-employee-page_main-visual_pc2x.webp) 2x
        type("image/webp"),
      url(../../images/new-employee/new-employee-page_main-visual_pc1x.jpg) 1x
        type("image/jpeg"),
      url(../../images/new-employee/new-employee-page_main-visual_pc2x.jpg) 2x
        type("image/jpeg")
    );
    background-image: image-set(
      url(../../images/new-employee/new-employee-page_main-visual_pc1x.webp) 1x
        type("image/webp"),
      url(../../images/new-employee/new-employee-page_main-visual_pc2x.webp) 2x
        type("image/webp"),
      url(../../images/new-employee/new-employee-page_main-visual_pc1x.jpg) 1x
        type("image/jpeg"),
      url(../../images/new-employee/new-employee-page_main-visual_pc2x.jpg) 2x
        type("image/jpeg")
    );
    flex-direction: row;
    height: clamp(550px, 57.29vw, 1100px);
    justify-content: flex-start;
    margin: var(--clamp-70) auto 0;
    padding-top: clamp(68px, -4px + 7.5vw, 140px);
  }
}

.new-employee__title--h1 {
  color: #fff;
  display: inline-block;
  font-size: clamp(20px, -1px + 6.57vw, 62px);
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 1.3;
  padding-left: clamp(20px, -2.5px + 7.04vw, 65px);
  position: relative;
}

@media all and (min-width: 960px) {
  .new-employee__title--h1 {
    color: #21a366;
    font-size: clamp(19px, -2px + 2.19vw, 40px);
    line-height: 2.3;
    padding-left: clamp(50px, 5.21vw, 100px);
  }
}

.new-employee__title--h1::before {
  background-color: #fff;
  bottom: -35px;
  bottom: calc(clamp(14px, 3.5px + 3.29vw, 35px) * -1);
  content: "";
  height: clamp(3.5px, 0.24px + 1.02vw, 10px);
  left: 0;
  position: absolute;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__title--h1::before {
    background-color: #21a366;
    bottom: 0;
    height: clamp(1.5px, -1px + 0.26vw, 4px);
  }
}

.new-employee__title--catchcopy {
  background-color: #fff;
  color: #000;
  display: inline-block;
  font-size: clamp(18px, 5.63vw, 54px);
  font-weight: 600;
  line-height: 1.38;
  margin-top: clamp(205px, -77.9px + 88.42vw, 770px);
  padding: clamp(10px, 1px + 2.82vw, 28px) clamp(18px, 2px + 5.01vw, 50px);
}

@media all and (min-width: 960px) {
  .new-employee__title--catchcopy {
    background-color: transparent;
    display: block;
    font-size: clamp(26px, 2.71vw, 52px);
    line-height: 1.35;
    margin-top: clamp(30px, 10px + 2.08vw, 50px);
    padding: 0 0 0 clamp(50px, 5.21vw, 100px);
  }
}

.new-employee__title--catchcopy span {
  font-size: 0.82em;
}

.new-employee__title--description {
  color: #000;
  font-size: clamp(12px, 0.2px + 3.68vw, 35.5px);
  font-weight: 600;
  line-height: 1.75;
  margin: clamp(120px, -2.2px + 38.18vw, 364px) auto 0;
  width: clamp(280px, 4.6px + 86.07vw, 830px);
}

@media all and (min-width: 960px) {
  .new-employee__title--description {
    font-size: clamp(10px, 1.04vw, 20px);
    margin: clamp(30px, 3.13vw, 60px) 0 0 clamp(50px, 5.21vw, 100px);
  }
}

.new-employee__title--benefits {
  background-color: #f9ffe6;
  color: #185c37;
  font-size: clamp(13.5px, 0.2px + 4.15vw, 40px);
  font-weight: 700;
  line-height: 1.5;
  margin: clamp(19px, -1.5px + 6.42vw, 60px) auto 0;
  padding: clamp(14px, 1px + 4.07vw, 40px) clamp(15px, 2.5px + 3.91vw, 40px);
  width: clamp(280px, 4.6px + 86.07vw, 830px);
}

@media all and (min-width: 960px) {
  .new-employee__title--benefits {
    display: inline-block;
    font-size: clamp(12px, 1.25vw, 24px);
    margin: clamp(15px, 1.56vw, 30px) 0 0 clamp(50px, 5.21vw, 100px);
    padding: clamp(8px, -2px + 1.04vw, 18px) clamp(16px, 1.67vw, 32px);
    width: auto;
  }
}

.new-employee__title--benefits span {
  font-size: 1.4em;
}

@media all and (min-width: 960px) {
  .new-employee__title--benefits span {
    font-size: 1.3em;
  }
}

.new-employee__title--links {
  flex-direction: column;
  margin-top: clamp(44px, 25px + 5.95vw, 82px);
}

@media all and (min-width: 960px) {
  .new-employee__title--links {
    flex-direction: row;
    margin-left: clamp(50px, 5.21vw, 100px);
    margin-top: clamp(45px, 30px + 1.56vw, 60px);
  }
}

.new-employee__title-wrapper--links {
  align-items: center;
  border-radius: 15px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  display: flex;
  font-size: clamp(14px, 12.4px + 0.5vw, 22px);
  font-weight: bold;
  height: clamp(30px, 15px + 4.69vw, 60px);
  justify-content: center;
  margin: 0 auto;
  max-width: 830px;
  width: calc(100% - 32px);
}

@media all and (min-width: 960px) {
  .new-employee__title-wrapper--links {
    border-radius: 8px;
    height: clamp(45px, 30px + 1.56vw, 60px);
    margin: 0;
    transition: box-shadow 0.2s linear 0s;
    width: clamp(210px, 65px + 15.1vw, 355px);
  }

  .new-employee__title-wrapper--links:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
  }
}

.new-employee__title-wrapper--links:last-child {
  margin-top: clamp(20px, 15px + 1.56vw, 30px);
}

@media all and (min-width: 960px) {
  .new-employee__title-wrapper--links:last-child {
    margin-left: clamp(25px, 10px + 1.56vw, 40px);
    margin-top: 0;
  }
}

.new-employee__title-wrapper--links_white {
  background: white;
  border: 1px solid #ef7d2e;
  color: #ef7d2e;
}

.new-employee__title-wrapper--links_orange {
  background: #ef7d2e;
  border: 1px solid #fff;
  color: white;
}

.new-employee__top {
  background: url(../../images/new-employee/green-background_4.svg) no-repeat
    center/cover;
  padding-top: 40px;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__top {
    background: linear-gradient(
      140deg,
      rgba(16, 82, 44, 0.3),
      rgba(142, 195, 31, 0.2)
    );
  }
}

.new-employee__top-cta {
  margin: 0 auto clamp(1px, 3.06vw - 8.8px, 50px);
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

.new-employee__top-cta--doc-request {
  width: clamp(146px, 18.8px + 39.75vw, 400px);
}

@media all and (min-width: 960px) {
  .new-employee__top-cta--doc-request {
    width: clamp(215px, 76px + 14.48vw, 354px);
  }
}
.new-employee__top-cta--doc-request_fukidashi {
  height: clamp(20px, 11px + 2.81vw, 65px);
}

.new-employee__top-cta--doc-request_fukidashi_content {
  color: #10522c;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  height: 100%;
  position: relative;
}

.new-employee__top-cta--doc-request_fukidashi_content::before,
.new-employee__top-cta--doc-request_fukidashi_content::after {
  background: #10522c;
  bottom: 5px;
  content: "";
  height: clamp(12px, 2.4px + 3vw, 60px);
  position: absolute;
  transform-origin: bottom;
  width: clamp(1px, 0.608px + 0.13vw, 3px);
}

.new-employee__top-cta--doc-request_fukidashi_content::before {
  left: -5px;
  transform: rotate(-30deg);
}

.new-employee__top-cta--doc-request_fukidashi_content::after {
  right: -5px;
  transform: rotate(30deg);
}

.new-employee__top-cta--doc-request_icon {
  margin-right: 5px;
}

.new-employee__top-cta--doc-request_icon_book {
  background: url(../../images/new-employee/icon_book.svg) no-repeat
    center/contain;
  height: clamp(16px, 7.2px + 2.75vw, 60px);
  width: clamp(16px, 7.2px + 2.75vw, 60px);
}

.new-employee__top-cta--doc-request_icon_pc {
  background: url(../../images/new-employee/icon_pc.svg) no-repeat
    center/contain;
  height: clamp(13px, 5.6px + 2.31vw, 50px);
  transform: translateY(-2px);
  width: clamp(13px, 5.6px + 2.31vw, 50px);
}

@media all and (min-width: 600px) {
  .new-employee__top-cta--doc-text {
    font-weight: bold;
  }
}

.new-employee__top-cta--contact {
  background: #fff;
  border-radius: 20px;
  margin-top: clamp(15px, 7.488px + 2.35vw, 30px);
  padding: clamp(12px, 4.4px + 2.38vw, 50px) clamp(12px, 4.4px + 2.38vw, 50px)
    clamp(12px, 6.4px + 1.75vw, 40px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__top-cta--contact {
    margin-top: 0;
    width: clamp(370px, 2px + 38.33vw, 738px);
  }
}

.new-employee__top-cta--contact_text {
  color: #ef7d2e;
  font-size: clamp(14px, 12px + 0.63vw, 24px);
  margin-bottom: clamp(6px, 2.192px + 1.19vw, 25px);
  margin-left: -3em;
  text-align: center;
}

@media all and (min-width: 600px) {
  .new-employee__top-cta--contact_text {
    font-weight: bold;
    margin-left: -5em;
  }
}

.new-employee__btn {
  border-radius: min(9999px, 40px);
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  height: clamp(30px, 13px + 5.31vw, 115px);
  margin-top: clamp(1px, 1.19vw - 2.8px, 20px);
  position: relative;
  width: 100%;
  z-index: 5;
}

.new-employee__in-a-hurry--information_cta_contact
  .new-employee__btn:last-child,
.new-employee__cta-box--contact_btn-wrapper .new-employee__btn:last-child {
  margin-top: var(--clamp-20sp);
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--information_cta_contact
    .new-employee__btn:last-child,
  .new-employee__cta-box--contact_btn-wrapper .new-employee__btn:last-child {
    margin-top: var(--clamp-20);
  }
}

.new-employee__btn--white-orange {
  background: #fff;
  border: clamp(1px, 0.38vw - 0.192px, 7px) solid #ef7d2e;
  color: #ef7d2e;
}

.new-employee__btn--orange-white {
  background: #ef7d2e;
  border: clamp(1px, 0.38vw - 0.192px, 7px) solid #fff;
  color: #fff;
}

.new-employee__btn--icon::before {
  background: url(../../images/new-employee/icon_person.svg) no-repeat
    center/contain;
  bottom: calc(50% + clamp(2px, 0.75vw - 0.4px, 14px));
  content: "";
  height: clamp(65px, 34.8px + 9.44vw, 13.5rem);
  left: clamp(196px, 63.792px + 41.31vw, 460px);
  position: absolute;
  width: clamp(65px, 34.8px + 9.44vw, 13.5rem);
  z-index: -1;
}

@media all and (min-width: 960px) {
  .new-employee__btn--icon::before {
    left: clamp(200px, 21.88vw - 10px, 410px);
  }
}

.new-employee__title--mark {
  margin: 0 auto;
  padding-top: clamp(46px, 40.4px + 1.75vw, 74px);
  width: clamp(67px, 58.4px + 2.69vw, 110px);
}

.new-employee__title--text {
  color: #0f7f3b;
  font-size: clamp(14px, 8.8px + 1.63vw, 40px);
  font-weight: bold;
  text-align: center;
}

.new-employee__title--text_with-mark {
  padding: 15px 0 clamp(20px, 12px + 2.5vw, 60px);
}

@media all and (min-width: 600px) {
  .new-employee__past-work--title {
    background: #fff;
  }
}

.new-employee__past-work--customers {
  background: #fff;
  padding-top: clamp(1px, 2.13vw - 5.808px, 35px);
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__past-work--customers {
    background: #f3f3f3;
  }
}

.new-employee__past-work--customers_list {
  margin: 0 auto;
  padding: clamp(14px, 11.808px + 0.69vw, 25px) 0
    clamp(10px, 7px + 0.94vw, 25px);
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

@media all and (min-width: 600px) {
  .new-employee__past-work--customers_list {
    background: #fff;
  }
}

.new-employee__past-work--customers_list_logo {
  height: clamp(30px, 22px + 2.5vw, 70px);
  margin: 0 clamp(13px, 12px + 0.28vw, 17.5px);
  width: clamp(52px, 39.4px + 3.94vw, 115px);
}

.new-employee__past-work--customers_text {
  font-size: clamp(12px, 10px + 0.63vw, 22px);
  padding: clamp(1px, 0.56vw - 0.8px, 10px) 0;
  text-align: center;
}

@media all and (min-width: 600px) {
  .new-employee__past-work--customers_text {
    font-weight: bold;
  }
}

.new-employee__past-work--trainings {
  padding-bottom: 25px;
  padding-top: clamp(21px, 16.4px + 1.44vw, 44px);
}

@media all and (min-width: 600px) {
  .new-employee__past-work--trainings {
    background: #fff;
    padding-bottom: 0;
  }
}

.new-employee__past-work--trainings_btn {
  background: #fff;
  border: clamp(1px, 0.4px + 0.19vw, 4px) solid #0f7f3b;
  border-radius: 40px;
  color: #0f7f3b;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  font-weight: bold;
  height: clamp(30px, 13px + 5.31vw, 115px);
  margin: 0 auto;
  width: clamp(166px, 128.4px + 11.75vw, 354px);
}

.new-employee__in-a-hurry {
  background: #fbf3f3;
  border-bottom: clamp(1px, 0.63vw - 1px, 5px) solid #c25155;
  margin: clamp(20px, 10px + 3.13vw, 70px) auto 0;
  padding-bottom: clamp(5px, 2vw - 1.392px, 37px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry {
    width: clamp(300px, 35.2px + 82.75vw, 1624px);
  }
}

.new-employee__in-a-hurry--title {
  background: #c25155;
  color: #fff;
  font-size: clamp(14px, 10.8px + 1vw, 30px);
  font-weight: normal;
  line-height: 1;
  padding: 13px 0 clamp(10px, 11.792px - 0.56vw, 5px);
  text-align: center;
}

@media all and (min-width: 600px) {
  .new-employee__in-a-hurry--title {
    font-weight: bold;
  }
}

.new-employee__in-a-hurry--title::before {
  background: url(../../images/new-employee/icon_caution-triangle.svg) no-repeat
    center/contain;
  content: "";
  display: inline-block;
  height: clamp(14px, 6px + 2.5vw, 54px);
  margin-right: clamp(4px, 2px + 0.63vw, 14px);
  transform: translateY(-1px);
  width: clamp(14px, 6px + 2.5vw, 54px);
}

.new-employee__in-a-hurry--concerns {
  background: #c25155;
  padding-bottom: clamp(10px, 4.992px + 1.56vw, 20px);
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--concerns {
    background: none;
    padding-bottom: 0;
  }
}

.new-employee__in-a-hurry--concerns_list {
  background: #fff;
  padding: clamp(10px, 2px + 2.5vw, 50px) 60px
    clamp(8px, 0.608px + 2.31vw, 45px) clamp(15px, 10.6px + 1.38vw, 37px);
  position: relative;
  width: clamp(300px, 35.2px + 82.75vw, 816px);
}

.new-employee__in-a-hurry--concerns_list::after {
  background: url(../../images/new-employee/person-in-a-hurry.svg) no-repeat
    center/contain;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: clamp(55px, 26px + 9.06vw, 200px);
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--concerns_list {
    margin-top: 35px;
  }
}

.new-employee__in-a-hurry--concerns_list_item {
  font-size: clamp(13px, 9.6px + 1.06vw, 30px);
  line-height: 1.4;
}

.new-employee__in-a-hurry--concerns_list_item:first-child {
  margin-bottom: clamp(10px, 7px + 0.94vw, 25px);
}

@media all and (max-width: 599px) {
  .new-employee__in-a-hurry--concerns_list_item::before {
    background: #c25155;
    border-radius: 50%;
    height: 5px;
    content: "";
    margin-right: clamp(5px, 2.7px + 0.72vw, 7px);
    transform: translateY(clamp(5px, 2.7px + 0.72vw, 7px));
    width: 5px;
  }
}

@media all and (min-width: 600px) {
  .new-employee__in-a-hurry--concerns_list_item {
    font-weight: bold;
  }

  .new-employee__in-a-hurry--concerns_list_item::before {
    background: url(../../images/new-employee/icon_caution-circle.svg) no-repeat
      center/contain;
    height: 25px;
    content: "";
    margin-right: 10px;
    transform: translateY(clamp(-2px, 0.61vw - 5.632px, 6px));
    width: 25px;
  }
}

.new-employee__in-a-hurry--what-we-do {
  font-size: clamp(14px, 12px + 0.63vw, 24px);
  letter-spacing: -0.6px;
  margin: clamp(10px, 4.07vw - 3.024px, 36px) auto 0;
  width: clamp(300px, 35.2px + 82.75vw, 444px);
}

@media all and (min-width: 600px) {
  .new-employee__in-a-hurry--what-we-do {
    font-weight: bold;
    letter-spacing: normal;
    width: clamp(444px, 123px + 53.48vw, 1150px);
  }
}

.new_employee__in-a-hurry--what-we-do_emphasized {
  color: #c25155;
}

@media all and (min-width: 600px) {
  .new_employee__in-a-hurry--what-we-do_emphasized {
    font-size: 1.4em;
    padding: 0 4px;
    position: relative;
  }

  .new_employee__in-a-hurry--what-we-do_emphasized::before {
    background: #efca2e;
    bottom: 3px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.new-employee__in-a-hurry--information {
  margin: clamp(20px, 12.496px + 2.35vw, 35px) auto 0;
  width: clamp(300px, 35.2px + 82.75vw, 444px);
}

@media all and (min-width: 600px) {
  .new-employee__in-a-hurry--information {
    width: clamp(444px, 123px + 53.48vw, 1150px);
  }
}

.new-employee__in-a-hurry--information_cta {
  margin-top: clamp(10px, 4.992px + 1.56vw, 20px);
  order: 2;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--information_cta {
    margin-top: 0;
    order: 1;
    width: clamp(330px, 60px + 28.13vw, 600px);
  }
}

.new-employee__in-a-hurry--information_cta_lead-arrow {
  height: clamp(24px, 19.392px + 1.44vw, 47px);
  margin: 0 auto;
  width: clamp(24px, 19.392px + 1.44vw, 47px);
}

.new-employee__in-a-hurry--information_cta_contact {
  margin-top: clamp(10px, 3.91vw - 2.512px, 35px);
}

.new-employee__in-a-hurry--information_cta_notes {
  font-size: clamp(12px, 10.4px + 0.5vw, 20px);
  margin-top: clamp(10px, 4.69vw - 5.024px, 40px);
}

.new-employee__in-a-hurry--information_availability {
  background: #fff;
  border: 3px solid #efca2e;
  order: 1;
  padding: 10px 0;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--information_availability {
    order: 2;
    padding: clamp(20px, 2.5vw - 4px, 44px) 0 clamp(20px, 10px + 1.04vw, 30px);
    width: clamp(260px, 45px + 22.4vw, 475px);
  }
}

.new-employee__in-a-hurry--title_h3 {
  color: #c25155;
  font-size: clamp(14px, 10.8px + 1vw, 30px);
  font-weight: normal;
  text-align: center;
}

@media all and (min-width: 360px) {
  .new-employee__in-a-hurry--title_h3 {
    padding-left: clamp(4px, 7.68vw - 23.648px, 50px);
    text-align: left;
  }
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--title_h3 {
    font-weight: bold;
    padding-left: 0;
    text-align: center;
  }
}

.new-employee__in-a-hurry--availability-contact-us {
  color: #ef7d2e;
  font-size: clamp(12px, 8.4px + 0.81vw, 24px);
  margin-top: clamp(1px, 1.79vw - 4.736px, 6px);
  text-align: center;
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--availability-contact-us {
    font-weight: bold;
    margin-top: clamp(15px, 3.02vw - 14px, 44px);
  }
}

.new-employee__in-a-hurry--availability-contact-us_reduced-size {
  color: #ef7d2e;
  font-size: clamp(12px, 10.8px + 0.38vw, 18px);
  margin-top: clamp(10px, 6px + 1.25vw, 30px);
  text-align: center;
}

@media all and (min-width: 360px) and (max-width: 959px) {
  .new-employee__in-a-hurry--availability-contact-us_reduced-size {
    padding-left: clamp(4px, 7.68vw - 23.648px, 50px);
    text-align: left;
  }
}

@media all and (min-width: 360px) and (max-width: 959px) {
  .new-employee__in-a-hurry--availability-contact-us_break {
    display: none;
  }
}

.new-employee__in-a-hurry--availability-list {
  margin-top: clamp(1px, 1.79vw - 4.736px, 6px);
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--availability-list {
    margin-top: clamp(15px, 3.02vw - 14px, 44px);
  }
}

.new-employee__in-a-hurry--availability-list_item {
  font-size: clamp(12px, 8.4px + 0.81vw, 24px);
  justify-content: center;
  width: 100%;
}

@media all and (min-width: 360px) and (max-width: 959px) {
  .new-employee__in-a-hurry--availability-list_item {
    width: 50%;
  }
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--availability-list_item {
    font-weight: bold;
  }

  .new-employee__in-a-hurry--availability-list_item:not(:first-child) {
    margin-top: 5px;
  }
}

.new-employee__in-a-hurry--availability-list_item p:first-child {
  width: 3.6em;
}

@media all and (min-width: 960px) {
  .new-employee__in-a-hurry--availability-list_item p:first-child {
    width: 4em;
  }
}

.new-employee__in-a-hurry--availability-list_item p:nth-child(2) {
  margin-right: 0.5em;
}

.new-employee__in-a-hurry--availability-list_item p:last-child {
  width: 4.4em;
}

.new-employee__in-a-hurry--availability-list_item_month {
  display: inline-block;
  text-align: center;
  width: 1.6em;
}

.new-employee__in-a-hurry--availability-list_item_full {
  color: #ef7d2e;
}

.new-employee__customers {
  margin-top: var(--clamp-80sp);
}

@media all and (min-width: 744px) {
  .new-employee__customers {
    margin-top: var(--clamp-80);
  }
}

.new-employee__problem-solving {
  background: #f2f2f2;
  margin: clamp(10px, 4vw - 2.8px, 74px) auto 0;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving {
    width: clamp(600px, 134.544px + 77.58vw, 1624px);
  }
}

.new-employee__problem-solving--title {
  background: #fff;
  color: #0f7f3b;
  font-size: clamp(14px, 10.8px + 1vw, 30px);
  font-weight: normal;
  padding-bottom: clamp(12px, 4.3vw - 1.76px, 24px);
  text-align: center;
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--title {
    background: none;
    color: #18904d;
    font-weight: bold;
    padding: clamp(21.2px, 4.45vw - 5.52px, 80px) 0
      clamp(20px, 4.55vw - 7.28px, 74px);
  }
}

.new-employee__problem-solving--problems {
  position: relative;
  z-index: 10;
}

.new-employee__problem-solving--problems::after {
  border-left: clamp(30px, 12px + 5.63vw, 120px) solid transparent;
  border-right: clamp(30px, 12px + 5.63vw, 120px) solid transparent;
  border-top: clamp(16px, 0.192px + 4.94vw, 95px) solid #f2f2f2;
  content: "";
  left: calc(50% - clamp(30px, 12px + 5.63vw, 120px));
  position: absolute;
}

.new-employee__problem-solving--problems_list {
  background: #fff;
  border-radius: 20px;
  margin: 20px auto 0;
  padding: clamp(15px, 10px + 1.56vw, 25px) clamp(10px, 2.496px + 2.35vw, 25px);
  position: relative;
  width: clamp(300px, 35.2px + 82.75vw, 444px);
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--problems_list {
    margin-top: 0;
    width: clamp(444px, 100.368px + 57.27vw, 1200px);
  }
}

@media all and (min-width: 960px) {
  .new-employee__problem-solving--problems_list {
    padding: clamp(25px, 4.69vw - 20px, 70px)
      clamp(25px, 6.496px + 1.93vw, 43.5px) clamp(25px, 4.69vw - 20px, 70px)
      265px;
  }
}

.new-employee__problem-solving--problems_list::before {
  background: url(../../images/new-employee/person-who-has-troubles.svg)
    no-repeat center/contain;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0.1;
  position: absolute;
  top: 0;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__problem-solving--problems_list::before {
    height: 300px;
    opacity: 1;
    top: calc(50% - 150px);
    width: 300px;
  }
}

.new-employee__problem-solving--problems_list_item {
  font-size: clamp(14px, 12px + 0.63vw, 24px);
  letter-spacing: -0.4px;
  line-height: 1.4;
  text-align: justify;
}

.new-employee__problem-solving--problems_list_item:not(:first-child) {
  margin-top: 1.5em;
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--problems_list_item {
    font-weight: bold;
  }
}

.new-employee__problem-solving--problems_list_item::before {
  background: url(../../images/new-employee/icon_check-mark.svg) no-repeat
    center/contain;
  content: "";
  flex-shrink: 0;
  height: 0.8em;
  margin-right: 0.4em;
  transform: translateY(3px);
  width: 0.8em;
}

.new-employee__problem-solving--problems_voice {
  color: #0f7f3b;
  font-size: clamp(14px, 8.8px + 1.63vw, 40px);
  font-weight: bold;
  margin-top: clamp(18px, 14px + 1.25vw, 38px);
  text-align: center;
}

.new-employee__problem-solving--problems_text {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  letter-spacing: -0.5px;
  margin: 1.4em auto 0;
  padding-bottom: clamp(20px, 12px + 2.5vw, 60px);
  width: clamp(300px, 35.2px + 82.75vw, 444px);
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--problems_text {
    font-weight: bold;
    letter-spacing: 0;
    margin-top: 0.5em;
    text-align: center;
    width: 100%;
  }
}

.new-employee__problem-solving--result {
  background: url(../../images/new-employee/green-background_3.svg) no-repeat
    center/cover;
  padding-bottom: clamp(35px, 27.2px + 2.44vw, 74px);
  padding-top: clamp(26px, 4.592px + 6.69vw, 133px);
  position: relative;
}

@media all and (max-width: 599px) {
  .new-employee__problem-solving--result::after {
    background: linear-gradient(
      to left,
      rgba(142, 195, 31, 0.54),
      rgba(15, 127, 59, 0.86)
    );
    bottom: 0;
    content: "";
    height: clamp(2px, 1.408px + 0.19vw, 5px);
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.new-employee__problem-solving--title_h3-1 {
  background: linear-gradient(
    to left,
    rgba(142, 195, 31, 0.54),
    rgba(15, 127, 59, 0.86)
  );
  color: #fff;
  font-size: clamp(14px, 6.8px + 2.25vw, 50px);
  font-weight: normal;
  height: clamp(21px, 4px + 5.31vw, 106px);
  line-height: 1;
  margin-bottom: clamp(26px, 23.808px + 0.69vw, 37px);
  padding-top: 3px;
  width: clamp(300px, 35.2px + 82.75vw, 444px);
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--title_h3-1 {
    font-weight: bold;
    text-shadow: 0 3px 6px #006434;
    width: 100%;
  }
}

.new-employee__problem-solving--result_description {
  font-size: clamp(14px, 10.8px + 1vw, 30px);
  text-align: justify;
  width: clamp(300px, 35.2px + 82.75vw, 444px);
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--result_description {
    font-weight: bold;
    padding: 0 15px;
    text-align: center;
    width: 100%;
  }
}

.new-employee__problem-solving--title_h3-2 {
  position: relative;
  width: 100%;
  z-index: 10;
}

.new-employee__problem-solving--title_h3-2_text {
  background: #fff;
  border-radius: 9999px;
  font-size: clamp(14px, 8.8px + 1.63vw, 40px);
  font-weight: normal;
  height: 1.6em;
  margin: clamp(26px, 18.192px + 2.44vw, 65px) auto 0;
  padding: 3px 1.8em 0;
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--title_h3-2_text {
    background: none;
    font-weight: bold;
    position: relative;
  }

  .new-employee__problem-solving--title_h3-2_text span {
    font-size: calc(1em + 10px);
  }
}

.new-employee__problem-solving--title_h3-2_text::before {
  background: linear-gradient(
    to left,
    rgba(142, 195, 31, 0.54),
    rgba(15, 127, 59, 0.86)
  );
  content: "";
  height: clamp(2px, 1.408px + 0.19vw, 5px);
  left: 0;
  position: absolute;
  transform: translateY(-1px);
  width: 100%;
  z-index: -1;
}

@media all and (min-width: 600px) {
  .new-employee__problem-solving--title_h3-2_text::before {
    bottom: 0;
    transform: translateY(0);
  }
}

.new-employee__problem-solving--result_list {
  margin-top: 8px;
  width: clamp(300px, 131.744px + 52.58vw, 636px);
}

@media all and (min-width: 960px) {
  .new-employee__problem-solving--result_list {
    margin-top: clamp(24px, 5.21vw - 26px, 74px);
    width: 100%;
  }
}

.new-employee__problem-solving--result_list-item {
  font-size: clamp(14px, 13.408px + 0.19vw, 17px);
  height: clamp(60px, 29.952px + 9.39vw, 120px);
  line-height: 1.4;
  margin-top: 16px;
  padding-left: clamp(70px, 34.944px + 10.95vw, 140px);
  position: relative;
  width: 100%;
  z-index: 10;
}

@media all and (min-width: 960px) {
  .new-employee__problem-solving--result_list-item {
    font-weight: bold;
    height: clamp(275px, 130px + 15.1vw, 420px);
    justify-content: center;
    letter-spacing: -0.8px;
    margin: 0 clamp(7px, 4.79vw - 39px, 52px);
    padding-left: 0;
    padding-top: clamp(130px, 70px + 6.25vw, 190px);
    position: relative;
    text-align: center;
    width: clamp(275px, 130px + 15.1vw, 420px);
  }
}

.new-employee__problem-solving--result_list-item::before {
  background: #fff;
  border-radius: 50%;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: clamp(60px, 29.952px + 9.39vw, 120px);
  z-index: -1;
}

@media all and (min-width: 960px) {
  .new-employee__problem-solving--result_list-item::before {
    width: 100%;
  }
}

.new-employee__problem-solving--result_list-item_image {
  height: clamp(60px, 29.952px + 9.39vw, 120px);
  left: 0;
  position: absolute;
  top: 0;
  width: clamp(60px, 29.952px + 9.39vw, 120px);
}

@media all and (min-width: 960px) {
  .new-employee__problem-solving--result_list-item_image {
    height: clamp(160px, 70px + 9.38vw, 250px);
    left: calc(50% - (clamp(160px, 70px + 9.38vw, 250px) / 2));
    top: clamp(10px, 1.56vw - 5px, 25px);
    width: clamp(160px, 70px + 9.38vw, 250px);
  }
}

.new-employee__problem-solving--result_list-item_text span {
  color: #18904d;
  font-size: clamp(16px, 12.8px + 1vw, 32px);
  font-weight: bold;
}

@media all and (max-width: 599px) {
  .new-employee__features--title {
    font-weight: normal;
    line-height: 1.4;
  }

  .new-employee__features--title span {
    font-size: 0.86em;
    display: block;
  }
}

@media all and (min-width: 600px) {
  .new-employee__features {
    background: url(../../images/new-employee/gray-background_1.svg) no-repeat
      center/cover;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    padding: clamp(35px, 7.728px + 4.55vw, 95px) 0;
  }
}

.new-employee__features-wrapper {
  background: #fff;
  margin: 0 auto clamp(75px, 70px + 1.56vw, 100px);
  width: clamp(300px, 94px + 64.38vw, 1330px);
}

@media all and (min-width: 600px) {
  .new-employee__features-wrapper {
    background: #fff;
    border-left: clamp(2px, 2.096px + 0.15vw, 5px) solid #18904d;
    border-right: clamp(2px, 2.096px + 0.15vw, 5px) solid #18904d;
    margin-bottom: 0;
  }

  .new-employee__features-wrapper:first-child {
    border-top: clamp(2px, 2.096px + 0.15vw, 5px) solid #18904d;
  }

  .new-employee__features-wrapper:last-child {
    border-bottom: clamp(2px, 2.096px + 0.15vw, 5px) solid #18904d;
  }

  .new-employee__features--curriculum,
  .new-employee__features--effect {
    padding-bottom: clamp(60px, 41.824px + 3.03vw, 100px);
    position: relative;
  }

  .new-employee__features--curriculum::after,
  .new-employee__features--effect::after {
    background-image: linear-gradient(
      to right,
      #333,
      #333 2px,
      transparent 2px,
      transparent 8px
    );
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 8px 2px;
    bottom: 0;
    content: "";
    height: 2px;
    left: calc(50% - (clamp(450px, 104.544px + 57.58vw, 1210px) / 2));
    position: absolute;
    width: clamp(450px, 104.544px + 57.58vw, 1220px);
  }

  .new-employee__features--fixation {
    padding-bottom: 40px;
  }
}

.new-employee__features--title_h3 {
  background: rgba(219, 219, 219, 0.38);
  font-size: clamp(14px, 11.6px + 0.75vw, 26px);
  font-weight: normal;
  line-height: 1.4;
  padding: 4px 0 4px clamp(30px, 18.528px + 3.58vw, 40px);
  position: relative;
}

@media all and (min-width: 600px) {
  .new-employee__features--title_h3 {
    background: none;
    line-height: 1.3;
    margin-bottom: clamp(55px, 41.36px + 2.27vw, 85px);
    margin-left: clamp(15px, 2.65vw - 0.912px, 50px);
    padding: 4px 0 4px clamp(40px, 28.64px + 1.89vw, 65px);
  }

  .new-employee__features--curriculum .new-employee__features--title_h3 {
    padding-top: clamp(20px, 10.912px + 1.52vw, 40px);
  }

  .new-employee__features--effect .new-employee__features--title_h3,
  .new-employee__features--fixation .new-employee__features--title_h3 {
    padding-top: clamp(50px, 40.912px + 1.52vw, 70px);
  }
}

.new-employee__features--title_h3::before {
  bottom: 0;
  color: #b9ddc9;
  font-size: 2.2em;
  font-weight: bold;
  left: 4px;
  position: absolute;
}

.new-employee__features--curriculum .new-employee__features--title_h3::before {
  content: "1";
}

.new-employee__features--effect .new-employee__features--title_h3::before {
  content: "2";
}

.new-employee__features--fixation .new-employee__features--title_h3::before {
  content: "3";
}

@media all and (min-width: 600px) {
  .new-employee__features--title_h3::before {
    font-size: 1.345em;
    left: clamp(4px, 0.368px + 0.61vw, 12px);
  }
}

.new-employee__features--title_h3_emphasized {
  color: #0f7f3b;
  display: block;
  font-weight: bold;
  letter-spacing: -1px;
}

@media all and (min-width: 375px) {
  .new-employee__features--title_h3_emphasized {
    letter-spacing: -0.5px;
  }
}

@media all and (min-width: 600px) {
  .new-employee__features--title_h3_emphasized {
    font-size: 1.345em;
    letter-spacing: -2px;
    position: relative;
  }

  .new-employee__features--title_h3_emphasized::before {
    background: rgba(24, 144, 77, 0.3);
    bottom: -8px;
    content: "";
    height: clamp(2px, 0.64px + 0.23vw, 5px);
    left: clamp(-65px, -35.904px - 1.52vw, -45px);
    position: absolute;
  }

  .new-employee__features--curriculum
    .new-employee__features--title_h3_emphasized::before {
    width: clamp(425px, 254.544px + 28.41vw, 800px);
  }

  .new-employee__features--effect
    .new-employee__features--title_h3_emphasized::before {
    width: clamp(445px, 270px + 29.17vw, 830px);
  }

  .new-employee__features--fixation
    .new-employee__features--title_h3_emphasized::before {
    width: clamp(310px, 187.28px + 20.45vw, 580px);
  }

  .new-employee__features--title_h3_emphasized::after {
    background: rgba(24, 144, 77, 0.3);
    content: "";
    height: clamp(70px, 55.456px + 2.42vw, 102px);
    left: clamp(-15px, -7.728px - 0.38vw, -10px);
    position: absolute;
    top: clamp(-32px, -14.544px - 0.91vw, -20px);
    width: clamp(2px, 0.64px + 0.23vw, 5px);
  }
}

.new-employee__features--image {
  height: 260px;
  overflow: hidden;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__features--image {
    height: clamp(260px, 114.544px + 24.24vw, 580px);
    margin: 0 auto;
    width: clamp(450px, 177.28px + 45.45vw, 1050px);
  }
}

.new-employee__features--description {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  text-align: justify;
}

@media all and (min-width: 600px) {
  .new-employee__features--description {
    font-weight: bold;
    margin: 0 auto;
    width: clamp(450px, 177.28px + 45.45vw, 1050px);
  }
}

.new-employee__features-wrapper
  .new-employee__features--description:first-of-type {
  margin-top: clamp(45px, 39px + 1.88vw, 75px);
}

.new-employee__features-wrapper
  .new-employee__features--description:not(:first-of-type) {
  margin-top: 1.5em;
}

@media all and (min-width: 600px) {
  .new-employee__overview {
    background: url(../../images/new-employee/gray-background_2.svg) no-repeat
      right/cover;
    padding-bottom: clamp(30px, 9.552px + 3.41vw, 75px);
  }
}

.new-employee__overview--table {
  border-top: 1px solid #707070;
  margin: 0 auto;
  width: clamp(300px, 35.2px + 82.75vw, 1110px);
}

.new-employee__overview--item {
  min-height: clamp(50px, 38px + 3.75vw, 110px);
  border-bottom: 1px solid #707070;
  position: relative;
}

.new-employee__overview--item::before {
  background: linear-gradient(
    to right,
    rgba(71, 178, 32, 0.2) clamp(115px, 71px + 13.75vw, 335px),
    #fff clamp(115px, 71px + 13.75vw, 335px),
    #fff 100%
  );
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.new-employee__overview--item_head {
  font-size: clamp(12px, 9.2px + 0.88vw, 26px);
  font-weight: normal;
  padding: 0 clamp(1px, 0.56vw - 0.8px, 10px) 0 clamp(8px, 5.6px + 0.75vw, 20px);
  position: relative;
  width: clamp(115px, 71px + 13.75vw, 335px);
  z-index: 5;
}

@media all and (min-width: 600px) {
  .new-employee__overview--item_head {
    font-weight: bold;
  }
}

.new-employee__overview--item_head_icon {
  height: clamp(20px, 10px + 3.13vw, 70px);
  width: clamp(20px, 10px + 3.13vw, 70px);
}

.new-employee__overview--item_head_text {
  display: flex;
  justify-content: center;
  width: calc(100% - clamp(20px, 10px + 3.13vw, 70px));
}

@media all and (min-width: 1200px) {
  .new-employee__overview--item_head_break {
    display: none;
  }
}

.new-employee__overview--item_description {
  font-size: clamp(12px, 10.8px + 0.38vw, 18px);
  padding: 12px clamp(8px, 4.19vw - 5.408px, 75px) 12px
    clamp(8px, 4.19vw - 5.408px, 75px);
  position: relative;
  width: calc(
    clamp(300px, 35.2px + 82.75vw, 1110px) - clamp(115px, 71px + 13.75vw, 335px)
  );
  z-index: 5;
}

@media all and (min-width: 600px) {
  .new-employee__overview--item_description {
    font-weight: bold;
  }
}

.new-employee__overview--item_description_time span {
  display: block;
  font-size: 0.85em;
}

@media all and (min-width: 600px) {
  .new-employee__overview--item_description_time span {
    display: inline-block;
    font-size: 1em;
    margin-left: 1em;
  }
}

.new-employee__overview--item_description_region span {
  font-size: 0.85em;
}

@media all and (min-width: 600px) {
  .new-employee__overview--item_description_region span {
    font-size: 1em;
  }
}

.new-employee__overview--availability_month {
  display: inline-block;
  text-align: right;
  width: 1.5em;
}

.new-employee__overview--item_description_list {
  padding-left: 0.75em;
  position: relative;
}

.new-employee__overview--item_description_list:not(:first-child) {
  margin-top: 0.8em;
}

.new-employee__overview--item_description_list::before {
  content: "・";
  font-size: 1em;
  left: -5px;
  position: absolute;
  top: 0;
}

.new-employee__training-lead {
  margin: 0 auto;
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

@media all and (min-width: 600px) {
  .new-employee__training-lead {
    justify-content: center;
  }
}

.new-employee__training-lead_text_1 {
  font-size: clamp(14px, 10.8px + 1vw, 30px);
}

@media all and (min-width: 600px) {
  .new-employee__training-lead_text_1 {
    font-weight: bold;
    line-height: 1.2;
    padding: 0 1em 0 1.5em;
    position: relative;
  }

  .new-employee__training-lead_text_1::before {
    background: linear-gradient(
      to left,
      rgba(142, 195, 31, 0.54),
      rgba(15, 127, 59, 0.86)
    );
    bottom: 0;
    content: "";
    height: clamp(3px, 2.096px + 0.15vw, 5px);
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.new-employee__training-lead_text_2 {
  font-size: clamp(14px, 10.8px + 1vw, 24px);
}

@media all and (min-width: 600px) {
  .new-employee__training-lead_text_2 {
    font-size: clamp(12.8px, 7.712px + 0.85vw, 24px);
    font-weight: bold;
    margin-top: clamp(40px, 24.096px + 2.65vw, 75px);
  }
}

.new-employee__training-lead_text_emphasized {
  color: #0f7f3b;
}

@media all and (min-width: 600px) {
  .new-employee__training-lead_text_emphasized {
    font-size: 1.25em;
  }
}

.new-employee__training-plans {
  background: rgba(16, 82, 44, 0.5);
  margin: clamp(22px, 13.392px + 2.69vw, 65px) auto 0;
  padding: clamp(22px, 18px + 1.25vw, 42px) 0;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans {
    padding-bottom: 0;
    width: clamp(960px, 214px + 77.71vw, 1706px);
  }
}

.new-employee__training-plans-table {
  margin: 0 auto;
  position: relative;
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table {
    width: clamp(920px, 216px + 73.33vw, 1624px);
  }
}

.new-employee__training-plans-table--block-1 {
  flex-direction: column;
  height: calc(clamp(154.5px, 108.432px + 14.4vw, 246.5px) + 3px);
  left: 0;
  order: 1;
  position: absolute;
  top: 0;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-1 {
    flex-direction: row;
    height: 172px;
    position: relative;
    width: clamp(290px, 116px + 18.13vw, 464px);
  }
}

.new-employee__training-plans-table--block-1_logo {
  background: #fff;
  height: clamp(38px, 24.48px + 4.23vw, 65px);
  margin-bottom: 3px;
  order: 2;
  width: clamp(93px, 56.448px + 11.42vw, 166px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-1_logo {
    height: 101px;
    margin-bottom: 5px;
    order: 1;
    width: 100%;
  }
}

.new-employee__training-plans-table--block-1_plan {
  background: #0f7f3b;
  border: 3px solid #fff;
  color: #fff;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  height: clamp(30px, 22.496px + 2.35vw, 45px);
  margin-bottom: clamp(21px, 18.24px + 0.86vw, 26.5px);
  order: 1;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-1_plan {
    border: clamp(1px, 0.608px + 0.13vw, 3px) solid #fff;
    font-weight: bold;
    height: 66px;
    margin-bottom: 0;
    order: 2;
    width: clamp(115px, 43.504px + 7.45vw, 186.5px);
  }
}

.new-employee__training-plans-table--block-1_example {
  background: #0f7f3b;
  border: clamp(1px, 0.608px + 0.13vw, 3px) solid #fff;
  color: #fff;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  height: clamp(65px, 42.464px + 7.04vw, 110px);
  order: 3;
  width: clamp(93px, 56.448px + 11.42vw, 166px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-1_example {
    font-weight: bold;
    height: 66px;
    order: 3;
    width: clamp(170px, 67.504px + 10.68vw, 272.5px);
  }
}

.new-employee__training-plans-table--block-2 {
  flex-direction: column;
  height: calc(
    clamp(320px, 229.856px + 28.17vw, 500px) + 3px + 3px + 3px + 3px
  );
  order: 2;
  margin-top: calc(clamp(154.5px, 108.432px + 14.4vw, 246.5px) + 3px + 3px);
  width: calc(clamp(87px, 50.448px + 11.42vw, 160px) + 3px + 3px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-2 {
    flex-direction: row;
    height: 172px;
    margin-top: 0;
    width: clamp(625px, 95px + 55.21vw, 1155px);
  }
}

.new-employee__training-plans-table--block-2_customizable-menus {
  background: #0f7f3b;
  border: clamp(1px, 0.608px + 0.13vw, 3px) solid #fff;
  color: #fff;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  height: 100%;
  margin-right: 3px;
  writing-mode: vertical-lr;
  width: clamp(22px, 10.48px + 3.6vw, 45px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-2_customizable-menus {
    font-weight: bold;
    height: 66px;
    margin-bottom: 5px;
    margin-right: 0;
    width: 100%;
    writing-mode: horizontal-tb;
  }
}

.new-employee__training-plans-table--block-2_basics,
.new-employee__training-plans-table--block-2_practices {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  height: calc(clamp(128px, 91.936px + 11.27vw, 200px) + 3px);
  width: calc(clamp(65px, 39.968px + 7.82vw, 115px) + 3px);
  writing-mode: vertical-lr;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-2_basics,
  .new-employee__training-plans-table--block-2_practices {
    font-weight: bold;
    height: calc(48px + 5px + 48px);
    width: clamp(247px, 35px + 22.08vw, 459px);
    writing-mode: horizontal-tb;
  }
}

.new-employee__training-plans-table--block-2_basics_excel,
.new-employee__training-plans-table--block-2_practices_excel {
  background: #fff;
  height: 100%;
  margin-right: 3px;
  width: clamp(20px, 9.984px + 3.13vw, 40px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-2_basics_excel,
  .new-employee__training-plans-table--block-2_practices_excel {
    background: #fff;
    height: 48px;
    margin-bottom: 5px;
    margin-right: 0;
    width: 100%;
  }
}

.new-employee__training-plans-table--block-2_basics_operations,
.new-employee__training-plans-table--block-2_basics_functions,
.new-employee__training-plans-table--block-2_practices_functions,
.new-employee__training-plans-table--block-2_practices_analytics {
  background: #fff;
  height: clamp(64px, 45.968px + 5.63vw, 100px);
  width: clamp(45px, 29.984px + 4.69vw, 75px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-2_basics_operations,
  .new-employee__training-plans-table--block-2_basics_functions,
  .new-employee__training-plans-table--block-2_practices_functions,
  .new-employee__training-plans-table--block-2_practices_analytics {
    background: #fff;
    height: 48px;
    width: clamp(121px, 15px + 11.04vw, 227px);
  }
}

.new-employee__training-plans-table--block-2_others {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  height: clamp(64px, 45.968px + 5.63vw, 100px);
  width: calc(clamp(65px, 39.968px + 7.82vw, 115px) + 3px);
  writing-mode: vertical-lr;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-2_others {
    font-weight: bold;
    height: 102px;
    width: clamp(121px, 15px + 11.04vw, 227px);
    writing-mode: horizontal-tb;
  }
}

.new-employee__training-plans-table--block-2_others_operations {
  background: #fff;
  height: 100%;
  width: 100%;
}

.new-employee__training-plans-table--block-3 {
  height: calc(38px + 3px + 65px + 3px + 332px);
  margin-top: clamp(51.5px, 41.488px + 3.13vw, 71.5px);
  order: 3;
  position: relative;
  width: calc(100% - clamp(87px, 50.448px + 11.42vw, 160px) - 3px - 3px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3 {
    height: auto;
    margin-top: 5px;
    width: 100%;
  }
}

.new-employee__training-plans-table--block-3_4-hours-course,
.new-employee__training-plans-table--block-3_8-hours-course,
.new-employee__training-plans-table--block-3_16-hours-course {
  flex-direction: column;
  margin-left: 3px;
  width: calc(100% / 3 - 3px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_4-hours-course {
    flex-direction: row;
    height: clamp(100px, 67px + 3.44vw, 133px);
    margin-left: 0;
    width: 100%;
  }

  .new-employee__training-plans-table--block-3_8-hours-course,
  .new-employee__training-plans-table--block-3_16-hours-course {
    flex-direction: row;
    height: clamp(100px, 67px + 3.44vw, 133px);
    margin-left: 0;
    margin-top: 5px;
    width: 100%;
  }
}

.new-employee__training-plans-table--block-3_heading {
  background: #fff;
  height: calc(clamp(103px, 66.944px + 11.27vw, 175px) + 3px);
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_heading {
    height: 100%;
    width: clamp(290px, 116px + 18.13vw, 464px);
  }
}

.new-employee__training-plans-table--block-3_heading::after {
  border: clamp(1px, 0.608px + 0.13vw, 3px) solid #fff;
  content: "";
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}

.new-employee__training-plans-table--block-3_heading_course {
  background: #215e3b;
  color: #fff;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
  font-weight: bold;
  height: clamp(35px, 22.48px + 3.91vw, 60px);
  line-height: 1.2;
  padding-top: 6px;
  position: relative;
  text-align: center;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_heading_course {
    height: 100%;
    padding-left: clamp(25px, 20px + 0.52vw, 30px);
    padding-top: 0;
    width: clamp(115px, 45px + 7.29vw, 185px);
  }
}

.new-employee__training-plans-table--block-3_heading_course::after {
  border-left: clamp(33px, 11.89vw - 5.056px, 109px) solid transparent;
  border-right: clamp(33px, 11.89vw - 5.056px, 109px) solid transparent;
  border-top: clamp(5px, 1.56vw, 15px) solid #215e3b;
  content: "";
  position: absolute;
  right: 0;
  top: clamp(35px, 22.48px + 3.91vw, 60px);
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_heading_course::before {
    background: #fff;
    border-radius: 50%;
    content: "";
    height: 10px;
    left: clamp(10px, 1.04vw, 20px);
    position: absolute;
    top: calc(50% - 5px);
    width: 10px;
  }

  .new-employee__training-plans-table--block-3_heading_course::after {
    border-bottom: clamp(50px, 33.504px + 1.72vw, 66.5px) solid transparent;
    border-left: clamp(20px, 13px + 0.73vw, 27px) solid #215e3b;
    border-right: none;
    border-top: clamp(50px, 33.504px + 1.72vw, 66.5px) solid transparent;
    right: clamp(-27px, -13px - 0.73vw, -20px);
    top: 0;
  }
}

.new-employee__training-plans-table--block-3_heading_example {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  height: clamp(78px, 46.944px + 9.7vw, 140px);
  letter-spacing: -1px;
  line-height: 1.5;
  margin-left: -4px;
  position: relative;
  width: 100%;
}

@media all and (max-width: 359px) {
  .new-employee__training-plans-table--block-3_heading_example {
    font-size: 10.5px;
  }
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_heading_example {
    font-weight: bold;
    height: 100%;
    letter-spacing: 0;
    margin-left: 0;
    width: calc(100% - clamp(115px, 45px + 7.29vw, 185px));
  }
}

.new-employee__training-plans-table--block-3_correspondance {
  align-content: space-between;
  height: calc(
    clamp(320px, 229.856px + 28.17vw, 500px) + 3px + 3px + 3px + 3px
  );
  margin-top: 3px;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_correspondance {
    height: 100%;
    margin-top: 0;
    width: clamp(625px, 95px + 55.21vw, 1155px);
  }
}

.new-employee__training-plans-table--block-3_correspondance_basics,
.new-employee__training-plans-table--block-3_correspondance_practices {
  align-content: space-between;
  height: calc(clamp(128px, 91.936px + 11.27vw, 200px) + 3px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_correspondance_basics,
  .new-employee__training-plans-table--block-3_correspondance_practices {
    height: 100%;
    width: clamp(247px, 35px + 22.08vw, 459px);
  }
}

.new-employee__training-plans-table--block-3_4-hours-course
  .new-employee__training-plans-table--block-3_correspondance
  span,
.new-employee__training-plans-table--block-3_16-hours-course
  .new-employee__training-plans-table--block-3_correspondance
  span {
  background: #f0f0f0;
}

.new-employee__training-plans-table--block-3_8-hours-course
  .new-employee__training-plans-table--block-3_correspondance
  span {
  background: #dff0e8;
}

.new-employee__training-plans-table--block-3_correspondance_basics span,
.new-employee__training-plans-table--block-3_correspondance_practices span {
  height: clamp(64px, 45.968px + 5.63vw, 100px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_correspondance_basics span,
  .new-employee__training-plans-table--block-3_correspondance_practices span {
    height: 100%;
    width: clamp(121px, 15px + 11.04vw, 227px);
  }
}

.new-employee__training-plans-table--block-3_correspondance_others {
  align-content: space-between;
  height: clamp(64px, 45.968px + 5.63vw, 100px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-plans-table--block-3_correspondance_others {
    height: 100%;
    width: clamp(121px, 15px + 11.04vw, 227px);
  }
}

.new-employee__training-plans-table--block-3_correspondance_others span {
  height: 100%;
  width: 100%;
}

.new-employee__training-plans-table--block-3_correspondence_icon {
  height: clamp(21px, 15.792px + 1.63vw, 47px);
  width: clamp(21px, 15.792px + 1.63vw, 47px);
}

.new-employee__training-examples {
  background: #fff;
  border-bottom: 22px solid rgba(16, 82, 44, 0.5);
  padding: clamp(22px, 18px + 1.25vw, 42px) clamp(10px, 4.592px + 1.69vw, 37px);
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples {
    background: rgba(16, 82, 44, 0.5);
    border-bottom: none;
    margin: 0 auto;
    padding-top: 5px;
    width: clamp(960px, 214px + 77.71vw, 1706px);
  }
}

.new-employee__training-examples-inner {
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples-inner {
    margin: 0 auto;
    width: clamp(920px, 216px + 73.33vw, 1624px);
  }
}

.new-employee__training-examples--heading {
  background: #0f7f3b;
  height: 30px;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--heading {
    font-weight: bold;
    height: 66px;
    position: relative;
    width: clamp(290px, 116px + 18.13vw, 464px);
  }

  .new-employee__training-examples--heading::before {
    background: #fff;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 37px;
  }

  .new-employee__training-examples--heading::after {
    border-bottom: 33px solid transparent;
    border-left: 37px solid #0f7f3b;
    border-top: 33px solid transparent;
    content: "";
    position: absolute;
    right: 3px;
    top: 0;
  }
}

.new-employee__training-examples--heading_text {
  color: #fff;
  font-size: clamp(12px, 8.4px + 1.13vw, 30px);
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--heading_text::before {
    border-bottom: 3px solid #fff;
    border-left: 3px solid #fff;
    border-top: 3px solid #fff;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
}

.new-employee__training-examples--list {
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list {
    width: clamp(625px, 95px + 55.21vw, 1155px);
  }
}

.new-employee__training-examples--list_basics,
.new-employee__training-examples--list_practices,
.new-employee__training-examples--list_others {
  margin-top: 18px;
  width: 100%;
}

@media all and (min-width: 625px) {
  .new-employee__training-examples--list_basics,
  .new-employee__training-examples--list_practices {
    align-items: flex-start;
    width: clamp(235px, 38.02vw - 2.656px, 362px);
  }

  .new-employee__training-examples--list_others {
    align-items: flex-start;
    width: clamp(115px, 18.56vw - 1.024px, 177px);
  }
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list_basics,
  .new-employee__training-examples--list_practices {
    margin-top: 0;
    width: clamp(247px, 35px + 22.08vw, 459px);
  }

  .new-employee__training-examples--list_others {
    margin-top: 0;
    width: clamp(121px, 15px + 11.04vw, 227px);
  }
}

.new-employee__training-examples--list_item {
  background: #faf9db;
  width: clamp(145px, 47.7vw - 7.632px, 290px);
}

@media all and (min-width: 625px) {
  .new-employee__training-examples--list_item {
    width: clamp(115px, 18.56vw - 1.024px, 177px);
  }
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list_item {
    border: 3px solid #fff;
    border-radius: 20px;
    position: relative;
    width: clamp(121px, 15px + 11.04vw, 227px);
  }
}

.new-employee__training-examples--list_item_heading {
  background: #fff;
  color: #0f7f3b;
  font-size: clamp(14px, 12px + 0.63vw, 24px);
  padding-bottom: 3px;
  text-align: center;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list_item_heading {
    display: none;
  }
}

.new-employee__training-examples--list_item_contents {
  padding: 8px 0;
}

@media all and (min-width: 625px) {
  .new-employee__training-examples--list_item_contents {
    padding-right: 8px;
  }
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list_item_contents {
    border-radius: 20px;
  }

  input[type="checkbox"]
    ~ .new-employee__training-examples--list_item_contents {
    height: 290px;
    overflow: hidden;
  }

  input[type="checkbox"]:checked
    ~ .new-employee__training-examples--list_item_contents {
    height: auto;
  }
}

.new-employee__training-examples--list_item_contents li {
  color: #10522c;
  font-size: clamp(12px, 11.2px + 0.25vw, 16px);
  line-height: 1.2;
  margin: 4px 0;
  padding-left: 1em;
  position: relative;
}

.new-employee__training-examples--list_item_contents li::before {
  content: "・";
  left: 0;
  position: absolute;
  top: 0;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list_item_contents li {
    font-weight: bold;
  }
}

.new-employee__training-examples--list_item_more {
  display: none;
}

@media all and (min-width: 960px) {
  .new-employee__training-examples--list_item_more {
    background: rgba(0, 0, 0, 0.15);
    border-radius: 0 0 17px 17px;
    bottom: 0;
    display: block;
    left: 0;
    padding: clamp(8px, 1px + 0.73vw, 15px) 0;
    position: absolute;
    width: 100%;
  }

  input[type="checkbox"]:checked
    ~ .new-employee__training-examples--list_item_more {
    background: none;
    border-radius: 0;
    padding: 10px 0;
    position: relative;
  }

  .new-employee__training-examples--more-btn {
    background: rgba(255, 255, 255, 0.9);
    border: 2px solid #0f7f3b;
    border-radius: 30px;
    cursor: pointer;
    height: 69px;
    padding-top: 28px;
    position: relative;
    width: 100%;
  }

  .new-employee__training-examples--more-btn::before,
  .new-employee__training-examples--more-btn::after {
    color: #0f7f3b;
    font-size: clamp(12px, 11.2px + 0.25vw, 16px);
    font-weight: bold;
    margin-top: 5px;
    position: absolute;
    top: 8px;
  }

  .new-employee__training-examples--more-btn::before {
    content: "つづきをみる";
    display: block;
  }

  .new-employee__training-examples--more-btn::after {
    content: "とじる";
    display: none;
  }

  input[type="checkbox"]:checked
    ~ .new-employee__training-examples--list_item_more
    .new-employee__training-examples--more-btn::before {
    display: none;
  }

  input[type="checkbox"]:checked
    ~ .new-employee__training-examples--list_item_more
    .new-employee__training-examples--more-btn::after {
    display: block;
  }

  .new-employee__training-examples--more-btn img {
    transform: rotateX(0deg);
    transition: transform 0.2s 0s ease;
  }

  input[type="checkbox"]:checked
    ~ .new-employee__training-examples--list_item_more
    .new-employee__training-examples--more-btn
    img {
    transform: rotateX(180deg);
  }
}

.new-employee__movie {
  margin: clamp(-60px, 10.8px - 3.69vw, -1px) auto 0;
  padding: clamp(14px, 1.792px + 3.81vw, 75px) 0
    clamp(14px, 7.88vw - 11.2px, 140px);
  position: relative;
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
  z-index: 5;
}

.new-employee__movie::before {
  background: rgba(16, 82, 44, 0.2);
  content: "";
  height: 100%;
  position: absolute;
  right: clamp(60px, 21.6px + 12vw, 252px);
  top: 0;
  transform: skewX(-35deg);
  width: clamp(75px, 28.4px + 14.56vw, 308px);
  z-index: -1;
}

.new-employee__movie-wrapper {
  margin: 0 auto;
  width: min(100%, 894px);
}

.new-employee__movie-wrapper-inner {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.new-employee__movie-wrapper-inner video {
  left: 0;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}

.new-employee__flow {
  margin: 0 auto;
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

@media all and (min-width: 600px) {
  .new-employee__flow {
    background: linear-gradient(
      140deg,
      rgba(16, 82, 44, 0.3),
      rgba(142, 195, 31, 0.2)
    );
    padding: clamp(1px, 5.98vw - 34.912px, 80px)
      clamp(1px, 5.61vw - 32.64px, 75px);
  }
}

.new-employee__flow--chart {
  background: #fff;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__flow--chart {
    padding: clamp(1px, 5.98vw - 34.912px, 80px)
      clamp(1px, 3.71vw - 21.28px, 50px);
  }
}

.new-employee__flow--chart_item {
  font-size: clamp(14px, 10.8px + 1vw, 30px);
  position: relative;
  width: calc(100% / 6);
}

.new-employee__flow--chart_item:not(:first-child)::before {
  background: url(../../images/new-employee/flow-arrow.svg) no-repeat
    center/contain;
  content: "";
  height: clamp(11.5px, 5px + 2.03vw, 44px);
  left: clamp(-15px, -3px - 0.63vw, -5px);
  position: absolute;
  top: clamp(17px, 11.6px + 1.69vw, 44px);
  width: clamp(8.5px, 0.238px + 1.47vw, 32px);
}

.new-employee__flow--chart_item_description {
  line-height: 1;
  padding-top: clamp(12px, 8.4px + 1.13vw, 30px);
  position: relative;
  width: 100%;
  writing-mode: vertical-rl;
}

@media all and (min-width: 600px) {
  .new-employee__flow--chart_item_description {
    font-weight: bold;
  }
}

.new-employee__flow--chart_item_description::before {
  align-items: center;
  background: red;
  border-radius: 50%;
  color: #fff;
  content: counter(flow);
  counter-increment: flow;
  display: flex;
  font-size: clamp(11px, 5.2px + 1.81vw, 40px);
  justify-content: center;
  height: clamp(20px, 9.2px + 3.38vw, 74px);
  margin-bottom: clamp(15px, 10px + 1.56vw, 40px);
  text-orientation: upright;
  width: clamp(20px, 9.2px + 3.38vw, 74px);
}

.new-employee__flow--chart_item_description::after {
  content: "Step";
  font-size: clamp(10px, 7px + 0.94vw, 25px);
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  writing-mode: horizontal-tb;
}

.new-employee__flow--chart_item_step-1::before {
  background: #10522c;
}

.new-employee__flow--chart_item_step-1::after {
  color: #10522c;
}

.new-employee__flow--chart_item_step-2::before {
  background: #0f7f3b;
}

.new-employee__flow--chart_item_step-2::after {
  color: #0f7f3b;
}

.new-employee__flow--chart_item_step-3::before {
  background: #8ec31f;
}

.new-employee__flow--chart_item_step-3::after {
  color: #8ec31f;
}

.new-employee__flow--chart_item_step-4::before {
  background: #b3e254;
}

.new-employee__flow--chart_item_step-4::after {
  color: #b3e254;
}

.new-employee__flow--chart_item_step-5 {
  color: #ef7d2e;
  font-size: clamp(14px, 6.8px + 2.25vw, 50px);
}

.new-employee__flow--chart_item_step-5::before {
  background: #ef7d2e;
}

.new-employee__flow--chart_item_step-5::after {
  color: #ef7d2e;
}

.new-employee__flow--chart_item_step-6::before {
  background: #f5cd80;
}

.new-employee__flow--chart_item_step-6::after {
  color: #f5cd80;
}

.new-employee__flow--chart_item_notes {
  bottom: 0;
  font-size: clamp(12px, 10.4px + 0.5vw, 20px);
  position: absolute;
  right: calc(50% - 2.25em);
  writing-mode: vertical-rl;
}

@media all and (min-width: 600px) {
  .new-employee__flow--chart_item_notes {
    right: calc(50% - 2.6em);
  }
}

@media all and (min-width: 960px) {
  .new-employee__flow--chart_item_notes {
    right: calc(50% - 2.8em);
  }
}

.new-employee__faq {
  margin: 0 auto;
  width: clamp(300px, 124.8px + 54.75vw, 1176px);
}

@media all and (min-width: 600px) {
  .new-employee__faq {
    margin-bottom: clamp(1px, 9.02vw - 53.088px, 120px);
  }
}

.new-employee__faq--title_h3 {
  border-bottom: 1px solid #c6c6c6;
  color: #34a853;
  font-size: clamp(14px, 10.8px + 1vw, 30px);
  font-weight: normal;
  line-height: 1;
  padding-left: 10px;
}

@media all and (min-width: 600px) {
  .new-employee__faq--title_h3 {
    font-weight: bold;
    padding-bottom: 1em;
    padding-left: 0;
  }
}

.new-employee__faq--title_h3:not(:first-child) {
  margin-top: clamp(55px, 52px + 0.94vw, 70px);
}

.new-employee__faq--list_item {
  border-bottom: 1px solid #c6c6c6;
  height: 75px;
  overflow: hidden;
  padding: 0 clamp(1px, 2.44vw - 6.8px, 40px) 30px
    clamp(45px, 23px + 6.88vw, 155px);
  position: relative;
}

@media all and (min-width: 1060px) {
  .new-employee__faq--list_item {
    height: clamp(75px, 44.192px + 2.91vw, 100px);
  }
}

input[type="checkbox"]:checked + .new-employee__faq--list_item {
  height: auto;
}

.new-employee__faq--list_item::before {
  background: url(../../images/new-employee/icon_question.svg) no-repeat
    center/contain;
  content: "";
  height: clamp(38px, 25.6px + 3.88vw, 100px);
  left: clamp(10px, 8px + 0.63vw, 20px);
  position: absolute;
  top: 0;
  width: clamp(28px, 12px + 2.5vw, 60px);
}

.new-employee__faq--list_question {
  line-height: 1.4;
  height: 75px;
  padding-top: 10px;
}

@media all and (min-width: 600px) {
  .new-employee__faq--list_question {
    padding-top: 18px;
  }
}

@media all and (min-width: 1060px) {
  .new-employee__faq--list_question {
    height: clamp(75px, 44.192px + 2.91vw, 100px);
    padding-top: 0;
  }
}

.new-employee__faq--list_question_text {
  cursor: pointer;
  font-size: clamp(14px, 13.2px + 0.25vw, 18px);
  height: 100%;
  padding-right: 2.5em;
  position: relative;
  text-align: justify;
  width: 100%;
}

@media all and (min-width: 1060px) {
  .new-employee__faq--list_question_text {
    align-items: center;
    display: flex;
  }
}

.new-employee__faq--list_question_text::after {
  background: url(../../images/new-employee/icon_faq-open-btn.svg) no-repeat
    center/contain;
  content: "";
  height: clamp(9px, 7.2px + 0.56vw, 18px);
  position: absolute;
  right: 0;
  top: 2px;
  transform: rotate(180deg) scale(1);
  transition: all 0.2s 0s ease;
  width: clamp(16px, 12.8px + 1vw, 32px);
}

@media all and (min-width: 1060px) {
  .new-employee__faq--list_question_text::after {
    margin-top: 0;
    top: calc(50% - (clamp(9px, 7.2px + 0.56vw, 18px) / 2));
  }
}

.new-employee__faq--list_question_text:hover::after {
  transform: rotate(180deg) scale(1.2);
}

input[type="checkbox"]:checked
  + .new-employee__faq--list_item
  .new-employee__faq--list_question_text::after {
  transform: rotate(0);
}

input[type="checkbox"]:checked
  + .new-employee__faq--list_item
  .new-employee__faq--list_question_text:hover::after {
  transform: rotate(0) scale(1.2);
}

.new-employee__faq--list_answer {
  margin-top: clamp(20px, 14px + 1.88vw, 50px);
  width: calc(100% - clamp(26px, 22.8px + 1vw, 42px));
}

.new-employee__faq--list_answer_text {
  font-size: clamp(14px, 13.2px + 0.25vw, 18px);
  text-align: justify;
}

.new-employee__faq--list_answer_text:not(:first-child) {
  margin-top: 1em;
}

.new-employee__organizer {
  background: rgba(16, 82, 44, 0.23);
  margin: 0 auto;
  padding: 1px 0;
  position: relative;
  width: clamp(300px, 175px + 39.06vw, 925px);
}

@media all and (min-width: 600px) {
  .new-employee__organizer {
    margin-bottom: clamp(1px, 9.02vw - 53.088px, 120px);
    padding: clamp(1px, 5.61vw - 32.64px, 75px);
  }

  .new-employee__organizer::before {
    background: rgba(15, 127, 59, 0.2);
    bottom: 50%;
    content: "";
    height: clamp(100px, 54.544px + 7.58vw, 200px);
    left: calc(
      clamp(8px, 0.72px + 1.21vw, 24px) - clamp(36px, 0.096px + 5.98vw, 115px)
    );
    position: absolute;
    width: clamp(36px, 0.096px + 5.98vw, 115px);
  }

  .new-employee__organizer::after {
    background: rgba(142, 195, 31, 0.23);
    bottom: calc(0px - clamp(15.5px, 2.61vw - 0.176px, 50px));
    content: "";
    height: clamp(130px, 72.272px + 9.62vw, 257px);
    right: calc(
      clamp(46.5px, 7.84vw - 0.544px, 150px) -
        clamp(85px, 14.39vw - 1.36px, 275px)
    );
    position: absolute;
    width: clamp(85px, 14.39vw - 1.36px, 275px);
  }
}

.new-employee__organizer-info {
  background: #fff;
  padding: clamp(20px, 9px + 3.44vw, 75px) clamp(30px, 21px + 2.81vw, 75px);
  position: relative;
  width: 100%;
  z-index: 5;
}

@media all and (min-width: 600px) {
  .new-employee__organizer-info_list {
    align-items: center;
    border-bottom: 3px solid #bbcdc3;
  }
}

.new-employee__organizer-info_list_head {
  color: #0f7f3b;
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  font-weight: normal;
  width: clamp(70px, 42px + 8.75vw, 210px);
}

@media all and (min-width: 600px) {
  .new-employee__organizer-info_list_head {
    font-weight: bold;
  }
}

.new-employee__organizer-info_list_description {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  padding-bottom: 20px;
  width: calc(100% - (clamp(70px, 42px + 8.75vw, 210px) / 2));
}

@media all and (min-width: 600px) {
  .new-employee__organizer-info_list_description {
    padding: 15px 0;
  }
}

.new-employee__organizer-info_list_description a {
  text-decoration: underline;
}

@media all and (min-width: 600px) {
  .new-employee__contact {
    background: url(../../images/new-employee/gray-background_3.svg) no-repeat
      left bottom/cover;
    margin-top: 30px;
    padding-bottom: clamp(26px, 1.2px + 7.75vw, 150px);
  }
}

.new-employee__contact--form {
  background: url(../../images/new-employee/gray-background_3.svg) no-repeat
    center top/cover;
  padding: 25px 0 50px;
}

@media all and (min-width: 600px) {
  .new-employee__contact--form {
    background: none;
    padding: 0;
  }
}

.new-employee__contact--form-wrapper {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  margin: 0 auto;
  width: clamp(300px, 160px + 43.75vw, 1000px);
}

.new-employee__contact--form-wrapper .btn__link:last-child {
  margin-top: var(--clamp-20sp);
}

@media all and (min-width: 960px) {
  .new-employee__contact--form-wrapper .btn__link:last-child {
    margin-top: var(--clamp-20);
  }
}

@media all and (min-width: 600px) {
  .new-employee__contact--form .item-required {
    font-weight: bold;
  }
}

.new-employee__contact--form .item-required::before {
  color: #ef7d2e;
  font-size: inherit;
  font-weight: inherit;
  margin: 0 1em 0 0;
}

.new-employee__contact--form .item-any {
  position: relative;
}

@media all and (min-width: 600px) {
  .new-employee__contact--form .item-any {
    font-weight: bold;
  }
}

.new-employee__contact--form .item-any::before {
  color: #979797;
  content: "任意";
  font-weight: inherit;
  line-height: 1em;
  margin: 0 1em 0 0;
}

.new-employee__contact--form .excelcamp-contact-form-input {
  border-color: #707070;
  border-radius: 20px;
  display: block;
  height: clamp(36px, 24px + 1.88vw, 60px);
  line-height: clamp(36px, 24px + 1.88vw, 60px);
  margin-bottom: clamp(10px, 6px + 1.25vw, 30px);
  margin-left: auto;
  padding: 0 1em;
  transition: border-color 0.1s 0s ease;
  width: calc(100% - 2.8em);
}

@media all and (min-width: 600px) {
  .new-employee__contact--form .excelcamp-contact-form-input {
    width: 100%;
  }
}

.new-employee__contact--form .excelcamp-contact-form-input:focus {
  border-color: #ef7d2e;
}

.new-employee__contact--form .excelcamp-contact-form-textarea {
  border-color: #707070;
  border-radius: 20px;
  display: block;
  margin-bottom: clamp(10px, 6px + 1.25vw, 30px);
  margin-left: auto;
  padding: 1em;
  transition: border-color 0.1s 0s ease;
  width: calc(100% - 2.8em);
}

@media all and (min-width: 600px) {
  .new-employee__contact--form .excelcamp-contact-form-textarea {
    width: 100%;
  }
}

.new-employee__contact--form .excelcamp-contact-form-textarea:focus {
  border-color: #ef7d2e;
}

.new-employee__contact--form .business__contactform--privacypolicy {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  margin-top: 30px;
}

.new-employee__contact--form .wpcf7-list-item {
  display: block;
}

.new-employee__contact--form .wpcf7-acceptance label {
  align-items: center;
  display: flex;
  justify-content: center;
}

.new-employee__contact--form .wpcf7-acceptance label input {
  height: clamp(12px, 9.6px + 0.75vw, 24px);
  margin-right: 1em;
  position: relative;
  transform: translateY(-1.5px);
  width: clamp(12px, 9.6px + 0.75vw, 24px);
}

.new-employee__contact--form .business__contactform--privacypolicy_wrapper {
  border-radius: 20px;
  height: clamp(85px, 51.2px + 10.56vw, 254px);
}

.new-employee__contact--form .business__contactform--privacypolicy_wrapper h3,
.new-employee__contact--form .business__contactform--privacypolicy_wrapper p,
.new-employee__contact--form .business__contactform--privacypolicy_wrapper li {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
}

.new-employee__contact--form .entry-btn {
  background-color: #ef7d2e;
  border: clamp(1px, 0.38vw - 0.192px, 7px) solid #fff;
  border-radius: 40px;
  font-size: inherit;
  height: clamp(30px, 13px + 5.31vw, 115px);
  line-height: clamp(30px, 13px + 5.31vw, 115px);
}

.new-employee__contact--form .wpcf7-not-valid-tip,
.new-employee__contact--form .wpcf7-response-output {
  display: none !important;
}

.new-employee__before-footer {
  background: url(../../images/new-employee/green-background_2.svg) no-repeat
    center/cover;
}

.new-employee__before-footer--inner {
  margin: 0 auto;
  padding: clamp(14px, 1.792px + 3.81vw, 75px) 0;
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

.new-employee__before-footer--for-companies,
.new-employee__before-footer--for-individuals {
  background: #fff;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__before-footer--for-companies,
  .new-employee__before-footer--for-individuals {
    width: clamp(410px, 60px + 36.46vw, 760px);
  }
}

.new-employee__before-footer--media-links {
  background: #fff;
  position: relative;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__before-footer--media-links {
    margin-top: clamp(20px, 5.21vw - 30px, 70px);
  }
}

.new-employee__before-footer--heading-wrapper {
  align-items: flex-end;
  border-bottom: clamp(1px, 0.2px + 0.25vw, 5px) solid #0f7f3b;
  height: clamp(32px, 17.4px + 4.56vw, 105px);
  padding: 0 clamp(8px, 2.94vw - 1.392px, 55px);
}

.new-employee__before-footer--media-links
  .new-employee__before-footer--heading-wrapper {
  align-items: flex-end;
  height: 62px;
  margin-top: clamp(10px, 4.992px + 1.56vw, 20px);
}

@media all and (min-width: 375px) {
  .new-employee__before-footer--media-links
    .new-employee__before-footer--heading-wrapper {
    height: clamp(44px, 18.272px + 6.86vw, 150px);
  }
}

@media all and (min-width: 960px) {
  .new-employee__before-footer--heading-wrapper,
  .new-employee__before-footer--media-links
    .new-employee__before-footer--heading-wrapper {
    align-items: center;
    margin-top: 0;
  }
}

.new-employee__before-footer--heading {
  color: #0f7f3b;
  font-size: clamp(14px, 10px + 1.25vw, 34px);
  font-weight: normal;
}

@media all and (max-width: 959px) {
  .new-employee__before-footer--heading {
    align-items: center;
    display: flex;
  }
  .new-employee__before-footer--heading::before {
    background: #0f7f3b;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-right: 8px;
    transform: translateY(-1px);
    width: 6px;
  }
}

@media all and (min-width: 600px) {
  .new-employee__before-footer--heading {
    font-weight: bold;
  }
}

.new-employee__before-footer--heading_supplement {
  color: #0f7f3b;
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  letter-spacing: -1px;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__before-footer--heading_supplement {
    font-weight: bold;
    letter-spacing: 0;
  }
}

@media all and (min-width: 960px) {
  .new-employee__before-footer--heading_supplement {
    font-size: clamp(15px, 6px + 0.94vw, 24px);
    margin-left: clamp(15px, 3.65vw - 20px, 50px);
    width: auto;
  }
}

.new-employee__before-footer--link-wrapper {
  padding: clamp(15px, 10px + 1.56vw, 40px) clamp(15px, 7px + 2.5vw, 55px);
}

.new-employee__before-footer--link {
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  line-height: 2;
  margin-bottom: 1em;
}

@media all and (min-width: 600px) {
  .new-employee__before-footer--link {
    font-weight: bold;
    margin-bottom: 0;
  }
}

.new-employee__before-footer--link a {
  text-decoration: underline;
}

.new-employee__before-footer--media-links_btn {
  margin: 30px auto;
  width: 55%;
}

@media all and (min-width: 960px) {
  .new-employee__before-footer--media-links_btn {
    margin: 0;
    position: absolute;
    right: clamp(26px, 3.02vw - 3px, 55px);
    top: clamp(-5px, 3px - 0.42vw, -1px);
    width: clamp(180px, 26.77vw - 77px, 437px);
  }
}

@media all and (min-width: 960px) {
  .new-employee__before-footer--media-links_btn .new-employee__btn {
    font-size: clamp(16px, 2px + 1.46vw, 30px);
  }
}

.new-employee__before-footer--link-wrapper .p-postListWrap {
  margin-bottom: 0;
  overflow-x: auto !important;
}

.new-employee__before-footer--link-wrapper .p-postListWrap::-webkit-scrollbar {
  background-color: rgba(0, 0, 0, 0.2);
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 100px;
  height: 10px;
  transition: all 0.2s 0s ease;
}

.new-employee__before-footer--link-wrapper
  .p-postListWrap::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.4);
  background-clip: content-box;
  border: 3px solid transparent;
  border-radius: 100px;
  transition: all 0.2s 0s ease;
}

@media all and (min-width: 1366px) {
  .new-employee__before-footer--link-wrapper .p-postListWrap {
    overflow-x: hidden;
  }
}

.new-employee__before-footer--link-wrapper .p-postList {
  display: flex;
  justify-content: space-between;
  padding-top: clamp(7px, 6.208px + 0.5vw, 15px);
  width: clamp(618px, 474.608px + 44.81vw, 1275px);
}

@media all and (min-width: 1366px) {
  .new-employee__before-footer--link-wrapper .p-postList {
    width: 100%;
  }
}

.new-employee__before-footer--link-wrapper .p-postList.-type-card {
  margin-left: 0;
  margin-right: 0;
}

.new-employee__before-footer--link-wrapper .p-postList__item {
  margin-bottom: 0;
  padding: 0 3px;
  width: clamp(186px, 138.192px + 14.94vw, 425px) !important;
}

.new-employee__before-footer--link-wrapper .p-postList__item::before {
  background: #0f7f3b;
  color: #fff;
  content: counter(popular-posts);
  counter-increment: popular-posts;
  font-size: clamp(20px, 16px + 1.25vw, 40px);
  font-weight: bold;
  height: clamp(30px, 22.4px + 2.38vw, 68px);
  left: clamp(6px, 3.2px + 0.88vw, 20px);
  line-height: clamp(30px, 22.4px + 2.38vw, 68px);
  position: absolute;
  text-align: center;
  top: clamp(-15px, -6.208px - 0.5vw, -7px);
  width: clamp(22px, 16.4px + 1.75vw, 50px);
  z-index: 10;
}

.new-employee__before-footer--link-wrapper .p-postList__thumb {
  border: 1px solid #ccc;
}

.new-employee__before-footer--link-wrapper .p-postList__title {
  color: #39a0ff;
  font-size: clamp(12px, 9.6px + 0.75vw, 24px);
  font-weight: normal;
  text-decoration: underline;
}

@media all and (max-width: 959px) {
  .new-employee__before-footer--link-wrapper .p-postList__body {
    padding-top: 0.5em;
  }
}

.new-employee__price-plans {
  margin-top: var(--clamp-80sp)
}

@media all and (min-width: 600px) {
  .new-employee__price-plans {
    margin: var(--clamp-80) auto;
    width: clamp(526px, 293px + 31.32vw, 744px);
  }
}

.new-employee__case-studies {
  margin-top: var(--clamp-80sp)
}

@media all and (min-width: 600px) {
  .new-employee__case-studies {
    margin: var(--clamp-80) auto 0;
    width: clamp(526px, 293px + 31.32vw, 744px);
  }
}

.ec-case-study__container {
  margin-top: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .ec-case-study__container {
    margin-top: var(--clamp-40);
  }
}

.ec-case-study__featured {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: var(--clamp-24sp);
}

@media all and (min-width: 744px) {
  .ec-case-study__featured {
    gap: var(--clamp-40);
  }
}

.ec-case-study__company {
  border: 1px solid var(--gray);
  display: flex;
  flex-wrap: wrap;
  padding: var(--clamp-24sp) var(--clamp-16sp);
  width: clamp(304.3px, -2.8px + 95.98vw, 476.1px);
}

@media all and (min-width: 744px) {
  .ec-case-study__company {
    padding: var(--clamp-24);
    width: 100%;
  }
}

.ec-case-study__company--company-logo {
  height: clamp(72.3px, -0.6px + 22.79vw, 113.1px);
  text-align: center;
  width: 100%;
}

@media all and (min-width: 600px) {
  .ec-case-study__company--company-logo {
    height: clamp(63.8px, 41.1px + 3.05vw, 85px);
  }
}

.ec-case-study__company--company-logo img {
  height: 100%;
  object-fit: contain;
}

.ec-case-study__company--company-name {
  font-size: var(--clamp-16sp);
  font-weight: 700;
  margin-top: var(--clamp-16sp);
  text-align: center;
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-case-study__company--company-name {
    font-size: var(--clamp-f16);
    margin-top: var(--clamp-16);
  }
}

.ec-case-study__company--profile-wrapper {
  display: flex;
  flex-direction: column;
  margin-top: var(--clamp-16sp);
  width: 100%;
}

@media all and (min-width: 744px) {
  .ec-case-study__company--profile-wrapper {
    flex-direction: row;
    justify-content: space-between;
    margin-top: var(--clamp-16);
  }
}

.ec-case-study__company--company-picture {
  height: clamp(108.8px, -1px + 34.3vw, 170.2px);
  margin: 0 auto;
  width: clamp(183.6px, -1.8px + 57.93vw, 287.3px);
}

.ec-case-study__company--company-picture img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

@media all and (min-width: 600px) {
  .ec-case-study__company--company-picture {
    height: auto;
    margin: 0;
    max-height: 200px;
    width: clamp(230px, 155px + 10.06vw, 300px);
  }
}

.ec-case-study__company--infomation {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  gap: var(--clamp-8sp);
  margin: var(--clamp-16sp) auto 0;
  width: var(--clamp-306sp);
}

@media all and (min-width: 600px) {
  .ec-case-study__company--infomation {
    gap: var(--clamp-8);
    margin: 0;
    width: clamp(250px, 132px + 15.8vw, 360px);
  }
}

.ec-case-study__company--information_head {
  font-size: var(--clamp-14sp);
  font-weight: 300;
}

@media all and (min-width: 744px) {
  .ec-case-study__company--information_head {
    font-size: var(--clamp-f14);
  }
}

.ec-case-study__company--information_item_regular {
  font-size: var(--clamp-14sp);
  font-weight: 400;
}

@media all and (min-width: 744px) {
  .ec-case-study__company--information_item_regular {
    font-size: var(--clamp-f14);
  }
}

.ec-case-study__company--information_item_small {
  font-size: var(--clamp-12sp);
  font-weight: 400;
}

@media all and (min-width: 744px) {
  .ec-case-study__company--information_item_small {
    font-size: var(--clamp-f12);
  }
}

.ec-case-study__company--feedback {
  background-color: var(--ex-light-gray);
  display: flex;
  flex-direction: column;
  font-size: var(--clamp-16sp);
  font-weight: 400;
  gap: 1em;
  line-height: 1.45;
  margin-top: var(--clamp-16sp);
  padding: var(--clamp-10sp);
}

@media all and (min-width: 744px) {
  .ec-case-study__company--feedback {
    font-size: var(--clamp-f16);
    margin-top: var(--clamp-16);
    padding: var(--clamp-10);
  }
}

.new-employee__first-thing {
  background: url(../../images/new-employee/first-thing_bg_sp.min.webp) no-repeat
    center/cover;
  counter-reset: first-thing-num 0;
  padding-bottom: var(--clamp-100sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing {
    background-image: url(../../images/new-employee/first-thing_bg_pc.min.webp);
    padding-bottom: var(--clamp-100);
  }
}

.new-employee__first-thing > p {
  font-size: var(--clamp-13sp);
  font-weight: 400;
  margin-top: calc(var(--clamp-6sp) * -1);
  text-align: center;
}

@media all and (min-width: 744px) {
  .new-employee__first-thing > p {
    font-size: var(--clamp-22);
    margin-top: calc(var(--clamp-24) * -1);
  }
}

.new-employee__first-thing--container {
  background: #fff;
  border: 2px solid #0f7f3b;
  margin: var(--clamp-21sp) auto 0;
  overflow: hidden;
  padding-top: var(--clamp-40sp);
  width: var(--clamp-345sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--container {
    margin-top: var(--clamp-46);
    padding-top: var(--clamp-80);
    width: var(--clamp-1227);
  }
}

.new-employee__first-thing--item {
  background: #fff;
  padding: 0 var(--clamp-22sp) var(--clamp-40sp);
  position: relative;
  z-index: 5;
}

.new-employee__first-thing--item:not(:first-child) {
  padding-top: var(--clamp-20sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item {
    padding: 0 var(--clamp-106) var(--clamp-80);
  }

  .new-employee__first-thing--item:not(:first-child) {
    padding-top: var(--clamp-42);
  }
}

.new-employee__first-thing--item:nth-child(2) {
  z-index: 4;
}

.new-employee__first-thing--item:last-child {
  z-index: 3;
}

.new-employee__first-thing--item_content {
  position: relative;
}

.new-employee__first-thing--item h3 {
  color: #0f7f3b;
  font-size: var(--clamp-15sp);
  font-weight: 700;
  padding-bottom: var(--clamp-130sp);
  position: relative;
  text-align: center;
  z-index: 10;
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item h3 {
    font-size: var(--clamp-30full);
    margin-bottom: var(--clamp-40);
    padding-bottom: 0;
  }

  .new-employee__first-thing--item h3 br {
    display: none;
  }
}

.new-employee__first-thing--item h3::before {
  background: #0f7f3b;
  border-radius: 50%;
  color: #fff;
  content: "STEP";
  display: block;
  font-size: var(--clamp-10sp);
  height: var(--clamp-40sp);
  margin: 0 auto var(--clamp-10sp);
  padding-top: var(--clamp-4sp);
  text-align: center;
  width: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item h3::before {
    font-size: var(--clamp-20);
    height: var(--clamp-80);
    margin-bottom: var(--clamp-20);
    padding-top: var(--clamp-8);
    width: var(--clamp-80);
  }
}

.new-employee__first-thing--item h3::after {
  color: #fff;
  content: counter(first-thing-num);
  counter-increment: first-thing-num;
  font-size: var(--clamp-15sp);
  left: 50%;
  position: absolute;
  top: var(--clamp-14sp);
  transform: translateX(-50%);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item h3::after {
    font-size: var(--clamp-30);
    top: var(--clamp-28);
  }
}

.new-employee__first-thing--item h3 span {
  background: #f9ffe6;
}

.new-employee__first-thing--item p {
  font-size: var(--clamp-13sp);
  font-weight: 700;
  margin-top: 1em;
  position: relative;
  z-index: 10
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item p {
    font-size: var(--clamp-20);
    letter-spacing: .01em;
    width: var(--clamp-750);
  }

  .new-employee__first-thing--item p._wide {
    width: 100%;
  }
}

.new-employee__first-thing--item p span {
  color: #0f7f3b;
}

.new-employee__first-thing--item ul {
  background: #f9ffe6;
  margin-top: 1em;
  padding: var(--clamp-16sp);
  position: relative;
  z-index: 10;
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item ul {
    padding: var(--clamp-24);
    width: var(--clamp-750);
  }
}

.new-employee__first-thing--item ul li {
  color: #0f7f3b;
  display: flex;
  font-size: var(--clamp-13sp);
  font-weight: 700;
  gap: .2em;
  line-height: 2;
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item ul li {
    font-size: var(--clamp-20);
  }
}

.new-employee__first-thing--item ul li::before {
  content: "・";
}

.new-employee__first-thing--item--icon {
  height: var(--clamp-146sp);
  position: absolute;
  right: 0;
  top: 0;
  transform: translate(-50%, calc(var(--clamp-145sp) * -1));
  width: var(--clamp-146sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item--icon {
    height: var(--clamp-253);
    top: 50%;
    transform: translate(0, -50%);
    width: var(--clamp-253);
  }

  .new-employee__first-thing--item:first-child .new-employee__first-thing--item--icon {
    top: 0;
    transform: translateY(-1em);
  }
}

.new-employee__first-thing--item--deco {
  filter: drop-shadow(0 var(--clamp-5sp) var(--clamp-10sp) rgba(0,0,0,.1));
  height: var(--clamp-80sp);
  left: 0;
  position: absolute;
  top: calc(var(--clamp-40sp) * -1);
  width: var(--clamp-345sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--item--deco {
    height: var(--clamp-160);
    top: calc(var(--clamp-80) * -1);
    width: var(--clamp-1227);
  }
}

.new-employee__first-thing--item:first-child .new-employee__first-thing--item--deco {
  display: none;
}

.new-employee__first-thing--item--deco span {
  background: #fff;
  clip-path: polygon(100% 0, 100% 50%, 50% 100%, 0 50%, 0 0);
  display: block;
  height: 100%;
  width: 100%;
}

.new-employee__first-thing--summary {
  margin-top: var(--clamp-40sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--summary {
    margin-top: var(--clamp-80);
  }
}

.new-employee__first-thing--summary ul {
  display: grid;
  gap: 0 var(--clamp-20sp);
  grid-template-areas: "item2 item2" "item1 item3";
  grid-template-columns: repeat(2, var(--clamp-140sp));
  grid-template-rows: repeat(2, var(--clamp-140sp));
  place-content: center;
  place-items: center;
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--summary ul {
    gap: 0 var(--clamp-52);
    grid-template-areas: "item1 item2 item3";
    grid-template-columns: repeat(3, var(--clamp-180));
    grid-template-rows: var(--clamp-180);
  }
}

.new-employee__first-thing--summary ul li {
  background: linear-gradient(to bottom, #525252, #a1a1a1);
  border-radius: 50%;
  color: #fff;
  display: grid;
  font-size: var(--clamp-13sp);
  font-weight: 700;
  height: var(--clamp-140sp);
  place-content: center;
  text-align: center;
  width: var(--clamp-140sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--summary ul li {
    font-size: var(--clamp-20);
    height: var(--clamp-180);
    width: var(--clamp-180);
  }
}

.new-employee__first-thing--summary ul li[data-index="1"] {
  grid-area: item1;
}

.new-employee__first-thing--summary ul li[data-index="2"] {
  grid-area: item2;
}


.new-employee__first-thing--summary ul li[data-index="3"] {
  grid-area: item3;
}

.new-employee__first-thing--summary p[data-para="1"] {
  font-size: var(--clamp-14sp);
  font-weight: 700;
  margin-top: var(--clamp-20sp);
  text-align: center;
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--summary p[data-para="1"] {
    font-size: var(--clamp-22);
    margin-top: var(--clamp-40);
  }

  .new-employee__first-thing--summary p[data-para="1"] br {
    display: none;
  }
}

.new-employee__first-thing--summary p[data-para="2"] {
  background: linear-gradient(to right, #0f7f3b, #8ec31f);
  color: #fff;
  font-size: var(--clamp-14sp);
  font-weight: 700;
  line-height: 2;
  margin: var(--clamp-55sp) auto 0;
  padding: var(--clamp-20sp) var(--clamp-18sp);
  position: relative;
  text-align: center;
  width: var(--clamp-345sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--summary p[data-para="2"] {
    font-size: var(--clamp-30full);
    margin-top: var(--clamp-110);
    padding: var(--clamp-40) var(--clamp-132) var(--clamp-40) var(--clamp-136);
    width: var(--clamp-1013);
  }

  .new-employee__first-thing--summary p[data-para="2"] br:last-of-type {
    display: none;
  }
}

.new-employee__first-thing--summary p[data-para="2"]::before {
  background: linear-gradient(to bottom, #8ec31f, #0f7f3b);
  content: "";
  clip-path: polygon(0 0, 50% 36.6%, 100% 0, 50% 100%);
  height: var(--clamp-30sp);
  left: 50%;
  position: absolute;
  top: 0;
  transform: translate(-50%, -50%);
  width: var(--clamp-104sp);
}

@media all and (min-width: 744px) {
  .new-employee__first-thing--summary p[data-para="2"]::before {
    height: var(--clamp-60);
    width: var(--clamp-208);
  }
}

._underlined {
  position: relative;
}

._underlined::before {
  background: #fff;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

._strong {
  font-size: 1.04em;
  position: relative;
}

._strong::before {
  background: #fff;
  bottom: 0;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  width: 100%;
}

section:has(.new-employee__first-thing) + section > .new-employee__cta-box {
  margin-top: 0!important;
}

/* cta-box */
.new-employee__cta-box {
  background: url(../../images/new-employee/green-background_1.svg) no-repeat
    right/cover;
  margin-top: 75px;
}

.new-employee__cta-box-inner {
  background: rgba(255, 255, 255, 0.8);
  height: 100%;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__cta-box-inner {
    margin: clamp(1px, 2.77vw - 15.584px, 37.5px) 0;
    width: clamp(600px, 34.096px + 94.32vw, 1845px);
  }
}

.new-employee__cta-box-content {
  padding: clamp(10px, 5px + 1.56vw, 35px) 0 clamp(15px, 11px + 1.25vw, 35px);
  width: clamp(300px, 35.2px + 82.75vw, 1624px);
}

.new-employee__cta-box--title {
  border-bottom: clamp(1px, 0.608px + 0.13vw, 3px) solid #0f7f3b;
  color: #0f7f3b;
  font-size: clamp(12px, 6.4px + 1.75vw, 40px);
  font-weight: normal;
  line-height: 2;
  text-align: center;
  width: 100%;
}

@media all and (min-width: 600px) {
  .new-employee__cta-box--title {
    line-height: 1.5;
  }
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--title {
    font-weight: bold;
    line-height: 1;
  }
}

.new-employee__cta-box--title span {
  color: #ef7d2e;
  font-size: clamp(14px, 4.8px + 2.88vw, 60px);
  font-weight: bold;
}

.new-employee__cta-box--links {
  margin-top: 15px;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--links {
    border-bottom: clamp(1px, 0.608px + 0.13vw, 3px) solid #0f7f3b;
    margin-top: 0;
    padding-bottom: clamp(75px, 50px + 2.6vw, 100px);
    width: clamp(445px, 80px + 38.02vw, 810px);
  }
}

.new-employee__cta-box--contact {
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--contact {
    width: clamp(370px, 2px + 38.33vw, 738px);
  }
}
.new-employee__cta-box--contact_availability {
  font-size: clamp(14px, 12.496px + 0.47vw, 17px);
  margin: clamp(15px, 8px + 2.19vw, 50px) 0 clamp(15px, 9px + 1.88vw, 45px);
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--contact_availability {
    font-size: clamp(17px, 4px + 1.35vw, 30px);
    font-weight: bold;
  }
}

.new-employee__cta-box--contact_availability_head {
  color: #ef2e2e;
  margin-right: 1.5em;
}

.new-employee__cta-box--contact_availability_year {
  width: 4em;
}

.new-employee__cta-box--contact_availability_month {
  width: 4.5em;
}

.new-employee__cta-box--contact_btn-wrapper {
  background: #fff;
  border-radius: 20px 20px 0 0;
  margin-top: clamp(15px, 7.488px + 2.35vw, 30px);
  padding: clamp(12px, 6.4px + 1.75vw, 40px) clamp(12px, 4.4px + 2.38vw, 50px) 0;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--contact_btn-wrapper {
    border-radius: 20px;
    margin-top: 0;
    padding-bottom: clamp(12px, 6.4px + 1.75vw, 40px);
  }
}

.new-employee__cta-box--contact_btn-wrapper_lead-text {
  color: #ef7d2e;
  font-size: clamp(14px, 12px + 0.63vw, 24px);
  margin-bottom: clamp(6px, 2.192px + 1.19vw, 25px);
  margin-left: -3em;
  text-align: center;
}

@media all and (min-width: 600px) {
  .new-employee__cta-box--contact_btn-wrapper_lead-text {
    font-weight: bold;
    margin-left: -5em;
  }
}

.new-employee__cta-box--notes {
  background: #fff;
  border-radius: 0 0 20px 20px;
  padding: 0 clamp(12px, 4.4px + 2.38vw, 50px) 10px;
  width: 100%;
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--notes {
    background: none;
    border-radius: none;
    padding: 0;
  }
}

.new-employee__cta-box--notes_text {
  font-size: clamp(12px, 10.4px + 0.5vw, 20px);
  padding-top: 15px;
  width: 100%;
}

@media all and (max-width: 359px) {
  .new-employee__cta-box--notes_text {
    letter-spacing: -1px;
  }
}

@media all and (min-width: 960px) {
  .new-employee__cta-box--notes_text {
    margin-left: auto;
    width: clamp(380px, 22px + 37.29vw, 738px);
  }
}

/* contactform7 */
#js-cf7-new-employee-form .form-error-msg {
  background-color: #f0d8d8;
  border: 1px solid #f00;
  border-radius: 10px;
  display: block;
  line-height: 1.4em;
  margin: 18px 0 clamp(18px, 16.8px + 0.38vw, 24px) auto;
  padding: 8px 10px;
  position: relative;
  text-align: justify;
  width: calc(100% - 2.8em);
}

@media all and (min-width: 600px) {
  #js-cf7-new-employee-form .form-error-msg {
    width: 100%;
  }
}

@media all and (min-width: 960px) {
  #js-cf7-new-employee-form .form-error-msg {
    margin-top: clamp(-8px, 6px - 0.73vw, -1px);
  }
}