@charset "UTF-8";

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

Job CSS

・業務紹介用CSS「.job-×××」

上記はここに記述する

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


/* セクション
----------------------------------------------------------------------------- */
.job-section {
  overflow: hidden;

  & + .job-section {
    margin-top:10.0rem;
  }

  .l-number-A {
    margin-left:auto;
    @media (width > 767px) {
      margin-right:15.0rem;
    }
    @media (width <= 767px) {
      margin-right:2.5rem;
    }
  }
  .c {
    @media (width > 767px) {
      padding-inline:15.0rem;
      padding-block:9.2rem 10.0rem;
    }
    @media (width <= 767px) {
      padding-block:0 6.0rem;
    }
  }
  .c_h {
    display:grid;
    @media (width > 767px) {
      grid-template-columns: 46.0rem 1fr;
      grid-template-rows:auto auto 1fr;
      grid-template-areas:
        "kv heading"
        "kv desc"
        "kv ."
      ;
      column-gap:8.0rem;
    }
    @media (width <= 767px) {
      grid-template-columns: 14.0rem 1fr;
      grid-template-rows:auto 1fr;
      grid-template-areas:
        "kv heading"
        "desc desc"
      ;
      gap:1.6rem;
    }
  }
  .c_h_kv {
    grid-area:kv;
    @media (width > 767px) {
      margin-top:-15.2rem;
    }
    @media (width <= 767px) {
      margin-top:-4.0rem;
      margin-left:-4.5rem;
    }

    img {
      @media (width <= 767px) {
        border-top-left-radius:0;
        border-bottom-left-radius:0;
      }
    }
  }
  .c_h .l-heading-C {
    grid-area:heading;
    margin-bottom:2.8rem;
    @media (width <= 767px) {
      margin-block:auto;
    }
  }
  .c_h_desc {
    grid-area:desc;
    @media (width <= 767px) {
      line-height:2;
      letter-spacing: 0;
    }
  }

  .c_ex {
    margin-top:8.0rem;
    @media (width > 767px) {
      display:grid;
      grid-template-columns: 20.0rem 1fr;
    }
    @media (width <= 767px) {
      margin-top:4.0rem;
    }
  }
  .c_ex_heading {
    font-size:2.0rem;
    font-weight: 700;
    line-height:1;
    letter-spacing: .05em;
    @media (width <= 767px) {
      margin-bottom:2.0rem;
      font-size:1.5rem;
    }
  }
  .js-carousel-A {
    .splide__list {
      @media (width > 767px) {
        display:grid;
        grid-template-columns: repeat(3,1fr);
        gap:3.0rem;
      }
    }
    .splide__slide {
      @media (width <= 767px) {
        width:18.0rem;
      }
      .img {

      }
      .desc {
        margin-top:2.4rem;
        font-size:1.5rem;
        line-height:1.8;
        letter-spacing: .05em;
        @media (width <= 767px) {
          margin-top:.8rem;
          font-size:1.2rem;
          letter-spacing: 0;
        }
      }
    }
    .js-carousel-pager-A {
      margin-top:2.0rem;
      @media (width > 767px) {
        display:none;
      }
    }
  }
}



/* SelectorName
----------------------------------------------------------------------------- */
.job-SelectorName {
  @media (width > 767px) {
  }
  @media (width <= 767px) {
  }
}