@charset "UTF-8";

/* ==========================================================

  共通

========================================================== */
:root {
  /* 開発職 */
  --bg-color-development: #F4A8AE;
  /* 営業職 */
  --bg-color-sales: #91B3FD;
  /* 設計職 */
  --bg-color-design: #F7D68F;
  /* 技術職 */
  --bg-color-technical: #9DE6D0;
}

/*=========================================================
Fonts フォント
==========================================================*/
/* ---------------------------------------------------------
  Montserrat
---------------------------------------------------------- */
@font-face {
  font-display: swap;
  font-family: "MontserratB";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Montserrat/Montserrat-Bold-700.woff2") format("woff2"),
    url("../fonts/Montserrat/Montserrat-Bold-700.ttf") format("truetype");
}

/* ==========================================================
  SP breadcrumb パンくずリスト
========================================================== */
.breadcrumb {
  padding-top: 60px;
  /* padding-top: 15.385vw; */
  position: absolute;
  top: 16px;
  /* top: 4.103vw; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; 
  list-style: none;
  font-family: "NotoSansJpR";
  font-size: 12px;
  /* font-size: 3.077vw; */
  -webkit-tap-highlight-color: transparent;

  & li {
    margin: 0px 5px 0px 0px;
    /* margin: 0px 1.282vw 0px 0px; */
    padding: 0px 20px 3px 0px;
    /* padding: 0px 5.128vw 0.769vw 0px; */

    & a {
      position: relative;
      display: inline-block;
      text-decoration: none;
      color: #BABABA;

      &:after {
        display: block;
        content: '';
        position: absolute;
        top: 4px;
        /* top: 1.026vw; */
        right: -15px;
        /* right: -3.846vw; */
        width: 7px;
        height: 7px;
        /* width: 1.795vw;
          height: 1.795vw; */
        border-right: 1.4px solid #BABABA;
        border-bottom: 1.4px solid #BABABA;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        pointer-events: none;
      }
    }

    &:last-child {
      & a {
        &:after {
          content: none;
        }
      }

    }
  }

  li.active {
    & a {
      color: var(--primary);
    }
  }
}

@media (min-width: 1024px) {
  .breadcrumb {
    padding-top: 120px;
    /* padding-top: 8.785vw; */
    /* top: 16px; */
    top: 1.171vw;
    /* font-size: 12px; */
    font-size: 0.878vw;

    & li {
      /* margin: 0px 5px 0px 0px; */
      margin: 0px 0.366vw 0px 0px;
      /* padding: 0px 20px 3px 0px; */
      padding: 0px 1.464vw 0.22vw 0px;

      & a {
        &:after {
          /* top: 4px; */
          top: 0.293vw;
          /* right: -15px; */
          right: -1.098vw;
          /* width: 7px; */
          width: 0.512vw;
          height: 0.512vw;
          border-right: 0.102vw solid #BABABA;
          border-bottom: 0.102vw solid #BABABA;
        }
      }
    }
  }
}

h1 {
  font-family: "MontserratB";
  color: var(--white);
  -webkit-text-stroke-color: #006;
  paint-order: stroke;
}

.label-job {
  display: inline-block;
  color: var(--primary);
  font-family: "NotoSansJpB";
}

.label-job[data-content="営業職"],
.label-job[data-content="Sales"] {
  background-color: var(--bg-color-sales);
}

/* .label-job[data-content="開発職"] {
  background-color: var(--bg-color-development);
} */

.label-job[data-content="技術職"],
.label-job[data-content="Engineer"] {
  background-color: var(--bg-color-technical);
}

.label-job[data-content="設計職"],
.label-job[data-content="Designer"] {
  background-color: var(--bg-color-design);
}

.main {
  position: relative;

  .container {
    max-width: none;
    margin-inline: unset;
    padding: 0 24px;
  }
}

@media (min-width: 768px) {
  .main {
    .container {
      /* padding: 0 32px; */
      padding: 0 4.167vw;
    }
  }
}

@media (min-width: 1024px) {
  .main {
    .container {
      padding: 0 4.905vw;
    }
  }
}

button {
  border: 0;
  padding: 0;
  background-color: transparent;
}


/* ==========================================================

  Recruit 採用情報トップ

========================================================== */
/* ==========================================================
  背景画像　和文
========================================================== */
.wrapper.top {
  background: #F1FAFB no-repeat left top / cover;

  /* Fallback */
  background-image: url("../img/recruit/top/bk_top_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/top/bk_top_sp.webp") 1x,
      url("../img/recruit/top/bk_top_sp@2x.webp") 2x,
      url("../img/recruit/top/bk_top_sp.png") 1x,
      url("../img/recruit/top/bk_top_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/top/bk_top_sp.webp") 1x,
      url("../img/recruit/top/bk_top_sp@2x.webp") 2x,
      url("../img/recruit/top/bk_top_sp.png") 1x,
      url("../img/recruit/top/bk_top_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.top {
    /* Fallback */
    background-image: url("../img/recruit/top/bk_top_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/top/bk_top_pc.webp") 1x,
        url("../img/recruit/top/bk_top_pc@2x.webp") 2x,
        url("../img/recruit/top/bk_top_pc.png") 1x,
        url("../img/recruit/top/bk_top_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/top/bk_top_pc.webp") 1x,
        url("../img/recruit/top/bk_top_pc@2x.webp") 2x,
        url("../img/recruit/top/bk_top_pc.png") 1x,
        url("../img/recruit/top/bk_top_pc@2x.png") 2x);
  }
}

