/* ============================================
   見出し下 アイコン＆吹き出し
   ============================================ */
.ouchino-balloon {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin: 1.2em 0 2.8em;
    padding: 0;
}

.ouchino-balloon__icon {
    flex: 0 0 90px;
    width: 90px;
    text-align: center;
}

.ouchino-balloon__icon img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #F55C2B;
    display: block;
    margin: 0 auto;
}

.ouchino-balloon__name {
    display: block;
    font-size: 11px;
    color: #888;
    margin-top: 3px;
    line-height: 1.2;
    font-weight: 500;
}

.ouchino-balloon__bubble {
    position: relative;
    flex: 1;
    background: #FFF6F1;
    border: 1px solid #F55C2B;
    border-radius: 12px;
    padding: 14px 18px;
    font-size: 0.95em;
    line-height: 1.7;
    color: #481200;
}

/* 吹き出しのしっぽ（左向き三角） */
.ouchino-balloon__bubble::before,
.ouchino-balloon__bubble::after {
    content: "";
    position: absolute;
    top: 24px;
    width: 0;
    height: 0;
    border-style: solid;
}

.ouchino-balloon__bubble::before {
    left: -10px;
    border-width: 8px 10px 8px 0;
    border-color: transparent #F55C2B transparent transparent;
}

.ouchino-balloon__bubble::after {
    left: -8px;
    border-width: 7px 9px 7px 0;
    border-color: transparent #FFF6F1 transparent transparent;
}

/* 段落内のリンクスタイル維持 */
.ouchino-balloon__bubble a {
    color: #F55C2B;
    text-decoration: underline;
}

/* SP対応 */
@media screen and (max-width: 600px) {
    .ouchino-balloon {
        gap: 10px;
        margin: 1em 0 2em;
    }
    .ouchino-balloon__icon {
        flex: 0 0 72px;
        width: 72px;
    }
    .ouchino-balloon__icon img {
        width: 72px;
        height: 72px;
    }
    .ouchino-balloon__name {
        font-size: 11px;
    }
    .ouchino-balloon__bubble {
        padding: 12px 14px;
        font-size: 0.9em;
    }
    .ouchino-balloon__bubble::before {
        top: 20px;
    }
    .ouchino-balloon__bubble::after {
        top: 20px;
    }
}