@charset "UTF-8";

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

Recruitmants CSS

・募集要項用CSS「.requirements-×××」

上記はここに記述する

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



/* セクション
----------------------------------------------------------------------------- */
.requirements-section {

  .c {
    & + .c {
       margin-top:6.0rem;
       @media (width <= 767px) {
         margin-top:3.0rem;
       }
    }
  }
  .c_heading {
    position:sticky;
    top:var(--header-height);
    z-index: 10;
    .js-accordion-button {
      gap:1.6rem;
      padding-inline:2.0rem;
      width:100%;
      min-height:6.0rem;
      font-size:2.2rem;
      line-height:1.5;
      letter-spacing: 0;
      color:#fff;
      background-color:var(--cc-blue-A);
      position:relative;
      transition-property: background-color;
      transition-duration:var(--duration-hover-A);
      @media (width <= 767px) {
        gap:.8rem;
        padding-inline:.8rem 1.2rem;
        min-height:4.8rem;
        font-size:1.4rem;
      }
      &[aria-expanded="true"] {
        background-color:transparent;
        &::before {
          opacity:1;
        }
      }
      &::before {
        content:"";
        border-radius:var(--radius-A);
        background-image:linear-gradient(
          178deg,
          #7BFCE4 -20%,
          #6892EE 80%
        );
        position:absolute;
        inset:0;
        z-index: -1;
        pointer-events: none;
        transition-property: opacity;
        transition-duration:var(--duration-hover-A);
        opacity:0;
      }
    }

    .tag {
      display:flex;
      justify-content: center;
      align-items:center;
      border-radius:.4rem;
      padding-inline:.3em;
      min-width:9.2rem;
      height:2.4rem;
      font-size:1.4rem;
      line-height:1;
      text-align: center;
      @media (width <= 767px) {
        min-width:3.2rem;
        font-size:1.1rem;
        height:3.2rem;
        line-height:1.2;
        letter-spacing: .05em;
      }

      .min_ls {
        letter-spacing: -.075em;
      }
    }
  }

  .c_t {
    .l-table-A {
      padding-top:2.0rem;
      @media (width <= 767px) {
        padding-top:1.0rem;
      }
    }
  }

}