/* ==========================================================
  背景画像　英文
========================================================== */
.wrapper.top.en {
  background: #F1FAFB no-repeat left top / cover;

  /* Fallback */
  background-image: url("../img/recruit/top/en/bk_top_sp_en.png");

  /* WebKit */
  background-image: -webkit-image-set(url("../img/recruit/top/bk_top_sp_en.webp") 1x,
      url("../img/recruit/top/en/bk_top_sp_en@2x.webp") 2x,
      url("../img/recruit/top/en/bk_top_sp_en.png") 1x,
      url("../img/recruit/top/en/bk_top_sp_en@2x.png") 2x);

  /* Default */
  background-image: image-set(url("../img/recruit/top/en/bk_top_sp_en.webp") 1x,
      url("../img/recruit/top/en/bk_top_sp_en@2x.webp") 2x,
      url("../img/recruit/top/en/bk_top_sp_en.png") 1x,
      url("../img/recruit/top/en/bk_top_sp_en@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.top.en {
    /* Fallback */
    background-image: url("../img/recruit/top/en/bk_top_pc_en.png");

    /* WebKit */
    background-image: -webkit-image-set(url("../img/recruit/top/en/bk_top_pc_en.webp") 1x,
        url("../img/recruit/top/en/bk_top_pc_en@2x.webp") 2x,
        url("../img/recruit/top/en/bk_top_pc_en.png") 1x,
        url("../img/recruit/top/en/bk_top_pc_en@2x.png") 2x);

    /* Default */
    background-image: image-set(url("../img/recruit/top/en/bk_top_pc_en.webp") 1x,
        url("../img/recruit/top/en/bk_top_pc_en@2x.webp") 2x,
        url("../img/recruit/top/en/bk_top_pc_en.png") 1x,
        url("../img/recruit/top/en/bk_top_pc_en@2x.png") 2x);
  }
}

.main {
  .mv {
    padding-top: 28.718vw;

    & h1 {
      font-size: 10.256vw;
      -webkit-text-stroke-width: 0.769vw;
      /* margin-bottom: 386px; */
      margin-bottom: 98.974vw;
    }

    .lead {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -ms-flex-line-pack: center;
      align-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-family: "NotoSansJpM";
      /* font-size: 16px; */
      font-size: 4.103vw;
      line-height: 7.692vw;
      margin-bottom: 5.128vw;
      letter-spacing: -0.5px;
    }
  }
}

.interview-slide {
  & h2 {
    font-size: 7.692vw;
    font-family: "MontserratB";
    color: var(--white);
    -webkit-text-stroke-width: 0.769vw;
    -webkit-text-stroke-color: #006;
    paint-order: stroke;
    /* margin-bottom: 28px; */
    margin-bottom: 7.179vw;
  }
}

@media (min-width: 768px) {
  .main {
    .mv {
      padding-top: 19.766vw;

      & h1 {
        font-size: 4.392vw;
        font-family: "MontserratB";
        color: var(--white);
        -webkit-text-stroke-width: 0.22vw;
        -webkit-text-stroke-color: #006;
        paint-order: stroke;
        margin-bottom: 16vw;
      }

      .lead {
        line-height: 2.196vw;
        width: 30.454vw;
        font-size: 1.171vw;
      }
    }
  }

  .interview-slide {
    /* margin-top: 150px; */
    margin-top: 19.531vw;

    & h2 {
      font-size: 2.928vw;
      -webkit-text-stroke-width: 0.22vw;
      /* margin-bottom: 40px; */
      margin-bottom: 2.928vw;
    }
  }
}

@media (min-width: 1024px) {
  .main {
    .mv {
      padding-top: 19.766vw;

      & h1 {
        font-size: 4.392vw;
        -webkit-text-stroke-width: 0.22vw;
        margin-bottom: 16vw;
      }

      .lead {
        line-height: 2.196vw;
        width: 30.454vw;
        font-size: 1.171vw;
      }
    }
  }

  .interview-slide {
    padding-bottom: 80px;

    & h2 {
      font-size: 2.928vw;
      -webkit-text-stroke-width: 0.22vw;
    }
  }
}

@media (min-width: 768px) {
  .wrapper.top.en {
    .main {
      .mv {
        & h1 {
          margin-bottom: 25.988vw;
        }
      }
    }
  }
}


/* ==========================================================
  Interview スライダー
========================================================== */
.splide_wrapper {
  height: auto;
  position: relative;
  width: 100vw;
  margin-inline: auto;
  overflow-x: hidden;
  margin: 0 calc(50% - 50vw);
  /* padding-bottom: 140px; */
  padding-bottom: 35.897vw;
}

@media (max-width <=768px) {
  .splide_wrapper {
    padding: 0;
  }
}

/* .carousel-wrapper {
  position: relative;
} */

.interview-card {
  height: 124.615vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;

  .label-job {
    z-index: 1;
    position: absolute;
    /* top: 25px; */
    top: 6.41vw;
    /* padding: 6px 22px; */
    padding: 1.538vw 5.641vw;
    border-radius: 0 2.051vw 2.051vw 0;
    /* font-size: 15px; */
    font-size: 3.846vw;
  }

  .interview-card__img {
    width: 100%;
    /* height: 314px; */
    /* height: 80.513vw; */
    /* width: 320px; */
    /* width: 82.051vw; */
    border-radius: 4.103vw;
    overflow: hidden;

    & img {
      display: block;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: center;
      object-position: center;
    }
  }

  @media (hover: hover) and (pointer: fine) {

    /* ゆっくり */
    .interview-card__img img {
      -webkit-transition: -webkit-transform 0.6s ease;
      transition: -webkit-transform 0.6s ease;
      -o-transition: transform 0.6s ease;
      transition: transform 0.6s ease;
      transition: transform 0.6s ease, -webkit-transform 0.6s ease;
    }

    .interview-card__link:hover .interview-card__img img {
      /* 少し拡大 */
      -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
    }
  }

  .profile {
    position: absolute;
    top: 68.205vw;
    /* margin-left: 16px; */
    margin-left: 4.103vw;
    /* width: 304px; */
    /* width: 77.949vw; */
    width: calc(100% - 4.103vw);

    .text {
      display: flex;
      flex-direction: column;
      padding: 4.103vw;
      /* height: 140px; */
      height: 35.897vw;
      border-radius: 4.103vw 0 0 0;
      background-color: #F1FAFB;
      color: var(--primary);

      .heading {
        display: inline;
        font-family: "NotoSansJpB";
        /* font-size: 16px; */
        font-size: 4.103vw;
        line-height: 1.2;

        & span {
          background-image: linear-gradient(to bottom,
              transparent 0.4em,
              var(--white) 0.4em,
              var(--white) 1.25em,
              transparent 1.25em);
          background-repeat: repeat-y;
          background-size: 100% 1.5em;
          -webkit-box-decoration-break: clone;
          box-decoration-break: clone;
          word-break: keep-all;
        }
      }

      .description {
        /* margin-top: 8px; */
        margin-top: 2.051vw;
        font-family: "NotoSansJpR";
        /* font-size: 14px; */
        font-size: 3.59vw;
        /* line-height: 22px; */
        line-height: 5.641vw;
        white-space: nowrap;
      }
    }

    .logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      /* height: 80px; */
      height: 20.513vw;
      background-color: var(--white);
      border-radius: 0 0 0 4.103vw;
      /* padding: 8px; */
      padding: 2.051vw;

      & img {
        display: block;
        margin: auto;
        height: 100%;
        width: auto;
      }
    }
  }
}

