/* ===================================================
   page-client-service.css — 支援企業様専用サービス
   外部リンクカード一覧（2列グリッド、520×180 画像1枚）
   =================================================== */

.p-client-service__list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-lg);
    max-width: var(--content-narrow);
    margin: 0 auto;
    padding: var(--space-2xl) 0 var(--space-5xl);
}
.p-client-service__list > a {
    display: block;
    transition: opacity var(--transition-base);
}
.p-client-service__list > a:hover {
    opacity: 0.8;
}
.p-client-service__list > a > img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (max-width: 600px) {
    .p-client-service__list {
        grid-template-columns: 1fr;
    }
}