@charset "UTF-8";
/* 交通事故チャット相談への帯CTA（2026-08-03 設置・両新田スポーツ整骨院と同型）
   設置先: トップ（wp/wp-content/themes/swell_child/front-page.php）と /traffic/index.html
   リンク先: https://www.kandatsu-shin.com/traffic_chat/ */
.jiko-chat-cta { background: #e50012; }
.jiko-chat-cta__btn {
  display: flex; align-items: center; justify-content: center; gap: 14px;
  max-width: 1170px; margin: 0 auto; padding: 10px 15px;
  color: #fff; text-decoration: none; line-height: 1.3;
}
.jiko-chat-cta__btn:hover { color: #fff; opacity: .85; }
.jiko-chat-cta__copy { display: flex; align-items: center; gap: 12px; min-width: 0; }
.jiko-chat-cta__label {
  display: inline-block; flex: 0 0 auto;
  border: 1px solid rgba(255,255,255,.85); border-radius: 3px;
  padding: 2px 9px; font-size: 13px; font-weight: bold; white-space: nowrap;
}
.jiko-chat-cta__text { font-size: 17px; font-weight: bold; }
.jiko-chat-cta__text strong { font-size: 19px; }
.jiko-chat-cta__go {
  position: relative; flex: 0 0 auto;
  background: #fff; color: #e50012; font-weight: bold; font-size: 15px;
  border-radius: 50px; padding: 8px 32px 8px 18px; white-space: nowrap;
}
.jiko-chat-cta__go::after {
  content: ""; position: absolute; right: 16px; top: 50%;
  width: 6px; height: 6px;
  border-top: 2px solid #e50012; border-right: 2px solid #e50012;
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 767px) {
  .jiko-chat-cta__btn { justify-content: space-between; gap: 10px; padding: 8px 12px; }
  .jiko-chat-cta__copy { display: block; }
  .jiko-chat-cta__label { font-size: 11px; padding: 1px 6px; margin-bottom: 3px; }
  .jiko-chat-cta__text { display: block; font-size: 14px; }
  .jiko-chat-cta__text strong { font-size: 15px; }
  .jiko-chat-cta__go { font-size: 13px; padding: 7px 26px 7px 13px; }
  .jiko-chat-cta__go::after { right: 12px; width: 5px; height: 5px; }
}

/* --- 交通事故ページ用バリアント（2026-08-03 恵太くん指示） ---
   ・赤は目立ちすぎるため、サイトで既に使っている青 #0154BC（電話CTAと同色）に変更
   ・帯の幅を FV画像（.p-mv＝最大1200px・中央寄せ）と揃える */
.jiko-chat-cta--traffic { background: #0154bc; max-width: 1200px; margin-left: auto; margin-right: auto; }
.jiko-chat-cta--traffic .jiko-chat-cta__go { color: #0154bc; }
.jiko-chat-cta--traffic .jiko-chat-cta__go::after { border-top-color: #0154bc; border-right-color: #0154bc; }