@media (min-width: 768px) {
  .splide_wrapper {
    /* padding-bottom: 260px; */
    padding-bottom: 19.034vw;
  }

  .interview-card {
    height: 36.778vw;

    .label-job {
      /* top: 25px; */
      top: 1.83vw;
      /* padding: 8px 22px; */
      padding: 0.586vw 1.611vw;
      border-radius: 0 0.586vw 0.586vw 0;
      /* font-size: 15px; */
      font-size: 1.098vw;
    }

    .interview-card__img {
      /* height: 314px; */
      height: 22.987vw;
      /* width: 320px; */
      /* width: 23.426vw; */
      width: 100%;
      border-radius: 1.171vw;
    }

    .profile {
      top: 19.473vw;
      /* margin-left: 16px; */
      margin-left: 1.171vw;
      /* width: 304px; */
      /* width: 22.255vw; */
      width: calc(100% - 1.171vw);

      .text {
        padding: 1.171vw;
        /* height: 140px; */
        /* height: 10.249vw; */
        height: 11.449vw;
        border-radius: 1.171vw 0 0 0;

        .heading {
          /* font-size: 15px; */
          font-size: 1.098vw;
        }

        .description {
          /* margin-top: 8px; */
          margin-top: 0.586vw;
          /* font-size: 12px; */
          font-size: 0.878vw;
          /* line-height: 22px; */
          line-height: 1.611vw;
        }
      }

      .logo {
        /* height: 80px; */
        height: 5.857vw;
        border-radius: 0 0 0 1.171vw;
        /* padding: 8px; */
        padding: 0.586vw;
      }
    }
  }
}

@media (min-width: 1024px) {
  .interview-card {
    height: 35.578vw;
    .profile {
      .text {
        /* height: 140px; */
        height: 10.249vw;
      }
    }
  }

}

@media (min-width: 1366px) {
  .interview-card {
    .profile {
      .text {
        .heading {
          /* font-size: 15px; */
          font-size: 1.098vw;
        }

        .description {
          /* font-size: 13px; */
          /* font-size: 0.952vw; */
        }
      }
    }
  }
}

.wrapper.top.en {
  .interview-card {
    /* height: 142.051vw; */
    height: 137.051vw;

    .profile {
      .text {
        /* height: 52.538vw; */
        height: 47.538vw;
      }
    }
  }
}

@media (min-width: 768px) {
  .wrapper.top.en {
    .interview-slide {
      margin-top: 7.321vw;
    }

    .interview-card {
      height: 41.2vw;

      .profile {
        .text {
          height: 16vw;
        }
      }
    }
  }
}

@media (min-width: 1024px) {
  .wrapper.top.en {
    .interview-card {
      height: 39vw;

      .profile {
        .text {
          height: 14vw;
        }
      }
    }
  }
}

