/* ===================================================
   page-group.css — グループ会社紹介
   =================================================== */

/* ----- リード文 ----- */
.p-group__intro {
    max-width: var(--content-narrow);
    margin: var(--space-5xl) auto var(--space-2xl);
    padding: 0;
    color: var(--color-text-dark);
}
.p-group__intro > p {
    margin: 0;
    font-family: var(--font-base);
    font-size: var(--fz-sm);
    font-weight: 500;
    line-height: 2;
}

/* ----- グループ会社一覧 外側ラッパー（#f2fbfe 背景カード） ----- */
.p-group__list {
    max-width: var(--content-narrow);
    margin: 0 auto;
    padding: var(--space-2xl);
    background-color: var(--color-bg-nav);
    border-radius: var(--radius-card);
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2xl);
    box-sizing: border-box;
}

/* ----- 各グループ会社セクション（白カード） ----- */
.p-group__company {
    flex: 0 0 calc(50% - var(--space-2xl) / 2);
    min-width: 0;
    box-sizing: border-box;
    background-color: var(--color-white);
    padding: var(--space-2xl);
    display: flex;
    flex-direction: column;
    color: var(--color-text-dark);
}

/* ロゴ（中央・下40px） */
.p-group__company > .p-image {
    margin: 0 auto var(--space-2xl);
}
.p-group__company > .p-image img {
    display: block;
    height: auto;
}

/* 社名 + サブタイトル（左寄せ・下16px） */
.p-group__company > h2 {
    margin: 0 0 var(--space-md);
    width: 100%;
    font-family: var(--font-base);
    font-size: var(--fz-2xl);
    font-weight: 700;
    line-height: 1.4;
}
.p-group__company > h2 > span {
    display: block;
    margin-top: var(--space-xs);
    font-size: var(--fz-base);
}

/* 説明文（下24px） */
.p-group__company > p:nth-of-type(1) {
    margin: 0 0 var(--space-lg);
    width: 100%;
    font-family: var(--font-base);
    font-size: var(--fz-sm);
    font-weight: 500;
    line-height: 2;
}

/* 区切り線（下24px） */
.p-group__company > hr {
    width: 100%;
    height: 1px;
    border: 0;
    background-color: var(--color-border-dark);
    margin: 0 0 var(--space-lg);
}

/* 主な事業 + サービス */
.p-group__company > p:nth-of-type(2) {
    margin: 0 0 var(--space-2xl);
    width: 100%;
    font-family: var(--font-base);
    font-size: var(--fz-sm);
    font-weight: 700;
    line-height: 2;
}
.p-group__company > p:nth-of-type(2) > span {
    display: block;
    margin-top: var(--space-sm);
    font-weight: 500;
}

/* コーポレートサイトボタン */
.p-group__company > .c-btn {
    margin: auto;
}


/* ===================================================
   Responsive
   =================================================== */

/* ----- Tablet: 601–1024px ----- */
@media screen and (max-width: 1024px) {
    .p-group__intro {
        margin-top: var(--space-4xl);
    }
    .p-group__list {
        padding: var(--space-xl);
        gap: var(--space-lg);
    }
    .p-group__company {
        flex: 0 0 calc(50% - var(--space-lg) / 2);
        padding: var(--space-xl);
    }

}

/* ----- SP: ≤600px ----- */
@media screen and (max-width: 600px) {
    .p-group__intro {
        margin-top: var(--space-2xl);
    }
    .p-group__list {
        padding: var(--space-md);
        gap: var(--space-md);
    }
    .p-group__company {
        flex: 0 0 100%;
        padding: var(--space-lg);
    }
    .p-group__company > h2 {
        font-size: var(--fz-xl);
    }

}