/**********
** recruit
***********************************/

.recruit {
  overflow-x: clip;
}

.recruit__wrap {
  position: relative;
}

._interview .recruit__wrap {
    overflow: hidden;
    padding-block: calc(180 * var(--r));
  }

@media (min-width: 768px) {

._interview .recruit__wrap {
      padding-block: calc(100 * var(--r)) calc(200 * var(--r));
  }
    }

._interview .recruit__wrap::before {
      content: "";
      position: absolute;
      top: calc(-220 * var(--r));
      left: calc(-610 * var(--r));
      z-index: -1;
      width: 410%;
      height: 200%;
      background: url(/recruit/img/interview_bg.webp) no-repeat center center/contain;
    }

@media (min-width: 768px) {

._interview .recruit__wrap::before {
        top: calc(269 * var(--r));
        left: calc(-860 * var(--r));
        width: 177%;
        height: 149%;
    }
      }

._message .recruit__wrap {
    padding-top: clamp(calc(130 * var(--r)), calc(130 * var(--r)) + ((200 - 130) * var(--fluid-rate)), calc(200 * var(--r)));
  }

._message .recruit__wrap::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 106%;
      background-color: var(--gray-200);
    }

@media (min-width: 768px) {

._message .recruit__wrap::before {
        height: calc(100% - calc(40 * var(--r)));
    }
      }

._message .recruit__wrap::after {
      content: "";
      position: absolute;
      top: calc(-50 * var(--r));
      left: calc(-650 * var(--r));
      width: calc(1255 * var(--r));
      height: calc(759 * var(--r));
      background-color: var(--white);
      -webkit-clip-path: polygon(100% 0, 0 45%, 40% 100%);
              clip-path: polygon(100% 0, 0 45%, 40% 100%);
    }

@media (min-width: 768px) {

._message .recruit__wrap::after {
        top: calc(-100 * var(--r));
        left: calc(-1450 * var(--r));
        width: calc(2710 * var(--r));
        height: calc(1518 * var(--r));
    }
      }

._summary .recruit__wrap {
    padding-bottom: calc(113 * var(--r));
    background-color: var(--white);
  }

@media (min-width: 768px) {

._summary .recruit__wrap {
      padding-bottom: calc(220 * var(--r));
  }
    }

._summary .recruit__wrap::after {
      content: "";
      position: absolute;
      bottom: calc(40 * var(--r));
      right: calc(50% - 50vw);
      width: calc(1700 / 1920 * 100vw);
      height: calc(188 * var(--r));
      background-color: var(--blue-100);
    }

@media (min-width: 768px) {

._summary .recruit__wrap::after {
        bottom: calc(120 * var(--r));
        height: calc(377 * var(--r));
    }
      }

.recruit__mv-bg {
  min-height: calc(750 * var(--r));
  background: url(/recruit/img/recruit_mv_sp.webp) no-repeat center center/cover;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

.recruit__mv-bg {
    min-height: calc(796 * var(--r));
    background: url(/recruit/img/recruit_mv.webp) no-repeat center center/cover;
    height: 100%;
}
  }

.recruit__mv-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.recruit__mv-title-box {
  width: calc(350 * var(--r));
  margin-left: auto;
  padding-block: calc(28 * var(--r));
  background: color-mix(in srgb, var(--blue-500) 85%, transparent);
  -webkit-clip-path: polygon(18% 0%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(18% 0%, 100% 0, 100% 100%, 0% 100%);
  text-align: center;
}

@media (min-width: 768px) {

.recruit__mv-title-box {
    width: calc(758 * var(--r));
    padding-block: calc(36 * var(--r));
    -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0% 100%);
}
  }

.recruit__mv-title {
  font-size: clamp(calc(36 * var(--r)), calc(36 * var(--r)) + ((64 - 36) * var(--fluid-rate)), calc(64 * var(--r)));
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--white);
  margin: 0;
  position: relative;
}

.recruit__mv-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% + 3em);
  width: 2px;
  height: 1.4em;
  background-color: var(--white);
}

.recruit__mv-news-box {
  margin-top: calc(210 * var(--r));
  padding-block: calc(13 * var(--r));
  background: color-mix(in srgb, var(--black) 50%, transparent);
}

@media (min-width: 768px) {

.recruit__mv-news-box {
    margin-top: calc(50 * var(--r));
    padding-block: calc(30 * var(--r));
}
  }