/* ページネーション */
.category-slider__pagination {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  /* gap: 16px; */
  gap: 4.103vw;
  /* bottom: 80px; */
  bottom: 20.513vw;
  left: 50%;
  translate: -50% 0;
  text-align: center;
  /* font-size: 14px; */
  font-size: 3.59vw;
}

.category-slider__pagination span {
  display: inline-block;
}

.splide__arrows {
  position: absolute;
  /* bottom: 70px; */
  bottom: 17.949vw;
  left: 50%;
  translate: -50% 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 1;
  /* width: 170px; */
  width: 43.59vw;
}

.splide__arrows .splide__arrow {
  border: 0.256vw solid var(--white);
  border-radius: 50%;
  background-color: var(--white);
  /* width: 32px; */
  width: 8.205vw;
  /* height: 32px; */
  height: 8.205vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
}

.splide__arrows .splide__arrow--prev img {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.splide__arrows .splide__arrow--prev img,
.splide__arrows .splide__arrow--next img {
  width: 3.59vw;
  height: 3.59vw;
}

@media (min-width: 768px) {

  /* ページネーション */
  .category-slider__pagination {
    /* gap: 16px; */
    gap: 1.171vw;
    /* bottom: 170px; */
    bottom: 12.445vw;
    /* font-size: 20px; */
    font-size: 1.464vw;
  }

  .splide__arrows {
    /* bottom: 155px; */
    bottom: 11.347vw;
    /* width: 257px; */
    width: 18.814vw;
  }

  .splide__arrows .splide__arrow {
    border: 0.073vw solid var(--white);
    /* width: 48px; */
    width: 3.514vw;
    /* height: 48px; */
    height: 3.514vw;
  }

  .splide__arrows .splide__arrow--prev img,
  .splide__arrows .splide__arrow--next img {
    width: 1.171vw;
    height: 1.171vw;
  }
}


/* ==========================================================

  Intervew インタビュー

========================================================== */

/* ==========================================================
  Intervew　背景画像
========================================================== */
.wrapper.interview {
  background: #F1FAFB no-repeat left top / contain;
}

/* Interview 01 */
.wrapper.interview-01 {
  /* Fallback */
  background-image: url("../img/recruit/interview_01/bk_interview_01_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_01/bk_interview_01_sp.webp") 1x,
      url("../img/recruit/interview_01/bk_interview_01_sp@2x.webp") 2x,
      url("../img/recruit/interview_01/bk_interview_01_sp.png") 1x,
      url("../img/recruit/interview_01/bk_interview_01_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_01/bk_interview_01_sp.webp") 1x,
      url("../img/recruit/interview_01/bk_interview_01_sp@2x.webp") 2x,
      url("../img/recruit/interview_01/bk_interview_01_sp.png") 1x,
      url("../img/recruit/interview_01/bk_interview_01_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-01 {
    /* Fallback */
    background-image: url("../img/recruit/interview_01/bk_interview_01_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_01/bk_interview_01_pc.webp") 1x,
        url("../img/recruit/interview_01/bk_interview_01_pc@2x.webp") 2x,
        url("../img/recruit/interview_01/bk_interview_01_pc.png") 1x,
        url("../img/recruit/interview_01/bk_interview_01_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_01/bk_interview_01_pc.webp") 1x,
        url("../img/recruit/interview_01/bk_interview_01_pc@2x.webp") 2x,
        url("../img/recruit/interview_01/bk_interview_01_pc.png") 1x,
        url("../img/recruit/interview_01/bk_interview_01_pc@2x.png") 2x);
  }
}

/* Interview 02 */
.wrapper.interview-02 {
  /* Fallback */
  background-image: url("../img/recruit/interview_02/bk_interview_02_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_02/bk_interview_02_sp.webp") 1x,
      url("../img/recruit/interview_02/bk_interview_02_sp@2x.webp") 2x,
      url("../img/recruit/bk_interview_02_sp.png") 1x,
      url("../img/recruit/bk_interview_02_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_02/bk_interview_02_sp.webp") 1x,
      url("../img/recruit/interview_02/bk_interview_02_sp@2x.webp") 2x,
      url("../img/recruit/interview_02/bk_interview_02_sp.png") 1x,
      url("../img/recruit/interview_02/bk_interview_02_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-02 {
    /* Fallback */
    background-image: url("../img/recruit/interview_02/bk_interview_02_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_02/bk_interview_02_pc.webp") 1x,
        url("../img/recruit/interview_02/bk_interview_02_pc@2x.webp") 2x,
        url("../img/recruit/interview_02/bk_interview_02_pc.png") 1x,
        url("../img/recruit/interview_02/bk_interview_02_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_02/bk_interview_02_pc.webp") 1x,
        url("../img/recruit/interview_02/bk_interview_02_pc@2x.webp") 2x,
        url("../img/recruit/interview_02/bk_interview_02_pc.png") 1x,
        url("../img/recruit/interview_02/bk_interview_02_pc@2x.png") 2x);
  }
}

