.mainVisualArea.__child {
  position: relative;
  padding: 296px 0 0 0;
}
@media screen and (max-width: 768px) {
  .mainVisualArea.__child {
    padding: 177px 0 0 0;
  }
}
.mainVisualArea.__child .head {
  margin: 0 0 0 10.4166666667vw;
  color: #303030;
}
@media screen and (min-width: 1441px) {
  .mainVisualArea.__child .head {
    margin: 0 0 0 150px;
  }
}
@media screen and (max-width: 768px) {
  .mainVisualArea.__child .head {
    margin: 0 0 0 8vw;
  }
}
.mainVisualArea.__child h1 .text {
  font-size: clamp(2.625rem, -1.375rem + 8.3333vw, 6.125rem);
  line-height: clamp(3.125rem, -1.6607rem + 9.9702vw, 7.3125rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mainVisualArea.__child .subTitle .text {
  font-size: clamp(2.1875rem, 1.8304rem + 0.744vw, 2.5rem);
  line-height: clamp(2.625rem, 2.1964rem + 0.8929vw, 3rem);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.mainVisualArea.__child .sub .text {
  margin: 0.9722222222vw 0 0 0;
  font-size: clamp(0.875rem, 0.7321rem + 0.2976vw, 1rem);
  line-height: clamp(1.25rem, 1.0357rem + 0.4464vw, 1.4375rem);
  letter-spacing: 0.2em;
}
@media screen and (min-width: 1441px) {
  .mainVisualArea.__child .sub .text {
    margin: 14px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .mainVisualArea.__child .sub .text {
    margin: 2.6666666667vw 0 0 0;
  }
}
.mainVisualArea.__child .img {
  position: relative;
  width: calc(100% - 70px);
  height: 423px;
  margin: 170px auto 0;
}
@media screen and (max-width: 768px) {
  .mainVisualArea.__child .img {
    width: calc(100% - 30px);
    height: 220px;
    margin: 18.1333333333vw auto 0;
  }
}
@media screen and (max-width: 1000px) {
  main {
    overflow-x: hidden;
  }
}
main.--tablet .recruitWelfareArea {
  overflow-x: hidden;
}
p,
span,
.title,
.text,
.ja {
  font-family: noto-sans-cjk-jp, sans-serif;
}
@media (min-width: 769px) {
  .-pc-hide {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .-sp-hide {
    display: none !important;
  }
}
.-hidden {
  display: none !important;
}
.-no-click {
  pointer-events: none;
  user-select: none;
}
.js-slideIn {
  transition: 0.3s ease-in-out;
  transform: translateX(-10%);
  opacity: 0;
  pointer-events: none;
}
.js-slideIn.is-active {
  transform: translateX(0%);
  pointer-events: all;
  opacity: 1;
}
.commonSection {
  width: 100vw;
}
@media (max-width: 768px) {
  .commonSection {
    width: auto;
  }
}
.commonSection .innerBlock {
  width: 79.1666666667vw;
  max-width: 1140px;
  margin: auto;
}
@media (max-width: 768px) {
  .commonSection .innerBlock {
    width: 84.8vw;
    max-width: initial;
  }
}
.commonStickySection {
  width: 100vw;
}
.commonStickySection .innerBlock {
  width: 79.1666666667vw;
  max-width: 1140px;
  margin: auto;
}
@media (max-width: 768px) {
  .commonStickySection .innerBlock {
    width: 84.8vw;
    max-width: initial;
  }
}
.recruitSectionHead .title {
  font-weight: 700;
  font-size: min(1.875vw, 27px);
  line-height: 200%;
  letter-spacing: 0.1em;
  color: #303030;
}
@media (max-width: 768px) {
  .recruitSectionHead .title {
    letter-spacing: 0.05em;
    font-size: min(7.2vw, 27px);
  }
}
.recruitSectionHead .text {
  margin-top: min(0.6944444444vw, 10px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
}
@media (max-width: 768px) {
  .recruitSectionHead .text {
    margin-top: min(2.1333333333vw, 8px);
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitTextList .list {
  position: relative;
  z-index: 0;
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 200%;
  letter-spacing: 0.1em;
  color: #303030;
  padding-left: min(1.3888888889vw, 20px);
}
@media (max-width: 768px) {
  .recruitTextList .list {
    font-size: min(3.7333333333vw, 14px);
    padding-left: min(5.3333333333vw, 20px);
  }
}
.recruitTextList .list::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 200%;
  letter-spacing: 0.1em;
  color: #8d8d8d;
}
@media (max-width: 768px) {
  .recruitTextList .list::before {
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitNumberList .list {
  position: relative;
  z-index: 0;
  padding-left: min(1.6666666667vw, 24px);
  color: #303030;
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
}
@media (max-width: 768px) {
  .recruitNumberList .list {
    padding-left: min(6.4vw, 24px);
    font-size: min(3.7333333333vw, 14px);
    margin-bottom: min(1.0666666667vw, 4px);
  }
}
.recruitNumberList .list::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
  font-size: min(0.8333333333vw, 12px);
  line-height: 180%;
  text-align: right;
}
@media (max-width: 768px) {
  .recruitNumberList .list::before {
    font-size: min(3.2vw, 12px);
  }
}
.recruitNumberList .list:nth-of-type(1)::before {
  content: "1.";
}
.recruitNumberList .list:nth-of-type(2)::before {
  content: "2.";
}
.recruitNumberList .list:nth-of-type(3)::before {
  content: "3.";
}
.recruitNumberList .list:nth-of-type(4)::before {
  content: "4.";
}
.recruitNumberList .list:nth-of-type(5)::before {
  content: "5.";
}
.recruitNumberList .list:nth-of-type(6)::before {
  content: "6.";
}
.recruitNumberList .list:nth-of-type(7)::before {
  content: "7.";
}
.recruitNumberList .list:nth-of-type(8)::before {
  content: "8.";
}
.recruitNumberList .list:nth-of-type(9)::before {
  content: "9.";
}
.recruitNumberList .list:nth-of-type(10)::before {
  content: "10.";
}
.recruitNumberList .list:nth-of-type(11)::before {
  content: "11.";
}
.recruitNumberList .list:nth-of-type(12)::before {
  content: "12.";
}
.recruitNumberList .list:nth-of-type(13)::before {
  content: "13.";
}
.recruitNumberList .list:nth-of-type(14)::before {
  content: "14.";
}
.recruitNumberList .list:nth-of-type(15)::before {
  content: "15.";
}
.recruitNumberList .list:nth-of-type(16)::before {
  content: "16.";
}
.recruitNumberList .list:nth-of-type(17)::before {
  content: "17.";
}
.recruitNumberList .list:nth-of-type(18)::before {
  content: "18.";
}
.recruitNumberList .list:nth-of-type(19)::before {
  content: "19.";
}
.recruitNumberList .list:nth-of-type(20)::before {
  content: "20.";
}
.recruitCardList {
  color: #303030;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 769px) {
  .recruitCardList::after {
    content: "";
    display: block;
    height: 0px;
    overflow: hidden;
    margin: 0;
    padding: 0 min(0.8333333333vw, 35px);
    width: 27.0833333333vw;
    max-width: 390px;
  }
}
@media (max-width: 768px) {
  .recruitCardList {
    display: block;
  }
}
.recruitCardList .list {
  padding: min(2.4305555556vw, 35px);
  background: #fff;
  margin-bottom: min(1.3888888889vw, 20px);
}
@media (max-width: 768px) {
  .recruitCardList .list {
    padding: min(5.3333333333vw, 11px);
    margin-bottom: min(2.1333333333vw, 8px);
  }
}
.recruitCardList .list .head {
  font-weight: 700;
  font-size: min(1.3888888889vw, 20px);
  line-height: 200%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitCardList .list .head {
    font-size: min(4.8vw, 18px);
    position: relative;
    z-index: 0;
  }
  .recruitCardList .list .head::before {
    pointer-events: none;
    user-select: none;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    height: 42px;
    width: 42px;
    background-image: url("../../dist/images/recruit/icon_arrow-circle.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.2));
    transform: rotateZ(0deg);
    transition: 0.4s ease transform;
  }
}
@media screen and (min-width: 768px) {
  .recruitCardList .list .head.js-ac-btn {
    pointer-events: none;
  }
}
.recruitCardList .list .text .inner {
  padding-top: min(0.4166666667vw, 6px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
  text-align: justify;
  width: 27.0833333333vw;
  max-width: 390px;
}
@media (max-width: 768px) {
  .recruitCardList .list .text .inner {
    padding-top: min(5.3333333333vw, 20px);
    font-size: min(3.7333333333vw, 14px);
    width: 100%;
    max-width: initial;
  }
}
@media (min-width: 769px) {
  .recruitCardList .list:nth-last-of-type(1),
  .recruitCardList .list:nth-last-of-type(2) {
    margin-bottom: 0;
  }
}
@media (max-width: 768px) {
  .recruitCardList .list:nth-last-of-type(1) {
    margin-bottom: 0;
  }
  .recruitCardList .list.-open .head::before {
    transform: rotateZ(180deg);
  }
}
.recruitCardList.-col3 {
  width: auto;
  max-width: none;
  justify-content: flex-start;
  margin-left: -5px;
}
@media (max-width: 768px) {
  .recruitCardList.-col3 {
    width: 1100px;
    max-width: initial;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.recruitCardList.-col3 .list {
  background: #f9f6f6;
  padding: min(1.3888888889vw, 20px) min(1.25vw, 18px);
  margin: min(0.6944444444vw, 5px);
}
@media (max-width: 768px) {
  .recruitCardList.-col3 .list {
    padding: min(2.1333333333vw, 8px);
    padding-left: 20px;
    margin: 0 0 min(1.6vw, 6px) 0;
    width: 178px;
    height: max-content;
  }
}
.recruitCardList.-col3 .list .head {
  font-weight: 700;
  font-size: min(1.1111111111vw, 16px);
  line-height: 200%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitCardList.-col3 .list .head {
    height: 27px;
    margin-top: 5px;
    font-size: min(3.2vw, 12px);
    display: flex;
    align-items: center;
    line-height: 100%;
  }
  .recruitCardList.-col3 .list .head::before {
    content: none;
  }
}
.recruitCardList.-col3 .list .text .inner {
  width: 9.7222222222vw;
  max-width: 140px;
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 170%;
}
@media (max-width: 768px) {
  .recruitCardList.-col3 .list .text .inner {
    width: 100%;
    max-width: initial;
    font-size: 12px;
    padding: 3.2vw 0;
  }
}
@media screen and (max-width: 768px) {
  .recruitCardList.-col3 .list .text .inner {
    padding: 0 0 3.2vw;
  }
}
.recruitFlowList .row {
  display: flex;
  margin-bottom: min(1.7361111111vw, 25px);
}
@media (max-width: 768px) {
  .recruitFlowList .row {
    display: block;
    margin-bottom: min(10.6666666667vw, 40px);
  }
}
.recruitFlowList .row .head {
  position: relative;
  z-index: 0;
  height: max-content;
  width: 154px;
  min-width: 154px;
}
@media (max-width: 768px) {
  .recruitFlowList .row .head {
    height: 12vw;
    width: 100%;
    min-width: initial;
  }
}
.recruitFlowList .row .head .img {
  position: relative;
  z-index: 0;
  height: max-content;
  width: 100%;
}
.recruitFlowList .row .head .img img {
  height: auto;
  width: 100%;
  object-fit: contain;
}
.recruitFlowList .row .detail {
  padding-top: min(0.8333333333vw, 12px);
  color: #303030;
  margin-left: min(2.2222222222vw, 32px);
}
@media (max-width: 768px) {
  .recruitFlowList .row .detail {
    padding-top: min(3.2vw, 12px);
    margin-left: 0;
  }
}
.recruitFlowList .row .detail .title {
  font-weight: 700;
  font-size: min(1.25vw, 18px);
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitFlowList .row .detail .title {
    font-size: min(4.8vw, 18px);
  }
}
.recruitFlowList .row .detail .des {
  margin-top: min(0.2777777778vw, 4px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
}
@media (max-width: 768px) {
  .recruitFlowList .row .detail .des {
    margin-top: min(1.0666666667vw, 4px);
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitFlowList .row .detail .listBlock {
  margin-top: min(2.5vw, 36px);
}
@media (max-width: 768px) {
  .recruitFlowList .row .detail .listBlock {
    margin-top: min(9.6vw, 36px);
    overflow: auto;
  }
}
.recruitFlowList .row:nth-last-of-type(1) {
  margin-bottom: 0;
}
.recruitDataList .list {
  display: flex;
  margin-bottom: min(1.6666666667vw, 24px);
}
@media (max-width: 768px) {
  .recruitDataList .list {
    display: block;
    margin-bottom: min(2.6666666667vw, 10px);
  }
}
.recruitDataList .list .head {
  width: 70px;
  min-width: 70px;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
}
@media (max-width: 768px) {
  .recruitDataList .list .head {
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitDataList .list .text {
  margin-left: min(0.6944444444vw, 10px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
}
@media (max-width: 768px) {
  .recruitDataList .list .text {
    margin: 0;
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitDataList .list:nth-last-of-type(1) {
  margin-bottom: 0;
}
.recruitStepList .list {
  display: flex;
  align-items: center;
  padding: min(1.6666666667vw, 24px) 0;
  border-bottom: 1px solid #8d8d8d;
}
@media (max-width: 768px) {
  .recruitStepList .list {
    display: block;
    padding: min(8.5333333333vw, 32px) 0;
  }
}
.recruitStepList .list .head {
  position: relative;
  z-index: 0;
  height: 11.1111111111vw;
  min-height: 11.1111111111vw;
  width: 19.8611111111vw;
  max-width: 286px;
}
@media (max-width: 768px) {
  .recruitStepList .list .head {
    height: 155px;
    min-height: 155px;
    width: 100%;
    max-width: initial;
  }
}
.recruitStepList .list .head .text {
  position: absolute;
  top: min(0vw, 0px);
  left: min(1.25vw, 18px);
  z-index: 0;
  color: #c4c4c4;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.06em;
  text-align: center;
}
@media (max-width: 768px) {
  .recruitStepList .list .head .text {
    left: min(6.4vw, 24px);
  }
}
.recruitStepList .list .head .text .step {
  font-size: min(1.1111111111vw, 16px);
  height: max-content;
}
@media (max-width: 768px) {
  .recruitStepList .list .head .text .step {
    font-size: min(4.2666666667vw, 16px);
  }
}
.recruitStepList .list .head .text .num {
  margin-top: min(2.2222222222vw, 32px);
  height: max-content;
  font-size: min(4.1666666667vw, 60px);
}
@media (max-width: 768px) {
  .recruitStepList .list .head .text .num {
    margin-top: min(8.5333333333vw, 32px);
    font-size: min(16vw, 60px);
  }
}
.recruitStepList .list .head .illust {
  position: absolute;
  top: 0;
  left: min(5.9722222222vw, 86px);
  z-index: 0;
  height: 11.1111111111vw;
  max-height: 160px;
  width: 11.1111111111vw;
  max-width: 160px;
  z-index: -1;
}
@media (max-width: 768px) {
  .recruitStepList .list .head .illust {
    left: min(22.9333333333vw, 86px);
    height: 42.6666666667vw;
    max-height: 160px;
    width: 42.6666666667vw;
    max-width: 160px;
  }
}
.recruitStepList .list .head .illust img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.recruitStepList .list .detail {
  max-width: 37.8472222222vw;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .recruitStepList .list .detail {
    max-width: 545px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepList .list .detail {
    max-width: none;
    width: auto;
  }
}
.recruitStepList .list .detail .title {
  font-weight: 700;
  font-size: min(1.25vw, 18px);
  line-height: 160%;
  text-align: justify;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitStepList .list .detail .title {
    font-size: min(4.8vw, 18px);
  }
}
.recruitStepList .list .detail .sub {
  display: block;
  margin-top: 0.3472222222vw;
  font-weight: 400;
  font-size: 0.8333333333vw;
  line-height: 140%;
  text-align: justify;
  letter-spacing: 0.1em;
  color: #000;
}
@media screen and (min-width: 1441px) {
  .recruitStepList .list .detail .sub {
    margin-top: 5px;
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepList .list .detail .sub {
    margin-top: 2.1333333333vw;
    font-size: 3.2vw;
  }
  .recruitStepList .list .detail .sub + .text {
    margin-top: 4vw;
  }
}
.recruitStepList .list .detail .sub.--red {
  color: red;
}
.recruitStepList .list .detail .text {
  margin-top: min(0.5555555556vw, 8px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
}
.recruitStepList .list .detail .text.--red {
  color: red;
}
@media (max-width: 768px) {
  .recruitStepList .list .detail .text {
    margin-top: min(2.1333333333vw, 8px);
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitStepList .list .detail .text a {
  display: inline;
  text-decoration: underline;
}
@media (max-width: 768px) {
  .recruitEntryList {
    display: block;
  }
}
.recruitEntryList .list {
  color: #303030;
  background: #f9f6f6;
  padding: min(4.3055555556vw, 62px);
}
@media (max-width: 768px) {
  .recruitEntryList .list {
    padding: min(16.5333333333vw, 32px) min(8.5333333333vw, 32px);
    width: 82.6666666667vw;
  }
}
@media screen and (max-width: 768px) {
  .recruitEntryList .list {
    width: auto;
  }
}
@media (max-width: 768px) {
  .recruitEntryList .list .inner {
    width: 100%;
    max-width: initial;
  }
}
.recruitEntryList .list .inner .title {
  font-weight: 700;
  font-size: min(1.875vw, 27px);
  line-height: 200%;
  text-align: center;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitEntryList .list .inner .title {
    font-size: min(7.2vw, 27px);
  }
}
.recruitEntryList .list .inner .text {
  margin-top: min(1.0416666667vw, 15px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
  text-align: center;
}
@media (max-width: 768px) {
  .recruitEntryList .list .inner .text {
    margin-top: min(4vw, 15px);
    font-size: min(3.7333333333vw, 14px);
    min-height: initial;
  }
}
.recruitEntryList .list .inner .btn {
  pointer-events: none;
  position: relative;
  z-index: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: min(3.6111111111vw, 52px) auto 0;
  height: 4.8611111111vw;
  max-height: 70px;
  width: 100%;
  max-width: 337px;
  font-weight: 700;
  font-size: min(0.9722222222vw, 14px);
  line-height: 100%;
  border: 1px solid #8d8d8d;
  box-sizing: border-box;
  color: #fff;
  background: #8d8d8d;
}
@media screen and (min-width: 1441px) {
  .recruitEntryList .list .inner .btn {
    max-width: 337px;
  }
}
@media screen and (max-width: 768px) {
  .recruitEntryList .list .inner .btn {
    max-width: none;
    width: auto;
  }
}
.recruitEntryList .list .inner .btn.entryBtn.is-active {
  pointer-events: visible;
  background: #303030;
  border: 1px solid #303030;
}
@media screen and (min-width: 768px) {
  .recruitEntryList .list .inner .btn:not(.-no-click):hover {
    color: #303030;
    background: #fff;
    border: 1px solid #303030;
  }
}
@media (max-width: 768px) {
  .recruitEntryList .list .inner .btn {
    margin-top: min(13.8666666667vw, 52px);
    font-size: min(3.7333333333vw, 14px);
    height: 18.6666666667vw;
    max-height: 70px;
  }
}
.recruitEntryList .list .inner .btn .text {
  margin: 0;
  padding: 0;
  height: initial;
  min-height: initial;
  transition: 0.3s ease-in-out !important;
}
.recruitEntryList .list .inner .btn.-no-click {
  background: #8d8d8d;
  border: 1px solid #8d8d8d;
}
.recruitEntryList .list:nth-of-type(2n) {
  margin-left: min(1.3888888889vw, 20px);
}
@media (max-width: 768px) {
  .recruitEntryList .list:nth-of-type(2n) {
    margin: min(3.4666666667vw, 13px) 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .recruitEntryList .list:nth-of-type(2n) {
    margin-left: 0;
  }
}
.recruitStickyArea {
  position: relative;
  z-index: 0;
}
.recruitStickyArea .stickyMenuArea {
  position: sticky;
  top: calc(50% - 180px);
  left: 3.4722222222vw;
  z-index: 1000;
  height: 100vh;
  width: calc(100px + 3.4722222222vw);
}
@media (max-width: 768px) {
  .recruitStickyArea .stickyMenuArea {
    position: relative;
    height: max-content;
  }
}
.recruitStickyArea .sectionMenuArea {
  display: none;
}
@media screen and (max-width: 1000px) {
  .recruitStickyArea .sectionMenuArea {
    display: block;
    width: calc(100% - 8vw - 12px);
    margin: 40px auto 0;
  }
  .recruitStickyArea .sectionMenuArea ul {
    display: flex;
    flex-wrap: wrap;
  }
  .recruitStickyArea .sectionMenuArea li {
    width: calc(50% - 6px);
    margin: 0 3px;
    padding: 17px 0;
    background: #f9f6f6;
  }
  .recruitStickyArea .sectionMenuArea li .text {
    position: relative;
    text-align: center;
    font-size: 12px;
    line-height: 140%;
    letter-spacing: 0.1em;
    color: #303030;
  }
  .recruitStickyArea .sectionMenuArea li .text::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: 0;
    margin: auto;
  }
  .recruitStickyArea .sectionMenuArea li .text::before {
    width: 24px;
    height: 24px;
    background: url(../../dist/images/recruit/icon_arrow-circle.svg) no-repeat;
    background-size: contain;
  }
  .recruitStickyArea .sectionMenuArea li:nth-child(n + 3) {
    margin-top: 6px;
  }
}
.recruitStickyArea .stickyContentArea {
  position: relative;
  z-index: 0;
  margin-top: -100vh;
}
@media (max-width: 768px) {
  .recruitStickyArea .stickyContentArea {
    margin-top: 0;
  }
}
.recruitStickyArea .sideMenu {
  position: sticky;
  top: 227px;
  margin: 90px 0 90px;
}
@media screen and (max-width: 1000px) {
  .recruitStickyArea .sideMenu {
    display: none;
    position: unset;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .recruitStickyArea .sideMenu {
    margin: 21.3333333333vw 0 17.0666666667vw;
  }
}
.recruitStickyArea .sideMenu.is-click li.is-current .text {
  color: #c4c4c4;
}
.recruitStickyArea .sideMenu.is-click li.is-current .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  background: #8d8d8d;
  border-radius: 100%;
}
@media screen and (min-width: 1000px) {
  .recruitStickyArea .sideMenu li.is-current .text {
    color: #303030;
  }
  .recruitStickyArea .sideMenu li.is-current .text::before {
    top: 2px;
    left: -4px;
    background: url(../../dist/images/branding/strength/img_icon_current.svg)
      no-repeat;
    background-size: contain;
    width: 13px;
    height: 13px;
    opacity: 1;
  }
}
.recruitStickyArea .sideMenu li + li {
  margin: 0.9027777778vw 0 0 0;
}
@media screen and (max-width: 1000px) {
  .recruitStickyArea .sideMenu li + li {
    margin: 1.5972222222vw 0 0 0;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .recruitStickyArea .sideMenu li + li {
    margin: 3.4666666667vw 0 0 0;
  }
}
.recruitStickyArea .sideMenu .text {
  position: relative;
  padding: 0 0 0 1.0416666667vw;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  line-height: clamp(1.0625rem, 1.0625rem + 0vw, 1.0625rem);
  letter-spacing: 0.1em;
  word-break: keep-all;
  color: #c4c4c4;
}
@media screen and (max-width: 1000px) {
  .recruitStickyArea .sideMenu .text {
    padding: 0 0 0 1.7361111111vw;
    color: #303030;
  }
}
@media screen and (max-width: 1000px) and (max-width: 768px) {
  .recruitStickyArea .sideMenu .text {
    padding: 0 0 0 4vw;
  }
}
.recruitStickyArea .sideMenu .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  height: 5px;
  margin: auto;
  background: #8d8d8d;
  border-radius: 100%;
}
@media screen and (max-width: 1000px) {
  .recruitStickyArea .sideMenu .text::before {
    background: #303030;
  }
}
.recruitMessageArea {
  margin: min(18.1944444444vw, 262px) 0;
}
@media (max-width: 768px) {
  .recruitMessageArea {
    margin: min(21.3333333333vw, 80px) 0 min(37.3333333333vw, 140px);
  }
}
.recruitMessageArea .innerBlock .block .text {
  color: #303030;
  font-weight: 700;
  font-size: min(1.25vw, 18px);
  line-height: 263%;
  text-align: center;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitMessageArea .innerBlock .block .text {
    line-height: 210%;
    font-size: min(4.2666666667vw, 16px);
    text-align: justify;
  }
}
.recruitThoughtArea {
  background: #f9f6f6;
  padding: min(7.6388888889vw, 110px) 0;
}
@media (max-width: 768px) {
  .recruitThoughtArea {
    padding: min(35.4666666667vw, 133px) 0 min(41.0666666667vw, 154px);
  }
}
.recruitThoughtArea .innerBlock .block .acList {
  width: 60.5555555556vw;
  max-width: 872px;
  margin-left: min(11.9444444444vw, 172px);
}
@media (max-width: 768px) {
  .recruitThoughtArea .innerBlock .block .acList {
    width: 100%;
    max-width: initial;
    margin: 0;
  }
}
.recruitThoughtArea .innerBlock .block .acList .ac {
  position: relative;
  z-index: 0;
  margin-bottom: min(5.9722222222vw, 86px);
}
@media (max-width: 768px) {
  .recruitThoughtArea .innerBlock .block .acList .ac {
    margin-bottom: min(14.4vw, 54px);
  }
}

.recruitThoughtArea .innerBlock .block .acList .ac .inner .head .title span {
  display: inline-block;
}
.recruitThoughtArea .innerBlock .block .acList .ac .inner .head .title .en {
  position: absolute;
  top: min(0.5555555556vw, 8px);
  left: min(1.3888888889vw, 20px);
  z-index: 0;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
  font-size: min(1.25vw, 18px);
  letter-spacing: 0.1em;
  line-height: 200%;
  color: #000;
}
@media (max-width: 768px) {
  .recruitThoughtArea .innerBlock .block .acList .ac .inner .head .title .en {
    position: static;
    top: initial;
    left: initial;
    font-size: min(4.8vw, 18px);
  }
}
.recruitThoughtArea .innerBlock .block .acList .ac .inner .head .title .ja {
  font-size: min(1.875vw, 27px);
  font-weight: 700;
  line-height: 200%;
  letter-spacing: 0.1em;
  color: #303030;
  padding: 0 0 min(1.1111111111vw, 16px) min(14.8611111111vw, 214px);
}
@media (max-width: 768px) {
  .recruitThoughtArea .innerBlock .block .acList .ac .inner .head .title .ja {
    letter-spacing: 0.05em;
    font-size: min(7.2vw, 27px);
    padding: min(3.7333333333vw, 14px) 0 0;
  }
}
.recruitThoughtArea .innerBlock .block .acList .ac .inner .detail {
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 180%;
  color: #303030;
  padding: 0 0 0 min(14.8611111111vw, 214px);
  position: relative;
  z-index: 0;
}
.recruitThoughtArea .innerBlock .block .acList .ac .inner .detail:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  transition: 0.4s ease opacity;
}
@media (max-width: 768px) {
  .recruitThoughtArea .innerBlock .block .acList .ac .inner .detail {
    font-size: min(3.7333333333vw, 14px);
    padding: min(9.0666666667vw, 34px) 0 0;
  }
}
.recruitThoughtArea .innerBlock .block .acList .ac .btn {
  cursor: pointer;
  position: absolute;
  bottom: -21px;
  right: -21px;
  z-index: 1;
  height: 42px;
  width: 42px;
  filter: drop-shadow(4px 4px 20px rgba(0, 0, 0, 0.08));
}
.recruitThoughtArea .innerBlock .block .acList .ac .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
  background-image: url("../../dist/images/recruit/icon_arrow-circle.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: rotateZ(0deg);
  transition: 0.4s ease transform;
  z-index: 2;
}
.recruitThoughtArea .innerBlock .block .acList .ac .btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 42px;
  height: 42px;
  border-radius: 100%;
  background: #303030;
}
@media (max-width: 768px) {
  .recruitThoughtArea .innerBlock .block .acList .ac .btn {
    right: -10px;
  }
}
.recruitThoughtArea .innerBlock .block .acList .ac.-open .btn::before {
  transform: rotateZ(180deg);
}
.recruitThoughtArea .innerBlock .block .acList .ac:nth-last-of-type(1) {
  margin-bottom: 0;
}

.copy-container{
    margin-top: 33px;
    display: flex;
    flex-direction: column;
}

.main-copy{
    color: #303030;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 2.6px;
    display: block;
    margin-bottom: 8px;
    line-height: 120%;
}

.sub-copy{
    color: #303030;
    font-family: "neue-haas-grotesk-text", sans-serif;
    font-size: 12px;
    font-weight: 400;
    display: block;
    line-height: 150%;
}

.sp_blank{
    display: none;
}

@media screen and (max-width: 1223px) {
  .sp_blank{
    display: inline;
  }
}

.recruitWantArea {
  margin-top: min(8.0555555556vw, 116px);
  overflow: hidden;
}
@media (max-width: 768px) {
  .recruitWantArea {
    margin-top: min(-12.8vw, -48px);
  }
}
.recruitWantArea .innerBlock .block {
  width: 72.4305555556vw;
  max-width: 1043px;
  margin: 0 0 0 auto;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block {
    width: 100%;
    max-width: initial;
  }
}
.recruitWantArea .innerBlock .block .imgBlock {
  height: 55.1388888889vw;
  max-height: 794px;
  width: 35.2777777778vw;
  min-width: 35.2777777778vw;
  max-width: 508px;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1441px) {
  .recruitWantArea .innerBlock .block .imgBlock {
    min-width: 508px;
  }
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .imgBlock {
    height: 120.5333333333vw;
    width: 76.8vw;
    max-height: initial;
    max-width: initial;
    margin-left: 15.4666666667vw;
  }
}
.recruitWantArea .innerBlock .block .imgBlock .img {
  width: 16.875vw;
  max-width: 243px;
  height: 36.7361111111vw;
  max-height: 529px;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .imgBlock .img {
    width: 36.936vw;
    height: 80.4053333333vw;
    max-height: initial;
    max-width: initial;
  }
}
.recruitWantArea .innerBlock .block .imgBlock .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.recruitWantArea .innerBlock .block .imgBlock .img:nth-of-type(1) {
  margin-top: auto;
}
.recruitWantArea .innerBlock .block .detailBlock {
  width: 31.6666666667vw;
  max-width: 456px;
  color: #303030;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .detailBlock {
    width: 100%;
    max-width: initial;
  }
}
.recruitWantArea .innerBlock .block .detailBlock .title {
  margin-top: min(3.3333333333vw, 48px);
  font-weight: 700;
  font-size: min(1.875vw, 27px);
  line-height: 200%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .detailBlock .title {
    letter-spacing: 0.05em;
    margin-top: min(22.4vw, 84px);
    font-size: min(7.2vw, 27px);
  }
}
.recruitWantArea .innerBlock .block .detailBlock .recruitTextList {
  margin-top: min(2.9166666667vw, 42px);
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .detailBlock .recruitTextList {
    margin-top: min(3.7333333333vw, 14px);
  }
}
.recruitWantArea .innerBlock .block .detailBlock .text {
  margin-top: min(2.9166666667vw, 42px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 200%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .detailBlock .text {
    margin-top: min(8vw, 30px);
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitWantArea .innerBlock .block .messageBlock {
  position: relative;
  z-index: 0;
  margin: min(6.8055555556vw, 98px) 0 0 auto;
  width: 72.4305555556vw;
  max-width: 1043px;
  display: flex;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .messageBlock {
    margin: min(22.4vw, 84px) 0 0 auto;
    width: 100%;
    max-width: initial;
    display: block;
    padding-top: min(13.8666666667vw, 52px);
  }
}
.recruitWantArea .innerBlock .block .messageBlock::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 0;
  height: 100%;
  width: 100vw;
  background: #f9f6f6;
}
.recruitWantArea .innerBlock .block .messageBlock .textBlock {
  position: relative;
  z-index: 1;
  width: 37.6388888889vw;
  max-width: 542px;
  padding: min(8.0555555556vw, 116px) 0;
  margin-left: min(8.0555555556vw, 116px);
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .messageBlock .textBlock {
    width: 74.6666666667vw;
    max-width: initial;
    margin: min(10.6666666667vw, 40px) 0 0 auto;
  }
}
.recruitWantArea .innerBlock .block .messageBlock .textBlock .title {
  font-weight: 700;
  font-size: min(1.25vw, 18px);
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .messageBlock .textBlock .title {
    font-size: min(4.8vw, 18px);
  }
}
.recruitWantArea .innerBlock .block .messageBlock .textBlock .text {
  margin-top: min(0.3472222222vw, 5px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 200%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .messageBlock .textBlock .text {
    margin-top: min(2.1333333333vw, 8px);
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitWantArea .innerBlock .block .messageBlock .illust {
  position: absolute;
  top: 0;
  left: min(52.3611111111vw, 754px);
  bottom: 0;
  margin: auto;
  z-index: 1;
  width: 13.9125vw;
  max-width: 200.34px;
  height: 20.7638888889vw;
  max-height: 299px;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block .messageBlock .illust {
    position: relative;
    z-index: 1;
    top: initial;
    left: initial;
    width: 40.2026666667vw;
    height: 60vw;
    max-width: initial;
    max-height: initial;
    margin: 0 0 0 26.1333333333vw;
  }
}
.recruitWantArea .innerBlock .block .messageBlock .illust img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.recruitWantArea .innerBlock .block:nth-of-type(1) {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .recruitWantArea .innerBlock .block:nth-of-type(1) {
    display: block;
  }
}
.recruitInterviewArea {
  margin-top: min(14.7222222222vw, 212px);
  overflow: hidden;
}
@media (max-width: 768px) {
  .recruitInterviewArea {
    margin-top: min(39.4666666667vw, 148px);
  }
}
.recruitInterviewArea .innerBlock {
  padding-top: min(9.3055555556vw, 134px);
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .recruitInterviewArea .innerBlock {
    padding-top: min(23.4666666667vw, 88px);
  }
}
.recruitInterviewArea .innerBlock::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  height: 100%;
  width: 100vw;
  background: #f9f6f6;
}
@media (max-width: 768px) {
  .recruitInterviewArea .innerBlock::before {
    right: -4vw;
  }
}
.recruitInterviewArea .innerBlock .block {
  position: relative;
  z-index: 1;
}
.recruitInterviewArea .innerBlock .block .slideBlock {
  height: auto;
  position: relative;
  margin-top: 48px;
  opacity: 1;
  transition: ease-in-out 0.2s;
}
.recruitInterviewArea .innerBlock .block .slideBlock .text {
  font-weight: 400;
  font-size: 14px;
  line-height: 180%;
  color: #303030;
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-track {
  display: flex;
}
@media screen and (max-width: 1100px) {
  .recruitInterviewArea .innerBlock .block .slideBlock {
    margin-top: 70px;
    padding-left: 8vw;
  }
}
@media screen and (max-width: 1100px) and (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block .slideBlock {
    padding-left: 0;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock.is-change {
  opacity: 0;
}
@media screen and (max-width: 1100px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-list {
    padding-left: 0 !important;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-track {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-next,
.recruitInterviewArea .innerBlock .block .slideBlock .slick-prev {
  position: absolute;
  top: 0;
  bottom: 100px;
  height: 90px;
  margin: auto;
  z-index: 996;
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-next.slick-disabled,
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .slick-prev.slick-disabled {
  display: none !important;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .slick-next
  .arrow
  svg
  circle,
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .slick-next
  .arrow
  svg
  rect,
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .slick-prev
  .arrow
  svg
  circle,
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .slick-prev
  .arrow
  svg
  rect {
  transition: 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-next .arrow svg,
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-prev .arrow svg {
    width: 55px;
    height: 55px;
  }
}
@media screen and (min-width: 768px) {
  .recruitInterviewArea
    .innerBlock
    .block
    .slideBlock
    .slick-next:hover
    .arrow
    svg
    circle,
  .recruitInterviewArea
    .innerBlock
    .block
    .slideBlock
    .slick-prev:hover
    .arrow
    svg
    circle {
    fill: #000;
  }
  .recruitInterviewArea
    .innerBlock
    .block
    .slideBlock
    .slick-next:hover
    .arrow
    svg
    rect,
  .recruitInterviewArea
    .innerBlock
    .block
    .slideBlock
    .slick-prev:hover
    .arrow
    svg
    rect {
    fill: #fff;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-next {
  right: -30px;
  bottom: 173px;
}
@media screen and (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-next {
    right: -18px;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-prev {
  left: -30px;
  bottom: 173px;
}
@media screen and (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-prev {
    left: -16px;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-slide {
  margin: 0 10px;
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-slide .detail {
  margin: 23px 0 0;
  max-height: 151px !important;
  overflow: visible;
}
@media screen and (min-width: 768px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-slide .detail {
    max-height: none;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .slick-slide:first-child {
  margin-left: 0;
}
@media screen and (max-width: 1100px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .slick-slide {
    margin: 0 2.6666666667vw;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .img {
  display: block;
  position: relative;
  width: 100%;
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .img::before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 66.6%;
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .img .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .img img {
  display: block;
  width: 100%;
  height: 100%;
  transition: 1s ease-in-out;
  object-fit: cover;
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .detail {
  max-height: 135px;
}
@media screen and (max-width: 1100px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .item .detail {
    max-height: none;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .detail .cat .inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .detail .cat .badge {
  display: flex;
  align-items: center;
  position: relative;
  width: 80px;
  height: 28px;
  padding-left: 10px;
  margin-top: 10px;
  margin-right: 26px;
  border-radius: 2px 0px 0px 2px;
}
@media screen and (max-width: 768px) {
  .recruitInterviewArea
    .innerBlock
    .block
    .slideBlock
    .item
    .detail
    .cat
    .badge {
    margin-top: 15px;
  }
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge::before {
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  width: 5px;
  height: 26px;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge
  .arrow {
  width: 16px;
  height: 28px;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge
  .arrow::before,
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge
  .arrow::after {
  content: "";
  display: block;
  position: absolute;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge
  .arrow::before {
  right: -16px;
  width: 16px;
  height: 28px;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge
  .arrow::after {
  top: 0;
  right: -8px;
  bottom: 0;
  width: 4px;
  height: 4px;
  margin: auto;
  background: #fff;
  border-radius: 100%;
}
@media screen and (min-width: 1441px) {
  .recruitInterviewArea
    .innerBlock
    .block
    .slideBlock
    .item
    .detail
    .cat
    .badge {
    font-size: 11px;
    line-height: 16px;
  }
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge
  .text {
  position: relative;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.05em;
  color: #fff;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: keep-all;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.staff {
  background: #4bc07a;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.staff::before {
  background: #4bc07a;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.staff
  .arrow::before {
  background: #4bc07a;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.news {
  background: #d9576e;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.news::before {
  background: #d9576e;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.news
  .arrow::before {
  background: #d9576e;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.media {
  background: #575cd9;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.media::before {
  background: #575cd9;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.media
  .arrow::before {
  background: #575cd9;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.event {
  background: #d9bc57;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.event::before {
  background: #d9bc57;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.event
  .arrow::before {
  background: #d9bc57;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.recruit {
  background: #57c1d9;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.recruit::before {
  background: #57c1d9;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.recruit
  .arrow::before {
  background: #57c1d9;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.branding {
  width: 120px;
  background: #ffa030;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.branding::before {
  background: #ffa030;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  .badge.branding
  .arrow::before {
  background: #ffa030;
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .detail .date {
  display: flex;
  align-items: center;
  justify-content: left;
  margin: 41px 0 0;
}
@media screen and (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block .slideBlock .item .detail .date {
    margin: 7px 0 0;
  }
}
.recruitInterviewArea .innerBlock .block .slideBlock .item .detail .date .text {
  position: relative;
  padding-left: 50px;
  font-size: clamp(0.75rem, 0.75rem + 0vw, 0.75rem);
  line-height: clamp(1.25rem, 1.25rem + 0vw, 1.25rem);
  text-align: right;
  color: #303030;
  transition-delay: 0.2s;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .date
  .text::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 1px;
  margin: auto;
  background: #303030;
}
.recruitInterviewArea
  .innerBlock
  .block
  .slideBlock
  .item
  .detail
  .cat
  + .info {
  font-size: 12px;
  line-height: 170%;
  color: #303030;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.recruitInterviewArea .innerBlock .block .iframe {
  position: relative;
  z-index: 1;
  margin: min(9.4444444444vw, 136px) 0 0 min(13.4722222222vw, 194px);
  width: 64.9305555556vw;
  max-width: 935px;
  height: 26.3888888889vw;
  max-height: 380px;
}
@media (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block .iframe {
    margin: min(28.8vw, 108px) 0 0 -2vw;
    width: 89.0666666667vw;
    height: 56.5333333333vw;
    max-width: initial;
    max-height: initial;
  }
}
.recruitInterviewArea .innerBlock .block .iframe iframe {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
  border: none;
}
.recruitInterviewArea .innerBlock .block:nth-of-type(1) {
  margin-left: min(13.4722222222vw, 194px);
}
@media (max-width: 768px) {
  .recruitInterviewArea .innerBlock .block:nth-of-type(1) {
    margin: 0;
    width: 75.7333333333vw;
  }
}
.recruitInterviewArea .innerBlock .block:nth-of-type(2) {
  margin-left: min(13.4722222222vw, 194px);
}
@media screen and (max-width: 1100px) {
  .recruitInterviewArea .innerBlock .block:nth-of-type(2) {
    margin-left: 0;
  }
}
.recruitInterviewArea .innerBlock .block:nth-of-type(2) .slick-list {
  position: relative;
}
.recruitInterviewArea .innerBlock .block:nth-of-type(2) .slick-list::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: -108%;
  width: 100%;
  height: 120%;
  background: #f9f6f6;
  z-index: 1;
}
.recruitInterviewArea .innerBlock .block:nth-of-type(3) {
  position: relative;
  z-index: 1;
}
.recruitInterviewArea .innerBlock .block:nth-of-type(3)::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -1px;
  height: 50%;
  width: 100vw;
  background: #fff;
}
.recruitWelfareArea {
  margin-top: min(19.3055555556vw, 278px);
}
@media (max-width: 768px) {
  .recruitWelfareArea {
    margin-top: min(37.8666666667vw, 142px);
    background: #f9f6f6;
  }
}
.recruitWelfareArea .innerBlock {
  padding: min(5.1388888889vw, 74px) 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock {
    padding: min(20.8vw, 219px) 0;
    padding-bottom: 228px;
  }
}
.recruitWelfareArea .innerBlock::before {
  content: "";
  position: absolute;
  top: 0;
  left: min(6.7361111111vw, 97px);
  bottom: 0;
  z-index: 0;
  height: 100%;
  width: 100vw;
  background: #f9f6f6;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock::before {
    display: none;
  }
}
.recruitWelfareArea .innerBlock .block {
  position: relative;
  z-index: 1;
}
.recruitWelfareArea .innerBlock .block .slide {
  pointer-events: none;
  margin-top: min(9.4444444444vw, 136px);
  width: 100vw;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block .slide {
    position: relative;
    z-index: 0;
    margin: min(20.2666666667vw, 76px) 0 0 -7.4666666667vw;
    overflow: initial;
  }
}
.recruitWelfareArea .innerBlock .block .slide .inner {
  position: relative;
  height: 100%;
  width: 100%;
}
.recruitWelfareArea .innerBlock .block .slide .inner .slick-track {
  display: flex;
}
.recruitWelfareArea .innerBlock .block .slide .inner .item {
  width: 100%;
  height: 100%;
  margin: 0 4px;
}
.recruitWelfareArea .innerBlock .block .slide .inner .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.recruitWelfareArea .innerBlock .block .messageBlock {
  margin: min(5vw, 72px) 0 0 min(24.6527777778vw, 355px);
  display: flex;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block .messageBlock {
    position: relative;
    z-index: 1;
    display: block;
    margin: min(-6.4vw, -24px) 0 0;
  }
}
.recruitWelfareArea .innerBlock .block .messageBlock .illust {
  width: 9.4923611111vw;
  max-width: 136.69px;
  height: 13.6111111111vw;
  max-height: 196px;
  overflow: visible;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block .messageBlock .illust {
    width: 26.7813333333vw;
    max-width: 100.43px;
    height: 38.4vw;
    max-height: 144px;
    margin-left: auto;
  }
}
.recruitWelfareArea .innerBlock .block .messageBlock .illust img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}
.recruitWelfareArea .innerBlock .block .messageBlock .textBlock {
  margin-left: min(6.3888888889vw, 92px);
  width: 38.6111111111vw;
  max-width: 556px;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block .messageBlock .textBlock {
    margin: min(10.6666666667vw, 40px) 0 0;
    width: 100%;
    max-width: initial;
  }
}
.recruitWelfareArea .innerBlock .block .messageBlock .textBlock .title {
  font-weight: 700;
  font-size: min(1.25vw, 18px);
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block .messageBlock .textBlock .title {
    font-size: min(4.8vw, 18px);
  }
}
.recruitWelfareArea .innerBlock .block .messageBlock .textBlock .text {
  margin-top: min(0.9722222222vw, 14px);
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
  line-height: 200%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block .messageBlock .textBlock .text {
    margin-top: min(2.1333333333vw, 8px);
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitWelfareArea .innerBlock .block:nth-of-type(1) {
  margin-left: min(13.4722222222vw, 194px);
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block:nth-of-type(1) {
    margin-left: 0;
  }
}
.recruitWelfareArea .innerBlock .block:nth-of-type(2) {
  margin: min(4.3055555556vw, 62px) 0 0 min(13.4722222222vw, 194px);
}
@media (max-width: 768px) {
  .recruitWelfareArea .innerBlock .block:nth-of-type(2) {
    margin: min(10.6666666667vw, 40px) 0 0 0;
  }
}
.recruitBusinessArea {
  position: relative;
  z-index: 0;
  margin-top: min(18.0555555556vw, 260px);
  overflow: hidden;
}
@media (max-width: 768px) {
  .recruitBusinessArea {
    margin-top: min(49.0666666667vw, -154px);
  }
}
.recruitBusinessArea .innerBlock {
  position: relative;
  z-index: 0;
  padding-top: min(9.4444444444vw, 136px);
}
@media (max-width: 768px) {
  .recruitBusinessArea .innerBlock {
    padding-top: 0;
  }
}
.recruitBusinessArea .innerBlock .imgBlock {
  position: absolute;
  top: 0;
  right: min(-14.5833333333vw, -210px);
  z-index: 0;
  width: 35vw;
  max-width: 504px;
  height: 43.8888888889vw;
  max-height: 632px;
}
@media (min-width: 1441px) {
  .recruitBusinessArea .innerBlock .imgBlock {
    right: -210px;
    min-width: 508px;
  }
}
@media screen and (max-width: 1000px) {
  .recruitBusinessArea .innerBlock .imgBlock {
    left: 0;
    right: 0;
    margin-left: auto;
  }
}
@media (max-width: 768px) {
  .recruitBusinessArea .innerBlock .imgBlock {
    position: relative;
    height: 120.5333333333vw;
    width: 76.8vw;
    max-height: initial;
    max-width: initial;
    margin-left: 15.4666666667vw;
  }
}
.recruitBusinessArea .innerBlock .imgBlock .img {
  position: absolute;
  z-index: 0;
  width: 16.875vw;
  max-width: 243px;
  height: 36.7361111111vw;
  max-height: 529px;
}
@media (max-width: 768px) {
  .recruitBusinessArea .innerBlock .imgBlock .img {
    width: 36.936vw;
    height: 80.4053333333vw;
    max-height: initial;
    max-width: initial;
  }
}
.recruitBusinessArea .innerBlock .imgBlock .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.recruitBusinessArea .innerBlock .imgBlock .img:nth-of-type(1) {
  top: 0;
  left: 0;
}
.recruitBusinessArea .innerBlock .imgBlock .img:nth-of-type(2) {
  bottom: 0;
  right: 0;
}
.recruitBusinessArea .innerBlock .block {
  position: relative;
  z-index: 1;
}
.recruitBusinessArea .innerBlock .block:nth-of-type(2) {
  margin: 0 0 0 min(13.0555555556vw, 188px);
}
@media screen and (max-width: 1000px) {
  .recruitBusinessArea .innerBlock .block:nth-of-type(2) {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .recruitBusinessArea .innerBlock .block:nth-of-type(2) {
    margin: 0;
  }
}
.recruitBusinessArea .innerBlock .block:nth-of-type(3) {
  margin: min(3.9583333333vw, 57px) 0 0 min(13.0555555556vw, 188px);
}
@media screen and (max-width: 1000px) {
  .recruitBusinessArea .innerBlock .block:nth-of-type(3) {
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .recruitBusinessArea .innerBlock .block:nth-of-type(3) {
    margin: min(6.4vw, 24px) 0 0 0;
  }
}
.recruitApplicationArea {
  margin-top: min(17.5694444444vw, 253px);
  background: #f9f6f6;
  padding: min(10.6944444444vw, 154px) 0 min(8.125vw, 117px);
}
@media (max-width: 768px) {
  .recruitApplicationArea {
    margin-top: min(52vw, 195px);
    padding: min(27.7333333333vw, 104px) 0 min(25.0666666667vw, 84px);
  }
}
.recruitApplicationArea .innerBlock .block {
  margin-left: min(13.75vw, 198px);
}
@media (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block {
    margin-left: 0;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .item {
  display: flex;
  border-top: 1px solid rgba(141, 141, 141, 0.5);
  margin-top: 2.7777777778vw;
  padding-top: 2.7777777778vw;
}
.recruitApplicationArea .innerBlock .block .itemList .item:last-child {
  border-bottom: 1px solid rgba(141, 141, 141, 0.5);
  padding-bottom: 2.7777777778vw;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .item:last-child {
    padding-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .item:last-child {
    padding-bottom: 8vw;
  }
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .item {
    margin-top: 40px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .item {
    display: block;
    margin-top: 8vw;
    padding-top: 8vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .left {
  max-width: 12.5vw;
  width: 100%;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .left {
    max-width: 180px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .left {
    max-width: none;
    width: auto;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .left .title {
  font-weight: 700;
  font-size: 0.9722222222vw;
  line-height: 180%;
  color: #000;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .left .title {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .left .title {
    font-size: 3.7333333333vw;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .right {
    margin-top: 5.3333333333vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .innerItem + .innerItem {
  margin-top: 2.7777777778vw;
  padding-top: 2.7777777778vw;
  border-top: 1px solid rgba(141, 141, 141, 0.5);
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .innerItem + .innerItem {
    margin-top: 40px;
    padding-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .innerItem + .innerItem {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList h3.title {
  font-weight: 700;
  font-size: 1.5277777778vw;
  line-height: 180%;
  letter-spacing: 0.1em;
  color: #303030;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList h3.title {
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList h3.title {
    font-size: 5.8666666667vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList h4.job {
  font-family: noto-sans-cjk-jp, sans-serif;
  margin-top: 1.5277777778vw;
  font-weight: 700;
  font-size: 1.1111111111vw;
  line-height: 23px;
  letter-spacing: 0.09em;
  color: #303030;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList h4.job {
    margin-top: 22px;
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList h4.job {
    margin-top: 3.4666666667vw;
    font-size: 4.2666666667vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .sub,
.recruitApplicationArea .innerBlock .block .itemList .detail {
  display: block;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 180%;
  color: #000;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .sub,
  .recruitApplicationArea .innerBlock .block .itemList .detail {
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .sub,
  .recruitApplicationArea .innerBlock .block .itemList .detail {
    font-size: 3.7333333333vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .sub {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .sub {
    margin-top: 1.6vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .sub + .detail {
  margin-top: 0.6944444444vw;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .sub + .detail {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .sub + .detail {
    margin-top: 3.4666666667vw;
  }
}
.recruitApplicationArea .innerBlock .block .itemList .detail + h4.job {
  margin-top: 2.2222222222vw;
}
@media screen and (min-width: 1441px) {
  .recruitApplicationArea .innerBlock .block .itemList .detail + h4.job {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block .itemList .detail + h4.job {
    margin-top: 8.5333333333vw;
  }
}
.recruitApplicationArea .innerBlock .block:nth-of-type(2) {
  display: flex;
  margin-top: min(4.0277777778vw, 58px);
}
@media (max-width: 768px) {
  .recruitApplicationArea .innerBlock .block:nth-of-type(2) {
    margin-top: min(10.6666666667vw, 40px);
    display: block;
  }
}
.recruitStepArea {
  margin-top: min(9.3055555556vw, 134px);
}
@media (max-width: 768px) {
  .recruitStepArea {
    margin-top: min(26.6666666667vw, 100px);
  }
}
.recruitStepArea .innerBlock {
  position: relative;
  padding: min(5.1388888889vw, 74px) 0;
  position: relative;
  z-index: 0;
}
@media (max-width: 768px) {
  .recruitStepArea .innerBlock {
    padding: min(20.8vw, 219px) 0;
    padding-bottom: 132px;
  }
}
.recruitStepArea .innerBlock::before {
  content: "";
  position: absolute;
  top: 0;
  left: min(6.7361111111vw, 97px);
  bottom: 0;
  z-index: 0;
  height: 100%;
  width: 100vw;
  background: #f9f6f6;
  z-index: -1;
}
@media (max-width: 768px) {
  .recruitStepArea .innerBlock::before {
    left: -8vw;
  }
}
.recruitStepArea .innerBlock .block {
  max-width: 59.0277777778vw;
  width: 100%;
  margin-left: auto;
}
@media screen and (min-width: 1441px) {
  .recruitStepArea .innerBlock .block {
    max-width: 850px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepArea .innerBlock .block {
    max-width: none;
    width: auto;
  }
}
.recruitStepArea .innerBlock .block:nth-of-type(1) {
  margin-left: min(13.4027777778vw, 193px);
}
@media (max-width: 768px) {
  .recruitStepArea .innerBlock .block:nth-of-type(1) {
    margin: 0 0 0 0;
  }
}
.recruitStepArea .innerBlock .block:nth-of-type(2) {
  margin: min(5.4166666667vw, 78px) 0 0 min(20.0694444444vw, 289px);
}
@media (max-width: 768px) {
  .recruitStepArea .innerBlock .block:nth-of-type(2) {
    margin: min(11.7333333333vw, 44px) 0 0 0;
  }
}
.recruitStepArea .innerBlock .block.__ngList {
  display: none;
}
.recruitStepArea .innerBlock .block.__mrList {
  display: none;
}
.recruitStepArea .innerBlock .block.is-active {
  display: block;
}
.recruitStepArea .innerBlock .toggleJobBtnWrap {
  display: flex;
  align-content: center;
  margin-top: 6.5972222222vw;
}
@media screen and (min-width: 1441px) {
  .recruitStepArea .innerBlock .toggleJobBtnWrap {
    margin-top: 95px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepArea .innerBlock .toggleJobBtnWrap {
    margin-top: 20.8vw;
  }
}
.recruitStepArea .innerBlock .toggleJobList {
  margin-top: 7.5694444444vw;
}
@media screen and (min-width: 1441px) {
  .recruitStepArea .innerBlock .toggleJobList {
    margin-top: 109px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepArea .innerBlock .toggleJobList {
    margin-top: 20.8vw;
  }
}
.recruitStepArea .innerBlock .toggleJobBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 29.375vw;
  width: 100%;
  height: 5.5555555556vw;
  background: #d9d9d9;
  border-radius: 10px;
  font-weight: 700;
  font-size: 1.3888888889vw;
  line-height: 200%;
  text-align: center;
  letter-spacing: 0.1em;
  color: #8d8d8d;
  transition: 0.4s ease;
}
@media screen and (min-width: 1441px) {
  .recruitStepArea .innerBlock .toggleJobBtn {
    max-width: 423px;
    height: 80px;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepArea .innerBlock .toggleJobBtn {
    max-width: 42.1333333333vw;
    height: 16vw;
    font-size: 4.8vw;
  }
}
@media screen and (min-width: 768px) {
  .recruitStepArea .innerBlock .toggleJobBtn:hover {
    background: #fff;
    color: #303030;
  }
  .recruitStepArea .innerBlock .toggleJobBtn:hover .text::before {
    opacity: 1;
  }
}
.recruitStepArea .innerBlock .toggleJobBtn.__mr {
  margin-left: 0.2777777778vw;
}
@media screen and (min-width: 1441px) {
  .recruitStepArea .innerBlock .toggleJobBtn.__mr {
    margin-left: 4px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepArea .innerBlock .toggleJobBtn.__mr {
    margin-left: 1.0666666667vw;
  }
}
.recruitStepArea .innerBlock .toggleJobBtn .text {
  position: relative;
}
.recruitStepArea .innerBlock .toggleJobBtn .text::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  margin: auto;
  background: #e49393;
  opacity: 0;
  transition: 0.4s ease;
}
.recruitStepArea .innerBlock .toggleJobBtn.is-active {
  background: #fff;
  color: #303030;
}
.recruitStepArea .innerBlock .toggleJobBtn.is-active .text::before {
  opacity: 1;
}
.recruitStepArea .innerBlock .attention {
  margin-top: 0.6944444444vw;
  font-weight: 400;
  font-size: 0.9722222222vw;
  line-height: 180%;
  text-align: right;
  color: #000;
}
@media screen and (min-width: 1441px) {
  .recruitStepArea .innerBlock .attention {
    margin-top: 10px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768px) {
  .recruitStepArea .innerBlock .attention {
    margin-top: 2.6666666667vw;
    font-size: 3.7333333333vw;
    text-align: left;
  }
}
.recruitScheduleArea {
  margin-top: min(12.0833333333vw, 174px);
}
@media (max-width: 768px) {
  .recruitScheduleArea {
    margin-top: min(32vw, 120px);
  }
}
.recruitScheduleArea .innerBlock {
  padding: min(9.7222222222vw, 140px) 0 min(11.1111111111vw, 160px);
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock {
    padding: min(37.3333333333vw, 140px) 0 min(42.6666666667vw, 160px);
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink {
  display: block;
  width: 59.5833333333vw;
  max-width: 858px;
  height: 12.8472222222vw;
  max-height: 185px;
  overflow: hidden;
}
.recruitScheduleArea .innerBlock .block .bnrLink::before {
  content: none;
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block .bnrLink {
    width: 100%;
    max-width: initial;
    height: 49.3333333333vw;
    max-height: 185px;
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner {
  pointer-events: none;
  user-select: none;
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  width: 100%;
  background: rgba(48, 48, 48, 0.6);
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .img {
  position: relative;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .front {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  height: max-content;
  width: max-content;
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .front .title {
  line-height: 180%;
  font-weight: 900;
  font-size: min(1.25vw, 18px);
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block .bnrLink .inner .front .title {
    font-size: min(4.8vw, 18px);
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .front .text {
  line-height: 180%;
  font-weight: 400;
  font-size: min(0.9722222222vw, 14px);
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block .bnrLink .inner .front .text {
    font-size: min(3.7333333333vw, 14px);
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .more {
  position: absolute;
  bottom: min(1.6666666667vw, 24px);
  right: min(2.9166666667vw, 42px);
  z-index: 2;
  color: #fff;
  padding-left: min(3.6111111111vw, 52px);
  height: max-content;
  width: max-content;
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block .bnrLink .inner .more {
    bottom: min(3.2vw, 12px);
    right: min(3.2vw, 12px);
    padding-left: min(13.8666666667vw, 52px);
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .more::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
  height: 1px;
  width: 2.7777777778vw;
  max-width: 40px;
  background: #fff;
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block .bnrLink .inner .more::before {
    width: 10.6666666667vw;
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .more .text {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
  font-size: min(1.1111111111vw, 16px);
  line-height: 180%;
  letter-spacing: 0.1em;
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block .bnrLink .inner .more .text {
    font-size: min(4.2666666667vw, 16px);
  }
}
.recruitScheduleArea .innerBlock .block .bnrLink .inner .more .text::before,
.recruitScheduleArea .innerBlock .block .bnrLink .inner .more .text::after {
  color: #fff;
}
.recruitScheduleArea .innerBlock .block:nth-of-type(1) {
  margin-left: min(14.1666666667vw, 204px);
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block:nth-of-type(1) {
    margin-left: 0;
  }
}
.recruitScheduleArea .innerBlock .block:nth-of-type(2) {
  margin: min(3.0555555556vw, 44px) 0 0 min(19.1666666667vw, 276px);
}
@media (max-width: 768px) {
  .recruitScheduleArea .innerBlock .block:nth-of-type(2) {
    margin: min(6.4vw, 24px) 0 0 0;
  }
}
.recruitScheduleArea .innerBlock .block .attention {
  text-align: center;
}
.recruitEntryArea {
  margin: min(11.25vw, 162px) 0 0;
}
@media (max-width: 768px) {
  .recruitEntryArea {
    margin: min(36.8vw, 138px) 0 0;
  }
}
.recruitEntryArea .innerBlock .block {
  margin-left: min(14.1666666667vw, 204px);
}
@media (max-width: 768px) {
  .recruitEntryArea .innerBlock .block {
    margin-left: 0;
  }
}
.recruitEntryArea .innerBlock .block:nth-of-type(3) {
  margin-top: min(7.3611111111vw, 106px);
}
@media (max-width: 768px) {
  .recruitEntryArea .innerBlock .block:nth-of-type(3) {
    margin-top: min(9.0666666667vw, 34px);
  }
}
.recruitEntryArea .innerBlock .block:nth-of-type(4) {
  margin-top: min(4.4444444444vw, 64px);
}
@media (max-width: 768px) {
  .recruitEntryArea .innerBlock .block:nth-of-type(4) {
    margin-top: min(8.5333333333vw, 32px);
  }
}
.privacyBlock {
  background: #f9f6f6;
  margin-top: 30px;
  margin-left: min(14.1666666667vw, 204px);
  padding: 30px 40px 50px;
}
@media (max-width: 768px) {
  .privacyBlock {
    margin-left: 0;
    padding: 10px 20px 30px;
  }
}
.privacyBlock .contents {
  height: 280px;
  margin: 23px 0 0;
  padding: 45px 50px;
  background: #fff;
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .privacyBlock .contents {
    margin: 40px 0 0;
    padding: 25px 17px;
  }
}
.privacyBlock .contents .text.--r {
  display: inline;
  font-size: 14px;
  line-height: 180%;
}
.privacyBlock .contents .text.--r.m-top {
  display: block;
  margin-top: 13px;
}
.privacyBlock .contents .text.--r.m-top.--sub {
  margin-top: 52px;
}
.privacyBlock .contents .text.--h {
  margin: 47px 0 0;
  font-size: 14px;
  line-height: 180%;
}
.privacyBlock .contents .text.--h.m-top {
  margin-top: 20px;
}
.privacyBlock .contents .text a {
  display: inline;
}
.privacyBlock .contents .title.m-top {
  margin-top: 100px;
}
.privacyBlock .contents .title.text.--r {
  display: block;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0.1em;
}
.privacyBlock .contents .mail,
.privacyBlock .contents .tel {
  display: inline;
  text-decoration: underline;
  transition: 0.2s ease-in-out;
}
@media screen and (min-width: 768px) {
  .privacyBlock .contents .mail:hover,
  .privacyBlock .contents .tel:hover {
    opacity: 0.6;
  }
}
.privacyBlock .agreeCheck {
  cursor: pointer;
  position: relative;
  width: fit-content;
  margin: 56px auto 0;
  padding-left: 20px;
}
.privacyBlock .agreeCheck::before,
.privacyBlock .agreeCheck::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}
.privacyBlock .agreeCheck::before {
  width: 14px;
  height: 14px;
  border: 1px solid #c4c4c4;
}
.privacyBlock.is-active .agreeCheck::after {
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background: url(../../dist/images/contact/img_icon_checked.svg) no-repeat;
  background-size: contain;
}
.js-ac-btn {
  cursor: pointer;
}
.js-ac-wrap .js-ac-inner {
  pointer-events: none;
  user-select: none;
}
.js-ac-wrap .js-ac-container {
  transition: 0.4s ease height;
  overflow: hidden;
}
.js-ac-wrap.-open .js-ac-inner {
  pointer-events: auto;
  user-select: auto;
}
.js-ac-wrap.-open .js-ac-container::before {
  opacity: 0;
}