.recruit__mv-news-list {
  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;
  gap: calc(20 * var(--r));
  text-align: center;
}

@media (min-width: 768px) {

.recruit__mv-news-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: unset;
        -ms-flex-align: unset;
            align-items: unset;
    gap: calc(60 * var(--r));
}
  }

.recruit__mv-news-tag {
  font-size: clamp(calc(14 * var(--r)), calc(14 * var(--r)) + ((18 - 14) * var(--fluid-rate)), calc(18 * var(--r)));
  color: var(--white);
  display: block;
  min-width: calc(150 * var(--r));
  border: 1px solid currentColor;
  border-radius: calc(infinity * 1px);
  padding-block: calc(4 * var(--r));
}

@media (min-width: 768px) {

.recruit__mv-news-tag {
    min-width: calc(200 * var(--r));
    padding-block: 0;
}
  }

.recruit__mv-news-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(20 * var(--r));
  text-align: left;
}

@media (min-width: 768px) {

.recruit__mv-news-content {
    gap: calc(60 * var(--r));
}
  }

.recruit__mv-news-date,
.recruit__mv-news-link {
  font-size: var(--fs-md);
  color: var(--white);
}

.recruit__mv-news-date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.recruit__mv-news-link._no-link {
  pointer-events: none;
}

.recruit__title {
  position: relative;
  z-index: 2;
}

.recruit__cards {
  margin-top: clamp(calc(40 * var(--r)), calc(40 * var(--r)) + ((80 - 40) * var(--fluid-rate)), calc(80 * var(--r)));
}

.recruit__message-box {
  display: -ms-grid;
  display: grid;
  gap: calc(88 * var(--r));
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

.recruit__message-box {
    -ms-grid-columns: 1fr calc(50 * var(--r)) calc(520 * var(--r));
    grid-template-columns: 1fr calc(520 * var(--r));
    gap: calc(50 * var(--r));
}
  }

.recruit__message-box::after {
  content: "";
  position: absolute;
  bottom: calc(-48 * var(--r));
  left: calc(50% - min(100vw, calc(80 * var(--r))));
  width: 100vw;
  height: 532px;
  background: url(/recruit/img/top-message_bg.webp) no-repeat center center/cover;
}

@media (min-width: 768px) {

.recruit__message-box::after {
    top: calc(-100 * var(--r));
    bottom: unset;
    left: calc(50% - min(100vw, calc(-340 * var(--r))));
    height: calc(980 * var(--r));
}
  }

.recruit__message-text {
  margin-top: calc(10 * var(--r));
}

.recruit__message-img-box {
  width: calc(278 * var(--r));
  margin-inline: auto;
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

.recruit__message-img-box {
    width: 100%;
    margin-inline: 0;
}
  }

.recruit__message-img {
  margin-inline: auto;
}

@media (min-width: 768px) {

.recruit__message-img {
    width: 100%;
    margin-inline: 0;
}
  }

.recruit__message-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.recruit__ceo {
  font-size: clamp(calc(24 * var(--r)), calc(24 * var(--r)) + ((36 - 24) * var(--fluid-rate)), calc(36 * var(--r)));
  font-weight: 700;
  font-family: var(--font-serif);
  color: var(--white);
  white-space: nowrap;
  margin-top: calc(28 * var(--r));
  padding-left: calc(80 * var(--r));
  position: relative;
}

@media (min-width: 768px) {

.recruit__ceo {
    padding-left: calc(270 * var(--r));
}
  }

.recruit__ceo span {
    font-size: clamp(calc(14 * var(--r)), calc(14 * var(--r)) + ((18 - 14) * var(--fluid-rate)), calc(18 * var(--r)));
    font-weight: 400;
    font-family: var(--font-main);
    display: block;
  }

.recruit__ceo::before {
  content: "";
  position: absolute;
  bottom: calc(-10 * var(--r));
  left: calc(50% - min(100vw, calc(60 * var(--r))));
  width: 100vw;
  height: 1px;
  background-color: var(--white);
}

@media (min-width: 768px) {

.recruit__ceo::before {
    left: calc(50% - min(100vw, calc(-10 * var(--r))));
}
  }

/**********
** recruit-card
***********************************/

.recruit-card {
  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;
  height: 100%;
  padding-inline: clamp(calc(22 * var(--r)), calc(22 * var(--r)) + ((50 - 22) * var(--fluid-rate)), calc(50 * var(--r)));
  position: relative;
}

