@charset "UTF-8";

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

Internship CSS

・インターンシップ用CSS「.internship-×××」

上記はここに記述する

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


/* 序盤テキスト
----------------------------------------------------------------------------- */
.internship-desc {
  font-size:2.8rem;
  font-weight: 700;
  line-height:1.6;
  letter-spacing: .05em;
  @media (width > 767px) {
    margin-bottom:10.0rem;
  }
  @media (width <= 767px) {
    margin-bottom:3.6rem;
    font-size:1.6rem;
  }
}


/* SelectorName
----------------------------------------------------------------------------- */
.internship-contents {
  @media (width > 767px) {
    padding:10.0rem;
  }
  @media (width <= 767px) {
    padding-block:4.0rem 6.0rem;
  }

  .heading {
    margin-bottom:4.8rem;
    font-size:2.4rem;
    font-weight:700;
    line-height:1.5;
    @media (width <= 767px) {
      margin-bottom:2.0rem;
      font-size:1.8rem;
    }

    &:not(:first-child) {
      margin-top:8.0rem;
      @media (width <= 767px) {
        margin-top:4.8rem;
      }
    }
  }

  .desc {
    margin-bottom:3.2rem;
    @media (width <= 767px) {
      margin-bottom:2.4rem;
    }
    &:has(+.desc) {
      margin-bottom:0;
    }
    & + .desc {
      margin-top:1em;
    }
  }

  .link {
    & + .desc {
      margin-top:4.0rem;
      @media (width <= 767px) {
        margin-top:2.8rem;
      }
    }
  }

  .l-table-A {
    margin-top:-2.0rem;
    @media (width > 767px) {
      grid-template-columns: 16.8rem 1fr;
    }
    > div {
      @media (width <= 767px) {
        grid-template-rows:auto 1fr;
        grid-template-columns:1fr;
        gap:.4rem;
      }
      > dt {
        @media (width <= 767px) {
          font-size:1.4rem;
        }
      }
    }
  }

  .box {
    padding:4.0rem;
    font-weight:700;
    background-image:linear-gradient(
      to right,
      rgb(from #6794EB r g b / 40%) 0%,
      rgb(from #30D38F r g b / 40%) 100%
    );
    @media (width <= 767px) {
      padding:2.0rem;
    }
  }
}



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