/* =========================================
   ISA — FAQ（固定色／テーマカラーは使わない）
   ========================================= */

/* ベース */
.isa-faq{
    color:#2b2f33;            /* 本文 */
    background:#fff;
    box-sizing:border-box;
    padding:40px 16px 30px;
}
.isa-faq .faq__inner {
    max-width: 1200px;
     margin: 0 auto;
    /* padding: 0 170px; */
}

/* 本文フォント（Qテキスト / Aテキスト） */
.isa-faq .faq__qtext,
.isa-faq .faq__atext{
    font-family:
            "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN",
            "Hiragino Sans","ヒラギノ角ゴシック",
            Meiryo,"メイリオ",
            "Noto Sans JP","Yu Gothic","游ゴシック",sans-serif;
}

/* Q / A の記号フォント（最新指定に合わせて none。必要なら後で上書き可能） */
.isa-faq .faq__qmark,
.isa-faq .faq__amark{
    font-family: none;
    font-weight: 400; /* R 相当 */
}

/* タイトル行 */
.isa-faq .faq__title-row{
    margin-bottom:14px;
    padding-left:16px;                          /* 棒と本文の間隔 */
    border-left:6px solid var(--faq-bar, var(--theme, #198fce));
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;
}

/* 上段：画像＋タイトルを横並び */
.isa-faq .faq__main{
    display:flex;
    align-items:center;
    gap:16px;
}
.isa-faq .faq__title-img{ width: 86px; height:auto; display:block; }
.isa-faq .faq__title{
    font-weight:800; font-size: clamp(28px, 3.6vw, 32px); margin:0; color:#2b2f33;
}

/* リード文 */
.isa-faq .faq__lead{
    font-size: clamp(15px, 2vw, 18px);
    margin:12px 0 22px;
}

/* Q&A リスト全体 */
.isa-faq .faq__list{ margin-top:28px; }
.isa-faq .faq__item{ margin-top:20px; }

/* Q 行 */
.isa-faq .faq__qline{
    display:flex; align-items: center; gap:5px; margin-bottom:12px;
}
.isa-faq .faq__qmark{
    color:#0b63c6; font-weight:800; font-size:22px; line-height:1; display:inline-block;
}
.isa-faq .faq__qtext{
    font-weight:700; font-size:18px; color:#2b2f33;
}

/* A 行 */
.isa-faq .faq__aline{
    display:flex; align-items:flex-start; gap:10px; margin-left:16px;
    isolation:isolate; /* 親の mix-blend / filter 干渉を遮断 */
}

/* =========================================
   A の黄色丸（!important なしで確実に 48x48 の正円）
   - 詳細度を上げたセレクタで上書き勝ち
   - all:unset でユーティリティ類の影響を除去
   ========================================= */
.isa-faq .faq__list .faq__item .faq__aline .faq__amark.faq__amark{
    
    all: unset; /* 既存/ユーティリティを一旦リセット */
    display:inline-flex;
    align-items:center;
    justify-content:center;
    position: relative;
    /* 正円サイズを固定 */
    width:30px;
    height:30px;
    aspect-ratio:1 / 1;

    /* 見た目 */
    border-radius:50%;
    background:#FFE14A;         /* 黄色を確定（背景画像/グラデを打ち消し） */
    color:#1d2a3a;
    line-height:1;
    text-align:center;
    font-weight: bolder;
    letter-spacing: 0.1px;
    margin-top: 2px;
}

.isa-faq .faq__list .faq__item .faq__aline .faq__amark.faq__amark:before{
    content: "";
    position: absolute;
    bottom: -6px;
    right: -10px;
    margin-top: -16px;
    border: 8px solid transparent;
    border-left: 16px solid #FFE14A;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* A テキスト */
.isa-faq .faq__atext{
    font-size: 20px;
    font-weight:700;
    line-height:1.9;
    color:#3a3a3a;
}

/* SP 微調整 */
@media (max-width:640px){
    .isa-faq .faq__title-img{ width:110px; }
    .isa-faq .faq__bar{ height:54px; }
}

@media (max-width:767px){
    .isa-faq .faq__title {
    }
    .isa-faq .faq__title-img {
        width: 60px;
    }

.isa-faq .faq__inner {
    max-width: 100%;
    padding-left: 0;
}
.isa-faq .faq__qmark{
    font-size:16px;
}
.isa-faq .faq__qtext{
    font-size:13px;
}

.isa-faq .faq__atext{
    font-size: 12px;
    padding-top: 5px;
}
    .isa-faq .faq__lead {
        font-size: clamp(16px, 2vw, 18px);
    }
    .isa-faq .faq__list .faq__item .faq__aline .faq__amark.faq__amark {
        width: 27px;
        height: 27px;
        aspect-ratio: 1 / 1;
    }

    .isa-faq .faq__list .faq__item .faq__aline .faq__amark.faq__amark {
        padding-bottom: 1px;
    }


}