/* Interview 03 */
.wrapper.interview-03 {
  /* Fallback */
  background-image: url("../img/recruit/interview_03/bk_interview_03_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_03/bk_interview_03_sp.webp") 1x,
      url("../img/recruit/interview_03/bk_interview_03_sp@2x.webp") 2x,
      url("../img/recruit/interview_03/bk_interview_03_sp.png") 1x,
      url("../img/recruit/interview_03/bk_interview_03_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_03/bk_interview_03_sp.webp") 1x,
      url("../img/recruit/interview_03/bk_interview_03_sp@2x.webp") 2x,
      url("../img/recruit/interview_03/bk_interview_03_sp.png") 1x,
      url("../img/recruit/interview_03/bk_interview_03_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-03 {
    /* Fallback */
    background-image: url("../img/recruit/interview_03/bk_interview_03_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_03/bk_interview_03_pc.webp") 1x,
        url("../img/recruit/interview_03/bk_interview_03_pc@2x.webp") 2x,
        url("../img/recruit/interview_03/bk_interview_03_pc.png") 1x,
        url("../img/recruit/interview_03/bk_interview_03_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_03/bk_interview_03_pc.webp") 1x,
        url("../img/recruit/interview_03/bk_interview_03_pc@2x.webp") 2x,
        url("../img/recruit/interview_03/bk_interview_03_pc.png") 1x,
        url("../img/recruit/interview_03/bk_interview_03_pc@2x.png") 2x);
  }
}

/* Interview 04 */
.wrapper.interview-04 {
  /* Fallback */
  background-image: url("../img/recruit/interview_04/bk_interview_04_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_04/bk_interview_04_sp.webp") 1x,
      url("../img/recruit/interview_04/bk_interview_04_sp@2x.webp") 2x,
      url("../img/recruit/interview_04/bk_interview_04_sp.png") 1x,
      url("../img/recruit/interview_04/bk_interview_04_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_04/bk_interview_04_sp.webp") 1x,
      url("../img/recruit/interview_04/bk_interview_04_sp@2x.webp") 2x,
      url("../img/recruit/interview_04/bk_interview_04_sp.png") 1x,
      url("../img/recruit/interview_04/bk_interview_04_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-04 {
    /* Fallback */
    background-image: url("../img/recruit/interview_04/bk_interview_04_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_04/bk_interview_04_pc.webp") 1x,
        url("../img/recruit/interview_04/bk_interview_04_pc@2x.webp") 2x,
        url("../img/recruit/interview_04/bk_interview_04_pc.png") 1x,
        url("../img/recruit/interview_04/bk_interview_04_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_04/bk_interview_04_pc.webp") 1x,
        url("../img/recruit/interview_04/bk_interview_04_pc@2x.webp") 2x,
        url("../img/recruit/interview_04/bk_interview_04_pc.png") 1x,
        url("../img/recruit/interview_04/bk_interview_04_pc@2x.png") 2x);
  }
}

/* Interview 05 */
.wrapper.interview-05 {
  /* Fallback */
  background-image: url("../img/recruit/interview_05/bk_interview_05_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_05/bk_interview_05_sp.webp") 1x,
      url("../img/recruit/interview_05/bk_interview_05_sp@2x.webp") 2x,
      url("../img/recruit/interview_05/bk_interview_05_sp.png") 1x,
      url("../img/recruit/interview_05/bk_interview_05_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_05/bk_interview_05_sp.webp") 1x,
      url("../img/recruit/interview_05/bk_interview_05_sp@2x.webp") 2x,
      url("../img/recruit/interview_05/bk_interview_05_sp.png") 1x,
      url("../img/recruit/interview_05/bk_interview_05_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-05 {
    /* Fallback */
    background-image: url("../img/recruit/interview_05/bk_interview_05_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_05/bk_interview_05_pc.webp") 1x,
        url("../img/recruit/interview_05/bk_interview_05_pc@2x.webp") 2x,
        url("../img/recruit/interview_05/bk_interview_05_pc.png") 1x,
        url("../img/recruit/interview_05/bk_interview_05_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_05/bk_interview_05_pc.webp") 1x,
        url("../img/recruit/interview_05/bk_interview_05_pc@2x.webp") 2x,
        url("../img/recruit/interview_05/bk_interview_05_pc.png") 1x,
        url("../img/recruit/interview_05/bk_interview_05_pc@2x.png") 2x);
  }
}

/* Interview 06 */
.wrapper.interview-06 {
  /* Fallback */
  background-image: url("../img/recruit/interview_06/bk_interview_06_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_06/bk_interview_06_sp.webp") 1x,
      url("../img/recruit/interview_06/bk_interview_06_sp@2x.webp") 2x,
      url("../img/recruit/interview_06/bk_interview_06_sp.png") 1x,
      url("../img/recruit/interview_06/bk_interview_06_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_06/bk_interview_06_sp.webp") 1x,
      url("../img/recruit/interview_06/bk_interview_06_sp@2x.webp") 2x,
      url("../img/recruit/interview_06/bk_interview_06_sp.png") 1x,
      url("../img/recruit/interview_06/bk_interview_06_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-06 {
    /* Fallback */
    background-image: url("../img/recruit/interview_06/bk_interview_06_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_06/bk_interview_06_pc.webp") 1x,
        url("../img/recruit/interview_06/bk_interview_06_pc@2x.webp") 2x,
        url("../img/recruit/interview_06/bk_interview_06_pc.png") 1x,
        url("../img/recruit/interview_06/bk_interview_06_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_06/bk_interview_06_pc.webp") 1x,
        url("../img/recruit/interview_06/bk_interview_06_pc@2x.webp") 2x,
        url("../img/recruit/interview_06/bk_interview_06_pc.png") 1x,
        url("../img/recruit/interview_06/bk_interview_06_pc@2x.png") 2x);
  }
}

