/**
 * カスタムヘッダーブロックのスタイル
 * 各ヘッダーレベル（H2-H5）に固有のスタイルを適用
 */

/* H2スタイル */
.wp-block-custom-custom-header-block h2 {
    color: #005573;
    font-weight: bold;
    padding-left: 2.5%;
    border-left: solid 10px #005573;
}

/* H3スタイル */
.wp-block-custom-custom-header-block h3 {
    position: relative;
    color: #005573;
    font-weight: bold;
    margin-left: calc(2.5% + 15px);
    padding-left: 25px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EFF3F5;
}
.wp-block-custom-custom-header-block h3::before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(0) translateY(-50%);
    content: '●';
    font-size: 7.5px;
    color: #3FA4F0;
}

/* H4スタイル */
.wp-block-custom-custom-header-block h4 {
    color: red;
}

/* H5スタイル */
.wp-block-custom-custom-header-block h5 {
    color: green;
}