@charset "UTF-8";
/*
  Theme Name: sbcseikeigeka
*/
.text-marker {
  background: linear-gradient(to top, #eaeb16 40%, transparent 40%);
}
.text-marker2  {
  background:linear-gradient(transparent 60%, #6cf 60%);
}
/* black */
.has-black-background-color {
  background-color: #000;
}
.has-black-color {
  color: #000;
}
/* white */
.has-white-background-color {
  background-color: #000;
}
.has-white-color {
  color: #000;
}

/* gray */
.has-gray-background-color {
  background-color: #f5f5f5;
}
.has-gray-color {
  color: #f5f5f5;
}

/* blue */
.has-blue-background-color {
  background-color: #114791;
}
.has-blue-color {
  color: #114791;
}

/* pink */
.has-pink-background-color {
  background-color: #ff7272;
}
.has-pink-color {
  color: #ff7272;
}

/* lightblue */
.has-lightblue-background-color {
  background-color: #f3f8fa;
}
.has-lightblue-color {
  color: #f3f8fa;
}

/* brown */
.has-brown-background-color {
  background-color: #f3f8fa;
}
.has-brown-color {
  color: #f3f8fa;
}

/* cyan */
.has-cyan-background-color {
  background-color: #2f9fdf;
}
.has-cyan-color {
  color: #2f9fdf;
}

/* deepblue */
.has-deepblue-background-color {
  background-color: #31529a;
}
.has-deepblue-color {
  color: #31529a;
}

/* navy */
.has-navy-background-color {
  background-color: #001647;
}
.has-navy-color {
  color: #001647;
}

/* リストブロック全体のスタイル */
.wp-block-list {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    color: #333;
}

/* 箇条書き（ul）のマーカーをカスタマイズ */
.wp-block-list ul {
    list-style-type: square; /* マーカーを四角に */
}

/* リスト項目（li）のスタイル */
.wp-block-list li {
    margin-bottom: 0.5rem; /* 項目間の余白 */
    line-height: 1.8; /* 行間 */
}

/* リスト内のテキストにマーカーの色を適用 */
.wp-block-list li::marker {
    color: #0073aa; /* 青色に設定 */
}

/* リストのスタイル変更 ==================================== */
/* リスト全体の基本スタイル */
.wp-block-list {
    margin-bottom: 1.5rem;
    padding-left: 1.5rem; /* マーカー用のスペース */
    color: #333;
    line-height: 1.8;
}

/* リスト項目のスタイル */
.wp-block-list li {
    margin-bottom: 0.5rem; /* 項目間の余白 */
}

/* リストブロック全体のスタイル調整 */
.wp-block-list {
    list-style: none; /* デフォルトのマーカーを消す */
    padding-left: 0;
}

/* 各リスト項目のスタイル（アイコン風に） */
.wp-block-list li {
    position: relative;
    padding-left: 30px; /* アイコン分のスペースを空ける */
    margin-bottom: 10px;
}

/* :before 擬似要素を使ってアイコンを表示 */
ul.wp-block-list li::before {
    content: "●"; /* アイコンや文字 */
    position: absolute;
    left: 0;
    color: #000; /* アイコンの色 */
    font-weight: bold;
}
ol.wp-block-list li::before {
    content: "●"; /* アイコンや文字 */
    position: absolute;
    left: 0;
    color: #000; /* アイコンの色 */
    font-weight: bold;
}
ol.wp-block-list {
  counter-reset: my-counter; /* 1. カウンタを初期化 */
  list-style: none; /* デフォルトの番号を消す */
  padding: 0;
}

ol.wp-block-list li {
  position: relative;
  padding-left: 30px; /* 番号用のスペース */
}

ol.wp-block-list li::before {
  counter-increment: my-counter; /* 2. 番号を進める */
  content: counter(my-counter) ". "; /* 3. 番号を表示 */
  position: absolute;
  left: 0;
  font-weight: bold; /* スタイル自由 */
  color: #123189;
}
/* リストのスタイル変更 ==================================== */