/* セクション全体（背景ブルー帯） */
.isa-buttons03{
    padding: 28px 0;
}
.isa-buttons03__container{
    max-width: 880px;
    margin: 0 auto;
    padding: 0 24px;
}
.isa-buttons03__list{
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 20px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ピル型ボタン */
.isa-btnpill{
    display: flex;
    align-items: center;
    gap: 5px;
    background: #fff;
    border-radius: 9999px;
    padding: 9px 5px;
    text-decoration: none;
    box-shadow: 0 6px 18px rgba(0,0,0,.15);
    transition: transform .12s ease, box-shadow .12s ease;
    justify-content: center;
}
.isa-btnpill:hover{
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0,0,0,.18);
}
.isa-btnpill__icon{
    display: inline-grid;
    place-items: center;
    width: 35px; height: 35px;
    border-radius: 9999px;
    flex: 0 0 auto;
}
.isa-btnpill__icon img{
    width: 100%; height: 100%; object-fit: contain;
}
.isa-btnpill__label{
    font-weight: 700;
    font-size: clamp(12px, 1.8vw, 17px);
    line-height: 1.25;
    color: #0f172a;
}

/* ===== SP / Tablet (max-width: 1024px) ===== */
/* ===== SP / Tablet (max-width: 1024px) ===== */
@media (max-width: 1024px) {
    .isa-buttons03__container {
        /* max-width: 880px; */
        margin: 0 auto;
        padding: 0 clamp(10px, 1.3vw, 24px);;
    }
    .isa-buttons03 {
        padding: 28px 0;
        margin-bottom: 20px;
    }

    .isa-buttons03__list{
        /* カラム幅は固定でOKだが gap は可変化 */
        grid-template-columns: repeat(3, minmax(0,1fr));
        gap: clamp(6px, 1.5vw, 14px);
    }

    /* ボタン本体 */
    .isa-btnpill{
        position: relative;

        /* ★ 枠線幅を可変化（10px → 6〜14px） */
        border-width: clamp(6px, 1.3vw, 14px);

        border-style: solid;
        border-color: transparent;

        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(
                135deg,
                var(--accent, #e67681),
                color-mix(in srgb, var(--accent, #e67681) 80%, black 20%)
            ) border-box;

        border-radius: 9999px;
        box-shadow: 0 10px 26px rgba(0,0,0,.20);
        overflow: hidden;

        /* ★ padding も可変に（上下20px → 12〜28px） */
        padding: clamp(12px, 3vw, 28px) clamp(4px, 1vw, 8px);
    }

    /* 右端（実際は左端固定にしている）背景アイコン */
    .isa-btnpill__icon{
        position: absolute !important;
        left: clamp(0px, 1vw, 10px);

        filter: grayscale(100%);

        /* ★ アイコンの表示領域（92px → 54〜100px） */
        width: clamp(54px, 9vw, 100px);
        height: clamp(54px, 9vw, 100px);
    }

    .isa-btnpill__icon img{
        /* 内部アイコンも可変（66% → 50〜80%） */
        width: clamp(50%, 6vw, 80%);
        height: clamp(50%, 6vw, 80%);
        object-fit: contain;
    }

    /* テキスト本体（2行目以降）*/
    .isa-btnpill__label{
        position: relative;
        z-index: 1;
        color: #111827;
        font-weight: 700;
        line-height: 1.2;
        text-align: center;

        /* ★ 2行目：14〜21px可変 */
        font-size: clamp(10px, 2.5vw, 21px);
    }

    /* [ ] 部分強調（1行目用） */
    .isa-btnpill__accent{
        color: var(--accent, #e67681);
        font-weight: 800;
        letter-spacing: .02em;

        /* ★ 1行目：18〜31px可変 */
        font-size: clamp(12px, 2.5vw, 31px);
    }
}