.okabase-cta {
  margin: 2.5em 0;
  padding: 1.6em 1.4em;
  border: 1px solid #d8e1ec;
  border-left: 5px solid #2e6fb0;
  border-radius: 6px;
  background: #f5faff;
  font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Noto Sans JP", "Yu Gothic", sans-serif;
}
.okabase-cta--pc-disposal {
  border-left-color: #c97a1f;
  background: #fff8f0;
}
/* 20260807 親テーマ(Cocoon)の記事見出しスタイルを打ち消す。
   CTAのタイトルは <h3> なので、何もしないと本文の見出しと同じ装飾が乗る:
     - cocoon-master  .article h3 { border-left:7px solid #888; border:1px solid #ddd;
                                    padding:12px 20px; font-size:22px }  → 灰色の見出し帯になる
     - cocoon-child   body.single .entry-content h3 { margin-top:2.2em }  → 上に47pxの空きが出る
     - cocoon-child   * { margin-bottom:1% !important }                   → 下の余白が幅依存で動く
   !important が要るのは3つ目のせい（* の !important は詳細度では抜けない）。
   セレクタを .okabase-cta 配下に閉じているので、記事本文の見出しには影響しない。 */
.okabase-cta .okabase-cta__title {
  margin: 0 0 0.6em !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  font-size: 1.18em !important;
  font-weight: 700;
  line-height: 1.4;
  color: #1d3557;
}
.okabase-cta--pc-disposal .okabase-cta__title {
  color: #6e3b0a;
}
.okabase-cta__lead {
  margin: 0 0 1em;
  font-size: 0.96em;
  line-height: 1.7;
  color: #2c3e50;
}
/* 20260807 運営元の明示。作業主体(岡BASE)と受付主体(株式会社トカク)が
   違うことを、電話をかける前に読み取れるようにするための行。 */
.okabase-cta__operator {
  margin: 0 0 1em;
  font-size: 0.88em;
  line-height: 1.6;
  color: #5b6b7c;
}
.okabase-cta__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.7em 0.9em;
  margin: 0;
}
.okabase-cta__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 220px;
  padding: 0.78em 1.4em;
  border-radius: 4px;
  font-weight: 700;
  font-size: 1em;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity .15s ease;
}
.okabase-cta__btn:hover { opacity: 0.85; }
.okabase-cta__btn--primary {
  background: #2e6fb0;
  color: #fff !important;
}
.okabase-cta--pc-disposal .okabase-cta__btn--primary {
  background: #c97a1f;
}
.okabase-cta__btn--tel {
  background: #fff;
  color: #2e6fb0 !important;
  border: 1px solid #2e6fb0;
}
.okabase-cta--pc-disposal .okabase-cta__btn--tel {
  color: #c97a1f !important;
  border-color: #c97a1f;
}
@media (max-width: 600px) {
  .okabase-cta__btn { width: 100%; min-width: 0; }
}