@media (min-width: 768px) {

.recruit-card {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
}
  }

.recruit-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to bottom,
    transparent calc(20 * var(--r)),
    var(--blue-100) calc(20 * var(--r)),
    var(--blue-100) calc(100% - calc(30 * var(--r))),
    transparent calc(100% - calc(30 * var(--r)))
  );
}

@media (min-width: 768px) {

.recruit-card::before {
    background: linear-gradient(
      to bottom,
      transparent calc(30 * var(--r)),
      var(--blue-100) calc(30 * var(--r)),
      var(--blue-100) calc(100% - calc(40 * var(--r))),
      transparent calc(100% - calc(40 * var(--r)))
    );
}
  }

.recruit-card__head {
  position: relative;
}

.recruit-card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(35 * var(--r));
  margin-top: clamp(calc(19 * var(--r)), calc(19 * var(--r)) + ((35 - 19) * var(--fluid-rate)), calc(35 * var(--r)));
}

@media (min-width: 768px) {

.recruit-card__tags {
    gap: calc(54 * var(--r));
}
  }

.recruit-card__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: var(--white);
  border-radius: calc(infinity * 1px);
  padding: calc(3 * var(--r)) calc(20 * var(--r));
  font-size: var(--fs-sm);
  color: var(--black);
  min-width: calc(120 * var(--r));
  position: relative;
}

@media (min-width: 768px) {

.recruit-card__tag {
    padding: calc(6 * var(--r)) calc(20 * var(--r));
    min-width: calc(140 * var(--r));
}
  }

.recruit-card__tag + .recruit-card__tag::before {
  content: "×";
  position: absolute;
  top: 0;
  left: -1.5em;
  width: 1em;
  height: 1em;
  font-size: calc(14 * var(--r));
}

@media (min-width: 768px) {

.recruit-card__tag + .recruit-card__tag::before {
    font-size: calc(20 * var(--r));
}
  }

.recruit-card__img {
  width: 100%;
  margin-top: calc(30 * var(--r));
  position: relative;
}

.recruit-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.recruit-card__text-box {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-top: clamp(calc(30 * var(--r)), calc(30 * var(--r)) + ((50 - 30) * var(--fluid-rate)), calc(50 * var(--r)));
  position: relative;
}

.recruit-card__link {
  text-align: center;
}

@media (min-width: 768px) {

.recruit-card__link {
    text-align: left;
}
  }

.recruit__summary-box {
  padding-block: calc(0 * var(--r)) calc(79 * var(--r));
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

.recruit__summary-box {
    padding-block: calc(132 * var(--r)) calc(125 * var(--r));
}
  }

.recruit__summary-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: calc(1700 / 1920 * 100vw);
  height: 100%;
  background: url(/recruit/img/summary_bg_sp.webp) no-repeat center center/cover;
}

@media (min-width: 768px) {

.recruit__summary-box::before {
    background: url(/recruit/img/summary_bg.webp) no-repeat center center/cover;
}
  }

.recruit__summary-text {
  position: relative;
  color: var(--white);
}

/**********
** interviewer
***********************************/

.interviewer {
  overflow-x: clip;
  position: relative;
  z-index: 1;
}

.interviewer__wrap {
  padding-block: clamp(
    calc(60 * var(--r)),
    calc(60 * var(--r)) + ((120 - 60) * var(--fluid-rate)),
    calc(120 * var(--r))
  );
  position: relative;
  overflow: hidden;
}

.interviewer__lead {
  font-size: clamp(
    calc(16 * var(--r)),
    calc(16 * var(--r)) + ((24 - 16) * var(--fluid-rate)),
    calc(24 * var(--r))
  );
  line-height: calc(32 / 18);
}

.interviewer__grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: clamp(
    calc(40 * var(--r)),
    calc(40 * var(--r)) + ((50 - 40) * var(--fluid-rate)),
    calc(50 * var(--r))
  );
  background-color: var(--blue-100);
}

@media (min-width: 768px) {

.interviewer__grid {
    -ms-grid-columns: 1fr calc(80 * var(--r)) 1fr calc(80 * var(--r)) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(80 * var(--r));
    padding-block: calc(50 * var(--r)) calc(45 * var(--r));
    padding-inline: calc(60 * var(--r));
}
  }

.interviewer__card {
  position: relative;
}

