@charset "UTF-8";

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

Group Company CSS

・グループ企業ページ用CSS「.group-×××」

上記はここに記述する

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

/* ヘッダー
============================================================================= */
.group-header {
  position:relative;
  @media (width > 640px) {
    display:flex;
    justify-content: space-between;
    padding-bottom:7.0rem;
    height:calc(100dvh - var(--header-height));
  }
  @media (width <= 640px) {
    padding-inline:var(--body-pd);
    padding-block:13.0rem 3.2rem;
  }
  .text {
    margin-top:auto;
    @media (width > 640px) {
      padding-left:var(--body-pd);
    }
  }
  .text-title {
    margin-bottom:5.4rem;
    @media (width <= 640px) {
      margin-bottom:3.2rem;
    }
  }
  .l-tag_text-A {
    margin-bottom:1.6rem;
    @media (width <= 640px) {
    }
  }
  .text-desc {
    font-size:1.5rem;
    letter-spacing: .2em;
    @media (width <= 640px) {
      font-size:1.4rem;
    }
  }

  .l-inpage_navi {
    @media (width > 640px) {
      display:flex;
      justify-content: flex-end;
      padding-right:3.6rem;
      margin-inline:auto;
      position:absolute;
      inset-inline:0;
    }
    margin-top:7.0rem;
  }
}


/* Sample
============================================================================= */
.group-selectorName {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
}