/* ========= ベース（白い親） ========= */
.isa-course-chooser{
    /* PHPから注入されるテーマ色の既定値（保険） */
    --icc-base:#db6a76;
    --icc-hover:#efb3bb;
    --icc-border:#c45863;
    --icc-shadow-rgb:120,70,76;

    background:#fff;       /* 親は白 */
    color:#1f2937;
    box-sizing:border-box;
}

/* 親の外側余白（SPでも安全） */
.isa-course-chooser .icc__frame{
    padding: 65px 16px 0;
}

/* ========= グレー背景の子（幅1200px） ========= */
.isa-course-chooser .icc__panel{
    max-width:1200px;
    margin:0 auto;
    background:#eaf1f6;    /* グレー背景をここに限定 */
    position:relative;
}

/* 実レイアウト領域 */
.isa-course-chooser .icc__inner{
    max-width:100%;
    margin:0 auto;
    padding:28px 16px 34px;
}

/* ========= 見出し（中央の白い pill） ========= */
.isa-course-chooser .icc__heading{
    display:inline-flex; align-items:center; gap:.6em;
    background:#fff;
    padding: 15px 25px;
    border-radius:999px;
    font-weight:700;
    font-size: 18px;
    /* パネル上辺にめり込ませる */
    position:absolute;
    left:50%; transform:translateX(-50%);
    top: -27px;
    box-shadow: 0 9px 0 -6px var(--icc-base);
}

/* 見出しアイコン画像（サイズはここで統一管理） */
.isa-course-chooser .icc__icon-img{
    display:inline-block;
    width:20px;
    height:20px;
    object-fit:contain;
    vertical-align:middle;
}
.isa-course-chooser .icc__heading-text{ white-space:nowrap; }

/* ========= リスト ========= */
.isa-course-chooser .icc__list{
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap: clamp(16px, 3vw, 34px);
    list-style:none;
    margin: 22px 0 0;
    padding:0;
}
@media (max-width: 1024px){
    .isa-course-chooser .icc__list{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 640px){
    .isa-course-chooser .icc__list{ grid-template-columns: repeat(2, 1fr); }
}
.isa-course-chooser .icc__item{ display:flex; }

/* ========= ボタン ========= */
.isa-course-chooser .icc-btn{
    display:flex; align-items:center; justify-content:center;
    width:100%;
    min-height:68px;
    text-decoration:none;
    color:#fff; font-weight:700;
    background: var(--icc-base);
    border-radius:10px;
    position:relative;
    /* 下に落ちる影（長方形） */
    box-shadow: 0 3px 0 0 rgba(var(--icc-shadow-rgb), .95);
    transition: transform .12s ease, box-shadow .12s ease, background-color .12s ease, opacity .12s ease;
}
.isa-course-chooser .icc-btn:hover,
.isa-course-chooser .icc-btn:focus-visible{
    background: var(--icc-hover);
    transform: translateY(-2px);
    box-shadow: 0 5px 0 0 rgba(var(--icc-shadow-rgb), .50),
    0 10px 24px rgba(0,0,0,.12);
}
.isa-course-chooser .icc-btn__label{ padding: 0 10px; }
@media (max-width: 1024px){
    .isa-course-chooser .icc__frame {
        padding: 52px 0px 12px;
        background: #eaf1f6;
    }
    .isa-course-chooser .icc__heading {
        padding-right: 38px;
    }
    .isa-course-chooser .icc__inner {
        margin: 0 13px 15px;
        padding: 28px 16px 30px;
    }
}