/* Interview 07 */
.wrapper.interview-07 {
  /* Fallback */
  background-image: url("../img/recruit/interview_07/bk_interview_07_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_07/bk_interview_07_sp.webp") 1x,
      url("../img/recruit/interview_07/bk_interview_07_sp@2x.webp") 2x,
      url("../img/recruit/interview_07/bk_interview_07_sp.png") 1x,
      url("../img/recruit/interview_07/bk_interview_07_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(url("../img/recruit/interview_07/bk_interview_07_sp.webp") 1x,
      url("../img/recruit/interview_07/bk_interview_07_sp@2x.webp") 2x,
      url("../img/recruit/interview_07/bk_interview_07_sp.png") 1x,
      url("../img/recruit/interview_07/bk_interview_07_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-07 {
    /* Fallback */
    background-image: url("../img/recruit/interview_07/bk_interview_07_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_07/bk_interview_07_pc.webp") 1x,
        url("../img/recruit/interview_07/bk_interview_07_pc@2x.webp") 2x,
        url("../img/recruit/interview_07/bk_interview_07_pc.png") 1x,
        url("../img/recruit/interview_07/bk_interview_07_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_07/bk_interview_07_pc.webp") 1x,
        url("../img/recruit/interview_07/bk_interview_07_pc@2x.webp") 2x,
        url("../img/recruit/interview_07/bk_interview_07_pc.png") 1x,
        url("../img/recruit/interview_07/bk_interview_07_pc@2x.png") 2x);
  }
}

/* Interview 08 */
.wrapper.interview-08 {
  /* Fallback */
  background-image: url("../img/recruit/interview_08/bk_interview_08_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_08/bk_interview_08_sp.webp") 1x,
      url("../img/recruit/interview_08/bk_interview_08_sp@2x.webp") 2x,
      url("../img/recruit/interview_08/bk_interview_08_sp.png") 1x,
      url("../img/recruit/interview_08/bk_interview_08_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_08/bk_interview_08_sp.webp") 1x,
      url("../img/recruit/interview_08/bk_interview_08_sp@2x.webp") 2x,
      url("../img/recruit/interview_08/bk_interview_08_sp.png") 1x,
      url("../img/recruit/interview_08/bk_interview_08_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-08 {
    /* Fallback */
    background-image: url("../img/recruit/interview_08/bk_interview_08_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_08/bk_interview_08_pc.webp") 1x,
        url("../img/recruit/interview_08/bk_interview_08_pc@2x.webp") 2x,
        url("../img/recruit/interview_08/bk_interview_08_pc.png") 1x,
        url("../img/recruit/interview_08/bk_interview_08_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(url("../img/recruit/interview_08/bk_interview_08_pc.webp") 1x,
        url("../img/recruit/interview_08/bk_interview_08_pc@2x.webp") 2x,
        url("../img/recruit/interview_08/bk_interview_08_pc.png") 1x,
        url("../img/recruit/interview_08/bk_interview_08_pc@2x.png") 2x);
  }
}

/* Interview 09 */
.wrapper.interview-09 {
  /* Fallback */
  background-image: url("../img/recruit/interview_09/bk_interview_09_sp.png");

  /* WebKit */
  background-image: -webkit-image-set(
      url("../img/recruit/interview_09/bk_interview_09_sp.webp") 1x,
      url("../img/recruit/interview_09/bk_interview_09_sp@2x.webp") 2x,
      url("../img/recruit/interview_09/bk_interview_09_sp.png") 1x,
      url("../img/recruit/interview_09/bk_interview_09_sp@2x.png") 2x);

  /* Default */
  background-image: image-set(
      url("../img/recruit/interview_09/bk_interview_09_sp.webp") 1x,
      url("../img/recruit/interview_09/bk_interview_09_sp@2x.webp") 2x,
      url("../img/recruit/interview_09/bk_interview_09_sp.png") 1x,
      url("../img/recruit/interview_09/bk_interview_09_sp@2x.png") 2x);
}

@media (min-width: 768px) {
  .wrapper.interview-09 {
    /* Fallback */
    background-image: url("../img/recruit/interview_09/bk_interview_09_pc.png");

    /* WebKit */
    background-image: -webkit-image-set(
        url("../img/recruit/interview_09/bk_interview_09_pc.webp") 1x,
        url("../img/recruit/interview_09/bk_interview_09_pc@2x.webp") 2x,
        url("../img/recruit/interview_09/bk_interview_09_pc.png") 1x,
        url("../img/recruit/interview_09/bk_interview_09_pc@2x.png") 2x);

    /* Default */
    background-image: image-set(
        url("../img/recruit/interview_09/bk_interview_09_pc.webp") 1x,
        url("../img/recruit/interview_09/bk_interview_09_pc@2x.webp") 2x,
        url("../img/recruit/interview_09/bk_interview_09_pc.png") 1x,
        url("../img/recruit/interview_09/bk_interview_09_pc@2x.png") 2x);
  }
}


/* ==========================================================
  Intervew　メインビジュアル
========================================================== */
.wrapper.interview {
  .main {
    .mv {
      /* padding-top: 116px; */
      padding-top: 29.744vw;
    }
  }
}

