/* --- ブロックエディタのリスト（箇条書き）を強制的に正常化する設定 --- */
#eachtarget .group .content-group ul {
    display: block;       /* 横並びを解除 */
    list-style-type: disc; /* 中黒（●）を表示 */
    padding-left: 2em;    /* 左側の余白（インデント）を確保 */
    margin-top: 1em;
    margin-bottom: 2em;
}

#eachtarget .group .content-group li {
    display: list-item;   /* 箇条書きのドットが出る形式に変更 */
    list-style-type: disc;
    margin-bottom: 0.5em;
    padding-left: 0;
    margin-left: 0;
    float: none;          /* 回り込みを解除 */
}
/* 見出し(h2)の上側に適切な余白を作る */
#eachtarget .group .content-group h2.content-head {
    margin-top: 60px;    /* 上側に大きな余白を作る（数値はお好みで調整してください） */
    margin-bottom: 25px; /* 下側の余白も少し整える */
}

/* 最初の要素がh2だった場合に、一番上が空きすぎないようにする調整 */
#eachtarget .group .content-group h2.content-head:first-child {
    margin-top: 0;
}
/* 1. 段落(p)の下側に余白を作る（文章と次のパーツの距離） */
#eachtarget .group .content-group p {
    margin-bottom: 25px;
}

/* 2. 見出し(h2, h3)の上側に余白を作る（セクションの区切りを明確に） */
#eachtarget .group .content-group h2.content-head,
#eachtarget .group .content-group h3 {
    margin-top: 50px;
    margin-bottom: 20px;
}

/* 3. 画像や特定のパーツ（買取の流れなど）の下側に余白を作る */
#eachtarget .group .content-group img,
#eachtarget .group .content-group .purchase-flow, /* もしクラス名があれば */
#eachtarget .group .content-group div {
    margin-bottom: 30px;
}

/* 4. 「ご利用者様の声」などのテキストと画像の間の詰まりを解消 */
#eachtarget .group .content-group strong + br + img, 
#eachtarget .group .content-group p + img,
#eachtarget .group .content-group p + div {
    margin-top: 30px;
}