@charset "UTF-8";
/* ================================================
   見出しブロック カスタムスタイル
   register_block_style() で登録したスタイルの CSS
================================================ */

/* デフォルトスタイル：装飾なし・太字・シンプルテキスト ----------- */
h2.wp-block-heading.is-style-default {
  margin-top: 30px;
  padding: 0;
  font-size: 1.9rem;
  font-weight: 700;
  line-height: 1.5;
  background: none;
  letter-spacing: 0.08em;
}
@media all and (min-width: 600px) {
  h2.wp-block-heading.is-style-default {
    margin-top: 40px;
    font-size: 2.4rem;
  }
}

h3.wp-block-heading.is-style-default {
  padding: 0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  background: none;
  letter-spacing: 0.08em;
}
@media all and (min-width: 600px) {
  h3.wp-block-heading.is-style-default {
    font-size: 2rem;
  }
}

h4.wp-block-heading.is-style-default {
  padding: 0;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  background: none;
}
@media all and (min-width: 600px) {
  h4.wp-block-heading.is-style-default {
    font-size: 1.8rem;
  }
}

/* 見出しレベル別 文字サイズ（カスタムスタイル共通） --------------- */
h2.wp-block-heading.is-style-accent-bar-round,
h2.wp-block-heading.is-style-accent-round-underline,
h2.wp-block-heading.is-style-accent-bar,
h2.wp-block-heading.is-style-underline-full,
h2.wp-block-heading.is-style-accent-background { font-size: 1.9rem; }
@media all and (min-width: 600px) {
  h2.wp-block-heading.is-style-accent-bar-round,
  h2.wp-block-heading.is-style-accent-round-underline,
  h2.wp-block-heading.is-style-accent-bar,
  h2.wp-block-heading.is-style-underline-full,
  h2.wp-block-heading.is-style-accent-background { font-size: 2.4rem; }
}

h3.wp-block-heading.is-style-accent-bar-round,
h3.wp-block-heading.is-style-accent-round-underline,
h3.wp-block-heading.is-style-accent-bar,
h3.wp-block-heading.is-style-underline-full,
h3.wp-block-heading.is-style-accent-background { font-size: 1.6rem; }
@media all and (min-width: 600px) {
  h3.wp-block-heading.is-style-accent-bar-round,
  h3.wp-block-heading.is-style-accent-round-underline,
  h3.wp-block-heading.is-style-accent-bar,
  h3.wp-block-heading.is-style-underline-full,
  h3.wp-block-heading.is-style-accent-background { font-size: 2rem; }
}

h4.wp-block-heading.is-style-accent-bar-round,
h4.wp-block-heading.is-style-accent-round-underline,
h4.wp-block-heading.is-style-accent-bar,
h4.wp-block-heading.is-style-underline-full,
h4.wp-block-heading.is-style-accent-background { font-size: 1.5rem; }
@media all and (min-width: 600px) {
  h4.wp-block-heading.is-style-accent-bar-round,
  h4.wp-block-heading.is-style-accent-round-underline,
  h4.wp-block-heading.is-style-accent-bar,
  h4.wp-block-heading.is-style-underline-full,
  h4.wp-block-heading.is-style-accent-background { font-size: 1.8rem; }
}

/* 見出し２のみ上余白 ---------------------------------------------- */
h2.wp-block-heading.is-style-accent-bar-round,
h2.wp-block-heading.is-style-accent-round-underline,
h2.wp-block-heading.is-style-accent-bar,
h2.wp-block-heading.is-style-underline-full,
h2.wp-block-heading.is-style-accent-background { margin-top: 40px; }
@media all and (min-width: 600px) {
  h2.wp-block-heading.is-style-accent-bar-round,
  h2.wp-block-heading.is-style-accent-round-underline,
  h2.wp-block-heading.is-style-accent-bar,
  h2.wp-block-heading.is-style-underline-full,
  h2.wp-block-heading.is-style-accent-background { margin-top: 55px; }
}

/* 丸装飾 / 丸装飾ライン ------------------------------------------ */
.wp-block-heading.is-style-accent-bar-round,
.wp-block-heading.is-style-accent-round-underline {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0;
  background: none;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: 0.05em;
}
@media all and (min-width: 600px) {
  .wp-block-heading.is-style-accent-bar-round,
  .wp-block-heading.is-style-accent-round-underline {
    gap: 14px;
  }
}
.wp-block-heading.is-style-accent-bar-round::before,
.wp-block-heading.is-style-accent-round-underline::before {
  display: block;
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  content: "";
  border: 6px solid #345c8d;
  border-radius: 50%;
}
@media all and (min-width: 600px) {
  .wp-block-heading.is-style-accent-bar-round::before,
  .wp-block-heading.is-style-accent-round-underline::before {
    width: 8px;
    height: 8px;
    border-width: 7px;
  }
}

/* 丸装飾ライン：下線追加 */
.wp-block-heading.is-style-accent-round-underline {
  padding-bottom: 18px;
  border-bottom: 1px solid #cccccc;
}
@media all and (min-width: 600px) {
  .wp-block-heading.is-style-accent-round-underline {
    padding-bottom: 22px;
  }
}

/* アクセントバー -------------------------------------------------- */
.wp-block-heading.is-style-accent-bar {
  position: relative;
  padding: 0 0 0 20px;
  background: none;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.3;
}
.wp-block-heading.is-style-accent-bar::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #345c8d;
  border-radius: 4px;
}

/* ライン ---------------------------------------------------------- */
.wp-block-heading.is-style-underline-full {
  padding: 0 0 18px 0;
  background: none;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.3;
  border-bottom: 1px solid #cccccc;
}
@media all and (min-width: 600px) {
  .wp-block-heading.is-style-underline-full {
    padding-bottom: 22px;
  }
}

/* 背景装飾 -------------------------------------------------------- */
.wp-block-heading.is-style-accent-background {
  padding: 10px 18px;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.3;
  background-color: #e8f0f7;
  border-radius: 6px;
}
@media all and (min-width: 600px) {
  .wp-block-heading.is-style-accent-background {
    padding: 12px 22px;
    border-radius: 8px;
  }
}