/* 色はテーマから：--isa-theme / --isa-theme-rgb をPHPで供給 */
.isa-support{
    --frame:  #e5edf2;
    --text:   #1f2937;
    --shadow: 0 6px 18px rgba(0,0,0,.06);
    color: var(--text);
    background: transparent;
    box-sizing: border-box;
    margin-top: 65px;
}
.isa-support__inner{ max-width:1200px; margin:0 auto; }

/* カード */
.isa-support__card{
    display:grid; grid-template-columns:286px 1fr; gap:45px;
    background:#fff; border:1px solid #b5b5b5; box-shadow:var(--shadow);
    padding:20px; margin:22px 0;
}

/* 画像 */
.isa-support__img{ width:286px; height:100%;aspect-ratio: 143 / 83;object-fit:cover; }
.isa-support__img.--placeholder{ background:#eaeaea }

/* 見出し */
.isa-support__head{ margin:4px 0 10px; }
.isa-support__title{
    font-weight:700; font-size:22px;
    color: var(--isa-theme);           /* ← テーマカラー */
    margin-left:-10px;
}

/* 本文 */
.isa-support__body{
    position:relative; font-size:16px; line-height:1.9;
    padding:0 20px 0 40px;
    border-left:2px solid var(--isa-theme);  /* ← テーマカラー */
    margin-left:0; height:108px;
}


/* レスポンシブ */
@media (max-width:1024px){
    .isa-support__card{ grid-template-columns:1fr; }
    .isa-support__img{ width:100%; }

    .isa-support {
        margin-top: 40px;
    }
    .isa-support__title {
        font-weight: 700;
        font-size: clamp(22px, 3.6vw + 1px, 56px);
        color: var(--isa-theme);
        margin-left: -6px;
    }

    .isa-support__card {
        display: grid;
        gap: 15px;
        background: #fff;
        border: 1px solid #b5b5b5;
        box-shadow: var(--shadow);
        padding: 20px;
        margin: 22px 0;
    }
    .isa-support__body {
        position: relative;
        font-size: clamp(16px, 3.6vw + 1px, 36px);
        line-height: 1.5;
        padding: 0 0 0 0;
        border-left: none;
        margin-left: unset;
        height: unset;
    }
    .isa-learn__inner {
        margin-top: 30px;
    }

}