/* ISA-CTA講座大ートリプル */
.isa-cta-course-large-triple{
    --text:#1f2937;
    --shadow: 0 8px 20px rgba(0,0,0,.12), 0 2px 8px rgba(0,0,0,.06);
    --radius: 10px;

    /* 列ごとの色 */
    --c1:#ff6f74;  /* 左：ピンク */
    --c2:#ff8d3a;  /* 中：オレンジ */
    --c3:#ff3a4b;  /* 右：赤 */

    --cta-bg:none;
    color:var(--text);
    box-sizing:border-box;
    background-image:var(--cta-bg);
    background-size:cover; background-position:center; background-repeat:no-repeat;
}

.isa-cta-course-large-triple .ict-inner {
    max-width: 776px;
    padding: 40px 0 30px 130px;
}
.isa-cta-course-large-triple .ict-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap: 20px; }
@media (max-width:1024px){ .isa-cta-course-large-triple .ict-grid{ gap:22px; } }
@media (max-width:820px){ .isa-cta-course-large-triple .ict-grid{ grid-template-columns:1fr; gap:18px; } }

.ict-top{
    position: relative;               /* ★ absolute配置の基準 */
    display: block;                   /* 中央寄せしやすいように */
    margin: 0 0 10px;
    font-weight: 600;
    font-size: 15px;
    line-height: 0.7;
    text-align: center;               /* ★ 斜線ぶんの左右余白を確保 */
    min-height: 22px;                 /* 行高さの目安 */
}

.ict-top__text{
    display: inline-block;
    vertical-align: middle;
}

/* 斜線（左右の棒） */
.ict-top__slash{
    position: absolute;
    top: 89%;
    width: 21px;
    height: 3px;
    background: #000000;
    border-radius: 3px;
    opacity: .85;
    transform-origin: center;
    pointer-events: none;
}

/* 左右の向き（ご指定どおり逆向き修正済み） */
.ict-top__slash--l{
    left: 11px;                          /* ★ 左端に固定 */
    transform: translateY(-50%) rotate(45deg);
}
.ict-top__slash--r{
    right: 11px;                         /* ★ 右端に固定 */
    transform: translateY(-50%) rotate(-45deg);
}
.ict-card{ background:transparent; border-radius:var(--radius); }
.ict-btn
{
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
/* min-height: 120px; */
    padding: 23px 7px;
    border-radius: var(--radius);
    color: #fff;
    text-decoration: none;
    box-shadow: var(--shadow);
    transition: transform .16s
    ease, box-shadow .16s
    ease, filter .16s
    ease;
    justify-content: center;
}
.ict-btn__icon {
    width: 25px;
    height: 25px;
    object-fit: contain;
    flex: 0 0 auto;
    filter: brightness(0) invert(1);
}
.ict-btn__label {
    font-weight: 700;
    font-size: 18px;
    color: #FFFF;
}

.ict-col.--c1 .ict-btn{ background:var(--c1); }
.ict-col.--c2 .ict-btn{ background:var(--c2); }
.ict-col.--c3 .ict-btn{ background:var(--c3); }

.ict-btn:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.18), 0 3px 10px rgba(0,0,0,.08); filter:saturate(1.05); }