html {
  font-size: 16px;
}
html #wpadminbar {
  opacity: 0.5;
}

html body {
  font-weight: 300;
  padding-top: 0;
}

li {
  list-style: none;
}

.recruit {
  margin-top: clamp(4.6875rem, -1.5625rem + 33.3333333333vw, 6.25rem);
}
@media screen and (min-width: 768px) {
  .recruit {
    margin-top: clamp(4.5rem, 4.3334035383rem + 2.3588879528vw, 6.25rem);
  }
}
@media screen and (min-width: 1600px) {
  .recruit {
    margin-top: 6.8rem;
  }
}

.recruit-inner {
  padding-inline: clamp(1.625rem, 1.2671755725rem + 1.5267175573vw, 2rem);
  margin-inline: auto;
  max-width: 62.2rem;
}

.recruit-section {
  padding-top: clamp(2.5rem, 2.0384615385rem + 1.9692307692vw, 4.5rem);
  padding-bottom: clamp(2.5rem, 2.0384615385rem + 1.9692307692vw, 4.5rem);
}

.recruit-title {
  margin-inline: auto;
  width: clamp(20.5625rem, 14.6490384615rem + 25.2307692308vw, 46.1875rem);
  text-align: center;
  font-size: clamp(1.5625rem, 1.1298076923rem + 1.8461538462vw, 3.4375rem);
  font-weight: 300;
  letter-spacing: 0.1rem;
  color: #df9596;
  border-radius: 0.31rem;
  padding-block: clamp(0.6875rem, 0.5576923077rem + 0.5538461538vw, 1.25rem);
}

.recruit-info-title {
  margin-top: clamp(0.75rem, 0.6057692308rem + 0.6153846154vw, 1.375rem);
  margin-bottom: 2rem;
}
@media screen and (min-width: 768px) {
  .recruit-info-title {
    margin-left: 0;
  }
}

.recruit-title-pink {
  background: #df9596;
  color: #ffffff;
}

.recruit-info {
  padding-block: 2.18rem 1.87rem;
  background-image: url("../images/recruit/info/info-bg-sp.jpg");
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .recruit-info {
    padding-bottom: 0;
    background-image: url("../images/recruit/info/info-bg-pc.jpg");
  }
}
.recruit-info .recruit-info-inner {
  max-width: 54.7rem;
}

.recruit-info-wrapper {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recruit-info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 8%;
  }
}

.recruit-info-title-container {
  display: inline-block;
}

.recruit-info-title-wrap {
  max-width: 17.1875rem;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .recruit-info-title-wrap {
    left: 10%;
    top: 6%;
  }
}