.interviewer__card:not(:first-child)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(-40 * var(--r));
  width: 1px;
  height: 100%;
  background-color: var(--blue-500);
}

.interviewer__img img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.interviewer__info {
  margin-top: calc(20 * var(--r));
  padding-inline: calc(20 * var(--r));
}

@media (min-width: 768px) {

.interviewer__info {
    padding-inline: 0;
}
  }

.interviewer__name {
  font-size: clamp(
    calc(18 * var(--r)),
    calc(18 * var(--r)) + ((22 - 18) * var(--fluid-rate)),
    calc(22 * var(--r))
  );
  font-weight: 700;
  color: var(--blue-500);
}

.interviewer__name span {
    font-size: var(--fs-sm);
  }

.interviewer__position {
  margin-top: calc(8 * var(--r));
  font-size: var(--fs-sm);
  font-weight: 700;
  color: var(--blue-500);
}

.interviewer__desc {
  font-size: var(--fs-sm);
  line-height: 2;
  margin-top: calc(16 * var(--r));
}

/**********
** interview-detail
***********************************/

.interview-detail__wrap {
  padding-block: calc(50 * var(--r));
  overflow-x: clip;
  position: relative;
}

@media (min-width: 768px) {

.interview-detail__wrap {
    padding-block: calc(70 * var(--r)) calc(100 * var(--r));
}
  }

.interview-detail__article {
  position: relative;
}

.interview-detail__article:nth-child(odd)::before {
  content: "";
  position: absolute;
  top: calc(-270 * var(--r));
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(1741 * var(--r));
  background: url(/recruit/img/interviewer-detail_bg.webp) no-repeat top left/cover;
}

.interview-detail__article:nth-child(even)::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  width: 100vw;
  height: calc(1262 * var(--r));
  background: url(/recruit/img/interviewer-detail_bg_02.webp) no-repeat top left/cover;
}

.interview-detail__head {
  position: relative;
  z-index: 2;
}

.interview-detail__contents {
  position: relative;
}

@media (min-width: 768px) {

.interview-detail__contents {
    display: flow-root;
}
  }

.interview-detail__img {
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

.interview-detail__img {
    width: calc(686 * var(--r));
    float: right;
    margin-left: calc(50 * var(--r));
    margin-bottom: calc(50 * var(--r));
}
  }

@media (min-width: 768px) {

.interview-detail__img._reverse {
      float: left;
      margin-left: 0;
      margin-right: calc(50 * var(--r));
  }
    }

.interview-detail__img::before {
  content: "";
  position: absolute;
  bottom: calc(-40 * var(--r));
  right: calc(50% - 50vw);
  width: calc(1200 / 1920 * 100vw);
  height: calc(80 * var(--r));
  background-color: var(--blue-500);
  background-image: linear-gradient(to right, transparent 47%, color-mix(in srgb, var(--blue-300) 55%, transparent) 100%);
}

@media (min-width: 768px) {

.interview-detail__img::before {
    height: calc(180 * var(--r));
}
  }

.interview-detail__img._reverse::before {
  content: "";
  position: absolute;
  bottom: calc(-40 * var(--r));
  left: calc(50% - 50vw);
  width: calc(1200 / 1920 * 100vw);
  height: calc(80 * var(--r));
  background-color: var(--blue-500);
  background-image: linear-gradient(to left, transparent 47%, color-mix(in srgb, var(--blue-300) 55%, transparent) 100%);
}

@media (min-width: 768px) {

.interview-detail__img._reverse::before {
    height: calc(180 * var(--r));
}
  }