@media (min-width: 768px) {
  .wrapper.interview {
    .main {
      .mv {
        /* padding-top: 146px; */
        padding-top: 19.01vw;
      }
    }
  }
}

/* ==========================================================
  Intervew　見出し
========================================================== */
.wrapper.interview {
  .main {
    & h1 {
      /* font-size: 30px; */
      font-size: 7.692vw;
      margin-bottom: 54.359vw;
    }

    & h2 {
      font-family: "NotoSansJpB";
      line-height: 1.2;
      /* font-size: 22px; */
      font-size: 5.641vw;
      display: inline;

      & span {
        background-image: linear-gradient(to bottom,
            transparent 0.35em,
            #fff 0.35em,
            #fff 1.25em,
            transparent 1.25em);
        background-repeat: repeat-y;
        background-size: 100% 1.2em;
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        word-break: keep-all;
      }
    }

    & h3 {
      font-family: "NotoSansJpB";
      /* font-size: 20px; */
      font-size: 5.128vw;
      line-height: 1.5;
      /* letter-spacing: 0.4px; */
      letter-spacing: 0.103vw;
    }
  }
}

@media (min-width: 768px) {
  .wrapper.interview {
    .main {
      & h1 {
        /* font-size: 40px; */
        font-size: 2.928vw;
        /* margin-bottom: 34px; */
        margin-bottom: 2.489vw;
      }

      & h2 {
        /* font-size: 32px; */
        font-size: 2.343vw;
      }

      & h3 {
        /* font-size: 24px; */
        font-size: 1.757vw;
        /* letter-spacing: 0.48px; */
        letter-spacing: 0.035vw;
      }
    }
  }
}

/* ==========================================================
  Intervew　ラベル　他
========================================================== */
.wrapper.interview {
  .main {
    .label-job {
      /* margin-top: 20px; */
      margin-top: 5.128vw;
      /* margin-bottom: 16px; */
      margin-bottom: 4.103vw;
      /* font-size: 15px; */
      font-size: 3.846vw;
      /* padding: 6px 22px; */
      padding: 1.538vw 5.641vw;
      /* border-radius: 0 8px 8px 0; */
      border-radius: 0 2.051vw 2.051vw 0;
    }

    .description {
      /* font-size: 14px; */
      font-size: 3.59vw;
      line-height: 1.6;
      /* margin-bottom: 16px; */
      margin-bottom: 4.103vw;
    }

    .btn-link-corp {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      /* width: 240px; */
      width: 61.538vw;
      /* height: 64px; */
      height: 16.41vw;
      /* padding: 9px 17px; */
      padding: 2.308vw 4.359vw;
      /* border-radius: 16px; */
      border-radius: 4.103vw;
      background-color: var(--white);
      -webkit-tap-highlight-color: transparent;

      .logo {
        /* height: 46px; */
        height: 11.795vw;
        width: auto;
      }

      .icon {
        display: inline-block;
        margin-left: auto;
        /* width: 36px; */
        width: 9.231vw;
        height: 9.231vw;
        background: url(../img/common/icon_nav_arrow_hover.svg) center / contain no-repeat;
        -webkit-transition: 0.3s ease;
        -o-transition: 0.3s ease;
        transition: 0.3s ease;
      }
    }
  }
}

/* ---------------------------------------------------------
  ホバー / タッチデバイス .btn-link-corp
---------------------------------------------------------- */
@media (hover: hover) {
  .wrapper.interview {
    .main {
      .btn-link-corp {
        &:hover {
          .icon {
            background-image: url(../img/common/icon_nav_arrow_circle_outline.svg);
          }
        }
      }
    }
  }

}

@media (hover: none) {
  .wrapper.interview {
    .main {
      .btn-link-corp {
        &:active {
          .icon {
            background-image: url(../img/common/icon_nav_arrow_circle_outline.svg);
          }
        }
      }
    }
  }
}

@media (min-width: 768px) {
  .wrapper.interview {
    .main {
      .label-job {
        /* margin-top: 42px; */
        margin-top: 3.075vw;
        /* margin-bottom: 16px; */
        margin-bottom: 1.171vw;
        /* font-size: 15px; */
        font-size: 1.098vw;
        /* padding: 6px 22px; */
        padding: 0.439vw 1.611vw;
        /* border-radius: 0 8px 8px 0; */
        border-radius: 0 0.586vw 0.586vw 0;
      }

      .description {
        /* font-size: 16px; */
        font-size: 1.171vw;
        line-height: 1.5;
        /* margin-bottom: 26px; */
        margin-bottom: 1.903vw;
      }

      .btn-link-corp {
        /* width: 240px; */
        width: 17.57vw;
        /* height: 64px; */
        height: 4.685vw;

        /* padding: 9px 17px; */
        padding: 0.659vw 1.245vw;
        /* border-radius: 16px; */
        border-radius: 1.171vw;

        .logo {
          /* height: 46px; */
          height: 3.367vw;
        }

        .icon {
          /* width: 36px; */
          width: 2.635vw;
          height: 2.635vw;
        }
      }
    }
  }
}