.recruit-info-main-title {
  font-size: clamp(1.875rem, 1.7307692308rem + 0.6153846154vw, 2.5rem);
  color: #f59090;
  letter-spacing: 0.08em;
  line-height: 1.2;
  padding: 0px 10px;
  position: relative;
  font-family: "Noto Sans Japanese";
  font-weight: 300;
  text-align: left;
  font-weight: bold;
  font-family: "Noto Sans JP";
}
.recruit-info-main-title span::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: -webkit-gradient(linear, left top, right top, color-stop(33%, #f59090), color-stop(67%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, #f59090 33%, rgba(255, 255, 255, 0) 67%);
  background-size: 5px 1px;
  background-repeat: repeat-x;
  position: absolute;
  bottom: 0%;
  left: 0%;
}

.recruit-info-title-img-sp {
  display: block;
  width: clamp(20.625rem, 19.7019230769rem + 3.9384615385vw, 24.625rem);
}
@media screen and (min-width: 768px) {
  .recruit-info-title-img-sp {
    display: none;
  }
}

.recruit-info-title-img-pc {
  display: none;
  width: clamp(20.625rem, 19.7019230769rem + 3.9384615385vw, 24.625rem);
}
@media screen and (min-width: 768px) {
  .recruit-info-title-img-pc {
    display: block;
  }
}

.movie_container-info video {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .movie_container-info {
    width: 45%;
  }
}

.recruit-career {
  background-image: url("../images/recruit/career/career-bg-sp.jpg");
}
@media screen and (min-width: 768px) {
  .recruit-career {
    padding-bottom: 0;
    background-image: url("../images/recruit/career/career-bg-pc.jpg");
    background-size: cover;
    background-repeat: no-repeat;
  }
}

.recruit-career-subtitle {
  text-align: center;
  margin-top: 2rem;
  margin-inline: auto;
  width: clamp(19.625rem, 14.375rem + 22.4vw, 42.375rem);
}

.movie_container-career video {
  width: 100%;
}

.recruit-subtitle-merit-container {
  margin-top: clamp(1.0625rem, 0.7307692308rem + 1.4153846154vw, 2.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(0.5625rem, 0.4474938499rem + 0.49200492vw, 1.0625rem);
}

.movie_container-merit {
  margin-top: clamp(2.5rem, 2.0096153846rem + 2.0923076923vw, 4.625rem);
}

.recruit-merit-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: clamp(0.5625rem, 0.375rem + 0.8vw, 1.375rem);
  padding-block: clamp(0.4375rem, 0.3365384615rem + 0.4307692308vw, 0.875rem);
  text-align: center;
  font-size: clamp(0.9375rem, 0.6778846154rem + 1.1076923077vw, 2.0625rem);
  font-weight: 300;
  letter-spacing: 0.1rem;
  border-radius: clamp(0.3125rem, 0.2403846154rem + 0.3076923077vw, 0.625rem);
}
.recruit-merit-subtitle img {
  display: inline-block;
  width: clamp(0.9375rem, 0.7211538462rem + 0.9230769231vw, 1.875rem);
}

.movie_container-merit {
  margin-inline: auto;
  max-width: 1000px;
}
.movie_container-merit video {
  width: 100%;
}

.recruit-question {
  background-color: #fff1ee;
}
.recruit-question .recruit-question-inner {
  padding-inline: 0;
}
.recruit-question .swiper-recruit {
  overflow-x: clip;
  overflow-y: visible;
}

.recruit-question .recruit-slider-prev,
.recruit-question .recruit-slider-next {
  position: absolute;
  top: 50%;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .recruit-question .recruit-slider-prev,
  .recruit-question .recruit-slider-next {
    display: none;
  }
}
.recruit-question .recruit-slider-prev {
  left: 8.8vw;
}
.recruit-question .recruit-slider-next {
  right: 8.8vw;
}

.recruit-question-subtitle {
  margin-inline: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-inline: clamp(0.9375rem, 0.6385522959rem + 1.2755102041vw, 1.25rem);
  padding-block: clamp(0.25rem, -0.1087372449rem + 1.5306122449vw, 0.625rem);
  text-align: center;
  font-size: clamp(0.9375rem, 0.6778846154rem + 1.1076923077vw, 2.0625rem);
  font-weight: 300;
  letter-spacing: 0.1rem;
  border-radius: clamp(0.3125rem, 0.2403846154rem + 0.3076923077vw, 0.625rem);
}
.recruit-question-subtitle img {
  display: inline-block;
  width: clamp(1.0625rem, 0.875rem + 0.8vw, 1.875rem);
}
@media screen and (min-width: 768px) {
  .recruit-question-subtitle {
    padding-block: clamp(0.625rem, 0.586038961rem + 0.0811688312vw, 0.6875rem);
    padding-inline: clamp(1.25rem, 1.1720779221rem + 0.1623376623vw, 1.375rem);
  }
}

.movie_container-question {
  margin-top: clamp(1.5625rem, 0.9134615385rem + 2.7692307692vw, 4.375rem);
}

.slide-item-recruit {
  margin-top: clamp(1.125rem, 1.0054209184rem + 0.5102040816vw, 1.25rem);
}
.slide-item-recruit video {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .slide-item-recruit {
    margin-top: clamp(1.25rem, 1.1331168831rem + 0.2435064935vw, 1.4375rem);
  }
}

.recruit-slider-prev {
  background-image: url("../images/recruit/question/button-prev.png");
}

.recruit-slider-next {
  background-image: url("../images/recruit/question/button-next.png");
}

.recruit-job-description {
  background-image: url("../images/recruit/job-description/job-description-background-image-sp.jpg");
  background-size: cover;
  padding-bottom: clamp(2.5rem, 1.923rem + 2.46vw, 5rem);
}
@media screen and (min-width: 768px) {
  .recruit-job-description {
    background-image: url("../images/recruit/job-description/job-description-background-image-pc.jpg");
  }
}

@media screen and (min-width: 768px) {
  .recruit-job-description-inner {
    max-width: none;
  }
}

.recruit-job-description {
  background-color: #ffffff;
}

.recruit-subtitle-job-description {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(0.75rem, 0.0325255102rem + 3.0612244898vw, 1.5rem);
}
@media screen and (min-width: 768px) {
  .recruit-subtitle-job-description {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    gap: 42px;
  }
}

.recruit-subtitle-job-description-container {
  margin-inline: auto;
  width: clamp(20.5625rem, 16.317442602rem + 18.112244898vw, 25rem);
  margin-top: clamp(2.6875rem, 2.2980769231rem + 1.6615384615vw, 4.375rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: clamp(1.875rem, 1.6153846154rem + 1.1076923077vw, 3rem);
}
@media screen and (min-width: 768px) {
  .recruit-subtitle-job-description-container {
    width: clamp(43.75rem, 39.854rem + 8.12vw, 50rem);
  }
}

.recruit-job-description-subtitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.43rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: clamp(0.5625rem, 0.4326923077rem + 0.5538461538vw, 1.125rem);
  text-align: center;
  letter-spacing: 0.1rem;
  border-radius: clamp(0.3125rem, 0.2403846154rem + 0.3076923077vw, 0.625rem);
}
.recruit-job-description-subtitle img {
  display: inline-block;
  width: 1rem;
}

.recruit-job-description-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.recruit-job-description-text-head {
  width: 32%;
  display: inline-block;
  font-size: clamp(1rem, 0.8269230769rem + 0.7384615385vw, 1.75rem);
  font-weight: 300;
}
@media screen and (min-width: 768px) {
  .recruit-job-description-text-head {
    width: 28%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.recruit-job-description-text-body {
  white-space: nowrap;
}
.recruit-job-description-text-body p {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.recruit-job-description-text-body p.recruit-job-description-text-pink {
  color: #df9596;
  font-weight: 700;
}
@media screen and (min-width: 375px) {
  .recruit-job-description-text-body p {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  .recruit-job-description-text-body p {
    font-size: clamp(14px, 0.833vw + 8.6px, 24px);
    line-height: 2;
  }
}

.recruit-step {
  background-color: #fff1ee;
}

.recruit-step-body {
  margin-top: clamp(1.25rem, 0.1394230769rem + 4.7384615385vw, 6.0625rem);
  max-width: 43.3rem;
  margin-inline: auto;
}

.recruit-step-step12,
.recruit-step-step34 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .recruit-step-step12,
  .recruit-step-step34 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
  }
}

@media screen and (min-width: 768px) {
  .recruit-step-step34 {
    margin-top: 2.5vw;
  }
}

.recruit-step-arrow-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 17.6vw;
  margin-inline: auto;
  margin-block: 5.3333333333vw;
}
@media screen and (min-width: 768px) {
  .recruit-step-arrow-sp {
    display: none;
  }
}

.recruit-step-arrow-pc {
  display: none;
}
@media screen and (min-width: 768px) {
  .recruit-step-arrow-pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-inline: 1rem;
    margin-block: auto;
    width: 6%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.recruit-cta {
  background-color: #df9596;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: clamp(7.1875rem, 5.3557692308rem + 7.8153846154vw, 15.125rem);
}
.recruit-cta a {
  width: clamp(16rem, 12.3221153846rem + 15.6923076923vw, 31.9375rem);
}

.recruit-movie_heading {
  margin-block: 20px;
}
.recruit-movie_heading .recruit-movie_heading-main {
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}
.recruit-movie_heading .recruit-movie_heading-sub {
  margin-top: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: normal;
}

.movie_container-career {
  margin-top: 2rem;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .movie_container-career {
    max-width: 21rem;
  }
}

.c-heading {
  font-size: 1.125rem;
  text-align: center;
  margin-bottom: 1rem;
}

.recruit-intro__video video,
.recruit-career__video video,
.recruit-merit__video video,
.recruit-faq__video video {
  width: 100%;
  border-radius: 0.75rem;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.recruit-faq__list {
  margin-top: 2rem;
}

.recruit-faq__list dt {
  font-weight: 700;
  margin-top: 1rem;
  color: #333;
}

.recruit-faq__list dd {
  margin-left: 0;
  padding-left: 0.5rem;
  border-left: 3px solid #f5b5c0;
  font-size: 0.9rem;
  line-height: 1.6;
}

.recruit-process__list {
  display: grid;
  gap: 1.5rem;
  margin-top: 2rem;
}

@media (min-width: 768px) {
  .recruit-process__list {
    grid-template-columns: repeat(4, 1fr);
  }
}
.recruit-process__step {
  text-align: center;
  background: #fff0f3;
  border-radius: 1rem;
  padding: 1rem;
}

.recruit-process__step .step-label {
  font-weight: 700;
  color: #e28090;
  margin-bottom: 0.5rem;
}

.c-btn {
  display: inline-block;
  font-weight: 700;
  padding: 1rem 2rem;
  border-radius: 2rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.c-btn--green {
  background: #38b48b;
  color: #fff;
}