.interview-detail__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.interview-detail__title {
  font-size: clamp(
    calc(16 * var(--r)),
    calc(16 * var(--r)) + ((18 - 16) * var(--fluid-rate)),
    calc(18 * var(--r))
  );
  font-weight: 700;
  color: var(--blue-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(10 * var(--r));
  margin-top: calc(60 * var(--r));
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {

.interview-detail__title {
    margin-top: 0;
}
  }

.interview-detail__title::before {
  content: "Q.";
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.interview-detail__text-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3.5em 1fr;
  grid-template-columns: 3.5em 1fr;
  position: relative;
  z-index: 2;
}

.interview-detail__text-box + .interview-detail__text-box {
  margin-top: 2.4em;
}

.interview-detail__text-label {
  font-weight: 700;
  white-space: nowrap;
}

.interview-detail__text-label,
.interview-detail__text {
  font-size: var(--fs-md);
  line-height: calc(32 / 18);
}

/**********
** recruit-information
***********************************/

.recruit-information__wrap {
  padding-block: calc(50 * var(--r)) calc(70 * var(--r));
  overflow-x: clip;
  background-color: var(--white);
  position: relative;
}

@media (min-width: 768px) {

.recruit-information__wrap {
    padding-block: calc(140 * var(--r)) calc(100 * var(--r));
}
  }

.recruit-information__img {
  position: relative;
}

.recruit-information__img::before {
  content: "";
  position: absolute;
  bottom: calc(-120 * var(--r));
  right: calc(50% - 50vw);
  width: calc(330 / 390 * 100vw);
  height: calc(160 * var(--r));
  background-color: var(--blue-100);
  background: linear-gradient(to right, var(--white) 5%, var(--blue-100) 5%);
}

@media (min-width: 768px) {

.recruit-information__img::before {
    bottom: calc(-80 * var(--r));
    width: max(calc(1560 * var(--r)), calc(1820 / 1920 * 100vw));
    height: calc(420 * var(--r));
}
  }

.recruit-information__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.recruit-information__btn {
  margin-top: 0;
  text-align: center;
}

@media (min-width: 768px) {

.recruit-information__btn {
    margin-top: calc(-40 * var(--r));
}
  }

/**********
** recruit-page-header
***********************************/

.recruit-page-header {
  position: absolute;
  top: calc(80 * var(--r));
  right: 0;
  width: 100%;
  z-index: 10;
}

@media (min-width: 768px) {

.recruit-page-header {
    top: calc(100 * var(--r));
    width: calc(810 / 1920 * 100vw);
}
  }

.recruit-page-header__wrap {
  padding-block: calc(30 * var(--r)) calc(30 * var(--r));
  position: relative;
}

@media (min-width: 768px) {

.recruit-page-header__wrap {
    padding-block: calc(114 * var(--r)) calc(100 * var(--r));
}
  }

.recruit-page-header__wrap::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(/recruit/img/header_bg.webp) no-repeat center center/cover;
  -webkit-clip-path: polygon(calc(80 * var(--r)) 0%, 100% 0, 100% 100%, 0% 100%);
          clip-path: polygon(calc(80 * var(--r)) 0%, 100% 0, 100% 100%, 0% 100%);
}

@media (min-width: 768px) {

.recruit-page-header__wrap::before {
    width: calc(1154 / 1920 * 100vw);
    height: calc(378 * var(--r));
    -webkit-clip-path: polygon(calc(218 * var(--r)) 0%, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(calc(218 * var(--r)) 0%, 100% 0, 100% 100%, 0% 100%);
}
  }

.recruit-page-header__title {
  padding-left: calc(80 * var(--r));
  position: relative;
}

@media (min-width: 768px) {

.recruit-page-header__title {
    padding-left: 0;
}
  }

.recruit-page-header__breadcrumbs {
  margin-top: calc(20 * var(--r));
  padding-left: calc(80 * var(--r));
  position: relative;
}

@media (min-width: 768px) {

.recruit-page-header__breadcrumbs {
    margin-top: calc(50 * var(--r));
    padding-left: 0;
}
  }

/**********
** recruit-mv
***********************************/

.recruit-mv {
  margin-top: calc(299 * var(--r));
}

@media (min-width: 768px) {

.recruit-mv {
    margin-top: calc(329 * var(--r));
}
  }

.recruit-mv__wrap {
  position: relative;
}

.recruit-mv__wrap::before {
  content: "";
  position: absolute;
  top: calc(-20 * var(--r));
  left: 0;
  width: calc(380 / 390 * 100vw);
  height: calc(127 * var(--r));
  background-color: var(--blue-100);
}

@media (min-width: 768px) {

.recruit-mv__wrap::before {
    top: calc(-130 * var(--r));
    width: calc(1820 / 1920 * 100vw);
    height: calc(687 * var(--r));
}
  }

.recruit-mv__inner {
  width: min(100%, calc(1650 * var(--r)));
  margin-inline: auto;
  padding-inline: calc(20 * var(--r));
  position: relative;
}

@media (min-width: 768px) {

.recruit-mv__inner {
    padding-inline: calc(25 * var(--r));
}
  }

.recruit-mv__img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}