/* ==========================================================
  Intervew　本文
========================================================== */
.wrapper.interview {
  .main {
    .article {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: (auto)[2];
      grid-template-rows: repeat(2, auto);
      /* gap: 20px; */
      gap: 5.128vw;
      margin: 0 auto;
      /* margin-top: 100px; */
      margin-top: 25.641vw;

      .article__img {
        & img {
          width: 100%;
          /* border-radius: 16px; */
          border-radius: 4.103vw;
          pointer-events: none;
        }
      }

      .article__txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        /* gap: 24px; */
        gap: 6.154vw;

        & p {
          font-family: "NotoSansJpR";
          /* font-size: 14px; */
          font-size: 3.59vw;
          line-height: 1.6;
        }
      }

      .message {
        position: relative;
        /* margin-top: 52px; */
        margin-top: 13.333vw;
        /* padding: 36px 24px 186px; */
        padding: 9.231vw 6.154vw 47.692vw;
        border: 0.256vw solid #006;
        /* border-radius: 16px; */
        border-radius: 4.103vw;
        background-color: var(--white);
        color: #006;

        .message__title {
          /* margin-bottom: 28px; */
          margin-bottom: 7.179vw;
          font-family: "MontserratB";
          /* font-size: 20px; */
          font-size: 5.128vw;
        }

        .message__heading {
          /* margin-bottom: 24px; */
          margin-bottom: 6.154vw;
          font-family: "NotoSansJpB";
          /* font-size: 20px; */
          font-size: 5.128vw;
          line-height: 1.5;
        }

        .message__body {
          /* font-size: 14px; */
          font-size: 3.59vw;
          line-height: 1.6;
        }

        .message__img {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          /* height: 186px; */
          height: 47.692vw;
          pointer-events: none;
        }
      }
    }
  }
}


@media (min-width: 768px) {
  .wrapper.interview {
    .main {
      .article {
        -ms-grid-columns: (1fr)[2];
        grid-template-columns: repeat(2, 1fr);
        -ms-grid-rows: (auto)[3];
        grid-template-rows: repeat(3, auto);
        gap: unset;
        /* row-gap: 56px; */
        row-gap: 4.1vw;
        /* column-gap: 60px; */
        /* column-gap: 4.392vw; */
        /* margin-top: 90px; */
        margin-top: 6.589vw;

        .article__img:nth-child(1) {
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 1;
          grid-column: 1;
          /* margin-right: 50px; */
          margin-right: 3.66vw;
        }

        .article__txt:nth-child(2) {
          -ms-grid-row: 1;
          grid-row: 1;
          -ms-grid-column: 2;
          grid-column: 2;
        }

        /* 順序を逆 */
        .article__txt:nth-child(4) {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 1;
          grid-column: 1;
        }

        /* テキストを左 */
        .article__img:nth-child(3) {
          -ms-grid-row: 2;
          grid-row: 2;
          -ms-grid-column: 2;
          grid-column: 2;
          /* margin-left: 58px; */
          margin-left: 4.246vw;
        }

        .article__img {
          & img {
            /* border-radius: 16px; */
            border-radius: 1.171vw;
          }
        }

        .article__txt {
          /* gap: 28px; */
          gap: 2.05vw;

          & p {
            /* font-size: 16px; */
            font-size: 1.171vw;
          }
        }

        .message {
          -ms-grid-row: 3;
          grid-row: 3;
          grid-column: 1 / -1;
          margin-inline: auto;
          /* margin-top: 88px; */
          margin-top: 6.442vw;
          /* padding: 45px 274px 46px 62px; */
          padding: 3.294vw 20.059vw 3.367vw 4.539vw;
          /* border-radius: 16px; */
          border-radius: 1.171vw;
          /* width: 1024px; */
          width: 74.963vw;

          .message__title {
            /* margin-bottom: 30px; */
            margin-bottom: 2.196vw;
            /* font-size: 30px; */
            font-size: 2.196vw;
          }

          .message__heading {
            /* margin-bottom: 16px; */
            margin-bottom: 1.171vw;
            /* font-size: 24px; */
            font-size: 1.757vw;
          }

          .message__body {
            /* font-size: 16px; */
            font-size: 1.171vw;
            /* width: 640px; */
            width: 46.852vw;
          }

          .message__img {
            position: absolute;
            bottom: 0;
            right: 0;
            left: auto;
            transform: none;
            height: 100%;
          }
        }
      }
    }
  }
}


.link-news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: var(--primary);
  /* padding:40px 0 55px; */
  padding: 10.256vw 0 14.103vw;
  pointer-events: none;

  & a {
    display: flex;
    align-items: center;
    color: var(--primary);
    font-family: "NotoSansJpR";
    /* font-size: 14px; */
    font-size: 3.59vw;
    pointer-events: painted;

    .icon {
      display: inline-block;
      width: 36px;
      height: 36px;
      margin-left: 12px;
      background: url("../img/common/icon_nav_arrow_hover.svg") center / contain no-repeat;
      -webkit-transition: 0.3s ease;
      -o-transition: 0.3s ease;
      transition: 0.3s ease;
    }

    &:active,
    &:visited {
      color: var(--primary);
    }
  }

  &:hover {
    .icon {
      background-image: url(../img/common/icon_nav_arrow_transparent_hover.svg);
    }
  }
}

@media (min-width: 768px) {
  .link-news-list {
    /* padding:88px 0 160px; */
    padding: 6.442vw 0 11.713vw;

    & a {
      font-size: 1.025vw;

      .icon {
        width: 2.635vw;
        height: 2.635vw;
        margin-left: 0.878vw;
      }
    }
  }
}