/* カラートークン（必要に応じて変更） */
.isa-guarantee-card{
    --igc-bg:#fff;
    --igc-text:#1f2937;       /* 本文色 */
    --igc-title:#c54848;      /* 見出し色（赤） */
    --igc-divider:#d1d5db;    /* 仕切り線 */
    --igc-radius:24px;
    --igc-shadow:0 10px 30px rgba(16,24,40,.08);
}

.isa-guarantee-card .igc-inner{
    display:flex; align-items:center; gap:32px;
    max-width:1280px; margin:0 auto; padding:28px 32px;
    background:var(--igc-bg); color:var(--igc-text);
    border-radius:var(--igc-radius);
    box-shadow:var(--igc-shadow);
    margin-bottom: 40px;
}

.isa-guarantee-card .igc-left{
    flex: 0 0 132px; display:flex; justify-content:center; align-items:center;
}
.isa-guarantee-card .igc-media{
    display:block; width:100%; max-width: 128px; height:auto;
}
.isa-guarantee-card .igc-media--placeholder{
    width:220px; height:140px; border-radius:12px; background:#f3f4f6;
}

.isa-guarantee-card .igc-divider{
    width:1px; align-self:stretch; background:linear-gradient(#0000, var(--igc-divider), #0000);
    opacity:.9;
}

.isa-guarantee-card .igc-right{ flex:1 1 auto; min-width:0; }
.isa-guarantee-card .igc-title{
    margin:0 0 10px; font-weight:800;
    font-size: 18px; line-height:1.3; color:var(--igc-title);
}
.isa-guarantee-card .igc-body{
    margin:0; font-size: 14px; line-height:1.9;
    /* 全角ダッシュ等の強調を太字風に */
    font-feature-settings:"palt";
}

/* レスポンシブ */
@media (max-width: 1024px){
    .isa-guarantee-card .igc-inner{ padding: 17px; gap: 16px; }
    .isa-guarantee-card .igc-media{ max-width: 131px;}
    .isa-guarantee-card .igc-media {
        width: auto;
    }
    .isa-guarantee-card .igc-inner {
        margin-top: 40px;
    }
    .isa-guarantee-card .igc-inner{
        display:flex; align-items:center; gap:32px;
        max-width:1280px; margin:0 auto; padding:28px 32px;
        background:var(--igc-bg); color:var(--igc-text);
        border-radius:var(--igc-radius);
        box-shadow:var(--igc-shadow);
        margin-bottom: 40px;
    }

    .isa-guarantee-card .igc-left{
        /* ▼ 修正点 1: 固定幅 (0 0 132px) を可変に変更 */
        /* flex: 0 0 132px; */
        flex: 1 1 25%; /* 例: 全体の25%を基準にし、伸縮を許可 */
        min-width: 100px; /* オプション: 縮小しすぎないよう最小幅を指定 */
        /* ▲ 修正ここまで */

        display:flex; justify-content:center; align-items:center;
    }
    .isa-guarantee-card .igc-media{
        display:block; width:100%;

        /* ▼ 修正点 2: 画像の最大幅の指定を解除 */
        /* max-width: 128px; */
        /* ▲ 修正ここまで */

        height:auto;
    }
    .isa-guarantee-card .igc-media--placeholder{
        width:220px; height:140px; border-radius:12px; background:#f3f4f6;
    }

    .isa-guarantee-card .igc-divider{
        width:1px; align-self:stretch; background:linear-gradient(#0000, var(--igc-divider), #0000);
        opacity:.9;
    }

    .isa-guarantee-card .igc-right{
        /* ▼ 修正点 3: 右カラムも可変（75%目安）に設定 */
        /* flex:1 1 auto; */
        flex: 1 1 75%;
        /* ▲ 修正ここまで */

        min-width:0;
    }
    .isa-guarantee-card .igc-title{
        margin:0 0 10px; font-weight:800;
        font-size: 18px; line-height:1.3; color:var(--igc-title);
    }
    .isa-guarantee-card .igc-body{
        margin:0; font-size: 14px; line-height:1.9;
        font-feature-settings:"palt";
    }

    /* レスポンシブ */
    @media (max-width: 1024px){
        .isa-guarantee-card .igc-inner{ padding: 17px; gap: 16px; }

        /* ▼ 修正点 4: 1024px以下での固定幅指定も解除します */
        /* .isa-guarantee-card .igc-media{ max-width: 131px;} */
        /* .isa-guarantee-card .igc-media { width: auto; } */
        /* ▲ 修正ここまで */

        .isa-guarantee-card .igc-inner {
            margin-top: 40px;
        }
    }
}