@font-face {
  font-family: "Noto Sans JP";
  src: url("../assets/fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2 supports variations"), url("../assets/fonts/NotoSansJP-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 400 500 600 700;
}
section.recruit-landing {
  height: clamp(400px, 100vh - clamp(100px, 15vw, 190px), 780px);
}
section.recruit-landing picture {
  width: 100%;
  height: 100%;
}
section.recruit-landing picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-wrapper {
  background-color: #F4E6C2;
}

section.recruit {
  position: relative;
  padding: clamp(60px, 6vw, 90px) 0 150px 0;
}
section.recruit .content-container {
  position: relative;
  width: 84.6%;
  max-width: 500px;
  margin: 0 auto;
  z-index: 2;
}
section.recruit .content-container .text-col {
  margin-bottom: 32px;
}
section.recruit .content-container .text-col .h2-title-group {
  align-items: flex-start;
  font-size: clamp(6rem, 10vw, 164px);
  margin: calc((clamp(60px, 6vw, 90px) + 0.6em) * -1) 0 clamp(50px, 9vw, 130px) 0;
}
section.recruit .content-container .text-col .h2-title-group h2 {
  font-size: 1em;
}
section.recruit .content-container .text-col .h2-title-group h3 {
  font-size: clamp(18px, 2vw, 24px);
}
section.recruit .content-container .text-col h3.subtitle {
  margin-bottom: 1.6em;
}
section.recruit .content-container .text-col p {
  font-size: clamp(14px, 1.5vw, 18px);
  line-height: 210%;
}
section.recruit .content-container .img-col {
  position: relative;
}
section.recruit .content-container .img-col .deco-img {
  position: absolute;
  z-index: 2;
  width: 46%;
  bottom: 0;
  left: 0;
  transform: translate(-11%, 50%);
}
section.recruit .bg-text {
  position: absolute;
  bottom: 0;
  left: 13px;
  pointer-events: none;
  font-family: "din-2014", YuGothic, "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-weight: 700;
  font-size: clamp(50px, 12vw, 161px);
  letter-spacing: 0.05em;
  line-height: 100%;
  color: rgba(255, 255, 255, 0.5);
}
@media screen and (min-width: 801px) {
  section.recruit .content-container {
    width: calc((100% - clamp(100px, 84.6%, 1200px)) / 2 + clamp(100px, 84.6%, 1200px));
    margin-right: 0;
    max-width: unset;
    justify-content: space-between;
    align-items: flex-start;
  }
  section.recruit .content-container .text-col {
    width: 42%;
    max-width: 654px;
    margin-bottom: 0;
  }
  section.recruit .content-container .img-col {
    width: 55%;
    max-width: 792px;
  }
  section.recruit .bg-text {
    bottom: 20px;
  }
}

section.message {
  margin: clamp(80px, 10vw, 120px) auto 0;
  padding-bottom: clamp(100px, 10vw, 165px);
}
section.message .h2-title-group {
  margin-bottom: clamp(60px, 9vw, 100px);
}
section.message .h2-title-group h2 {
  margin-bottom: 0;
}
section.message .h2-title-group h3 {
  font-size: clamp(18px, 2vw, 24px);
  margin-bottom: 0.5em;
}
section.message .content-container {
  width: clamp(100px, 84.6%, 1200px);
  max-width: 500px;
  margin: 0 auto;
}
section.message .content-container .text-col h3.subtitle {
  margin-bottom: 1em;
}
section.message .content-container .text-col p {
  font-size: clamp(14px, 1.5vw, 18px);
  line-height: 210%;
}
section.message .content-container .img-col {
  margin-bottom: 32px;
}
@media screen and (min-width: 801px) {
  section.message .content-container {
    max-width: unset;
    justify-content: space-between;
  }
  section.message .content-container .text-col {
    width: 48%;
    max-width: 515px;
  }
  section.message .content-container .img-col {
    width: 50%;
    max-width: 600px;
    margin-bottom: 0;
  }
}

section.tender {
  padding: clamp(100px, 10vw, 150px) 0 180px;
}
section.tender .h2-title-group {
  margin-bottom: clamp(40px, 5vw, 70px);
}
section.tender .h2-title-group h2 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-family: YuGothic, "Yu Gothic", "Yu Gothic Medium", Meiryo, sans-serif;
  font-size: clamp(32px, 4vw, 56px);
  letter-spacing: 0.16em;
  line-height: 100%;
  text-stroke: 1px #000000;
  -webkit-text-stroke: 1px #000000;
}
section.tender .h2-title-group h3 {
  font-size: clamp(20px, 2vw, 31px);
  letter-spacing: 0.08em;
  line-height: 100%;
}
section.tender .st-table .table-row:first-child {
  border-top: 1px solid #000000;
}
section.tender .st-table.parttime-table {
  margin-bottom: clamp(120px, 15vw, 200px);
}
section.tender .apply-btn {
  width: 72%;
  max-width: 1200px;
  margin: clamp(40px, 5vw, 70px) auto 0;
  box-sizing: border-box;
  padding: 1.5em 0;
  background-color: #EF8348;
  border-radius: clamp(24px, 4vw, 50px);
  color: #ffffff;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
}

/*# sourceMappingURL=recruit.css.map */