/*
 * 研修選定コンシェルジュ CTA部品（.concierge_form_l = 記事本文 / .concierge_form_s = サイドバー）
 *   2026-10-05〜 A/Bテスト（include/function_concierge.php の showConciergeForm が両方を出力し、/js/concierge_form.js が片方を残す）
 *     .cf-a = パターンA: 初期デザイン（上段が濃紺）
 *     .cf-b = パターンB: 相談したくなる仕掛け入り（吹き出し・実績ロゴ・所要時間・相談後の流れ・安心ポイント・24時間受付中）
 *   テスト終了後は、勝ったパターンのブロックだけを残し、負けた方と .concierge_ab のルールを削除する
 */

/* ---------- A/B の出し分け（JS 未実行時は B を表示） ---------- */
.concierge_ab:not([data-variant]) > .cf-a,
.concierge_ab[data-variant="A"] > .cf-b,
.concierge_ab[data-variant="B"] > .cf-a{ display:none; }
/* 空のタグ（<div class="concierge_form_l"></div>）は、JS が中身を差し込むまで高さを確保してガタつきを抑える */
.concierge_form_l:not([data-variant]):empty{ display:block; min-height:440px; margin:32px 0; }
.concierge_form_s:not([data-variant]):empty{ display:block; min-height:420px; }

/* =================== パターンA（初期デザイン） =================== */
.concierge_form_l.cf-a, .concierge_form_s.cf-a{
  --cf-navy-soft:#1B323F;
  --cf-navy-text-soft:#B9C4CB;
  --cf-bg:#EFF1F3;
  --cf-ink:#182B38;
  --cf-ink-faint:#93A0AB;
  --cf-line:#E1E5EA;
  --cf-line-strong:#C7CDD4;
  --cf-accent:#F2A93B;
  --cf-accent-deep:#C6841E;
  --cf-accent-soft:#FCEBC9;
  --cf-btn:#5F9700;
  --cf-btn-deep:#558900;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  border:1px solid var(--cf-line-strong);
  border-radius:13px;
  box-shadow:0 6px 18px rgba(18,34,44,.14);
  margin:28px 0;
  overflow:hidden;
  line-height:1.75;
}
.concierge_form_l.cf-a *, .concierge_form_s.cf-a *{ box-sizing:border-box; }
.concierge_form_l.cf-a p, .concierge_form_s.cf-a p{ margin:0; }

/* upper tier */
.concierge_form_l.cf-a .cf-upper, .concierge_form_s.cf-a .cf-upper{ background:var(--cf-navy-soft); padding:28px 30px 24px; }
.concierge_form_l.cf-a .cf-pain{
  display:inline-flex; align-items:center; gap:6px;
  background:var(--cf-accent-soft); color:var(--cf-accent-deep);
  font-size:12px; font-weight:700; padding:5px 13px 5px 10px; border-radius:999px; margin-bottom:14px;
}
.concierge_form_l.cf-a .cf-pain svg{ flex-shrink:0; }
.concierge_form_l.cf-a .cf-headline{ font-size:24px; font-weight:800; color:#fff; line-height:1.55; margin:0 0 10px; }
.concierge_form_l.cf-a .cf-num{ color:var(--cf-accent); font-size:1.05em; }
.concierge_form_l.cf-a .cf-subcopy{ font-size:12.5px; color:var(--cf-navy-text-soft); line-height:1.7; margin:0 0 16px; }
.concierge_form_l.cf-a .cf-badges, .concierge_form_s.cf-a .cf-badges{ display:flex; flex-wrap:wrap; gap:8px; }
.concierge_form_l.cf-a .cf-badge, .concierge_form_s.cf-a .cf-badge{
  font-size:11.5px; font-weight:700; color:var(--cf-accent-deep); background:var(--cf-accent-soft);
  padding:5px 12px; border-radius:999px; line-height:1.5;
}

/* lower tier */
.concierge_form_l.cf-a .cf-lower, .concierge_form_s.cf-a .cf-lower{ background:#fff; padding:22px 30px 24px; border-top:1px solid var(--cf-line); }
.concierge_form_l.cf-a .cf-concierge{ display:flex; align-items:center; gap:7px; font-size:11.5px; color:var(--cf-ink-faint); margin-bottom:10px; }
.concierge_form_l.cf-a .cf-concierge-icon{ width:20px; height:20px; flex-shrink:0; border-radius:50%; background:var(--cf-bg); display:flex; }
.concierge_form_l.cf-a .cf-concierge-icon svg{ width:100%; height:100%; display:block; }
.concierge_form_l.cf-a .cf-question, .concierge_form_s.cf-a .cf-question{ font-size:16px; font-weight:700; color:var(--cf-ink); margin:0 0 14px; }

.concierge_form_l.cf-a .cf-choice, .concierge_form_s.cf-a .cf-choice{ display:flex; gap:12px; }
.concierge_form_l.cf-a .cf-choice-btn, .concierge_form_s.cf-a .cf-choice-btn{
  flex:1; position:relative; display:flex; align-items:center; justify-content:center;
  border:1.5px solid var(--cf-btn); background:var(--cf-btn); border-radius:10px; padding:17px 20px;
  text-align:center; text-decoration:none !important; cursor:pointer;
  box-shadow:0 3px 8px rgba(89,138,0,.22);
  transition:background .15s ease, transform .15s ease, box-shadow .15s ease;
}
.concierge_form_l.cf-a .cf-choice-btn:hover, .concierge_form_s.cf-a .cf-choice-btn:hover{
  background:var(--cf-btn-deep); transform:translateY(-2px); box-shadow:0 6px 14px rgba(89,138,0,.30);
}
.concierge_form_l.cf-a .cf-choice-btn:focus-visible, .concierge_form_s.cf-a .cf-choice-btn:focus-visible{ outline:3px solid rgba(95,151,0,.32); outline-offset:2px; }
.concierge_form_l.cf-a .cf-choice-btn::after, .concierge_form_s.cf-a .cf-choice-btn::after{
  content:"›"; position:absolute; right:16px; top:50%; color:#fff; font-size:20px; font-weight:800; line-height:1;
  transform:translateY(-50%); transition:transform .15s ease;
}
.concierge_form_l.cf-a .cf-choice-btn:hover::after, .concierge_form_s.cf-a .cf-choice-btn:hover::after{ transform:translate(2px,-50%); }
.concierge_form_l.cf-a .cf-choice-text, .concierge_form_s.cf-a .cf-choice-text{
  width:100%; padding:0 22px; font-size:15px; font-weight:800; color:#fff; line-height:1.35;
}
@media (max-width:640px){
  .concierge_form_l.cf-a .cf-upper{ padding:22px 20px 20px; }
  .concierge_form_l.cf-a .cf-lower{ padding:18px 20px 20px; }
  .concierge_form_l.cf-a .cf-headline{ font-size:20px; }
  .concierge_form_l.cf-a .cf-choice{ flex-direction:column; }
}

/* sidebar size */
.concierge_form_s.cf-a{ margin:0; }
.concierge_form_s.cf-a .cf-upper{ padding:16px 16px 14px; }
.concierge_form_s.cf-a .cf-stat-label{ font-size:11.5px; color:var(--cf-navy-text-soft); margin:0 0 3px; }
.concierge_form_s.cf-a .cf-stat-num{ font-size:26px; font-weight:800; color:var(--cf-accent); line-height:1.1; margin:0 0 8px; }
.concierge_form_s.cf-a .cf-headline-sm{ font-size:13px; font-weight:700; color:#fff; line-height:1.5; }
.concierge_form_s.cf-a .cf-lower{ padding:14px; }
.concierge_form_s.cf-a .cf-question{ font-size:13px; margin-bottom:10px; line-height:1.6; }
.concierge_form_s.cf-a .cf-choice{ flex-direction:column; gap:8px; }
.concierge_form_s.cf-a .cf-choice-btn{ padding:12px 14px; }
.concierge_form_s.cf-a .cf-choice-btn::after{ right:12px; }
.concierge_form_s.cf-a .cf-choice-text{ padding:0 18px; font-size:14px; line-height:1.32; }
.concierge_form_s.cf-a .cf-badges{ margin-top:10px; }
.concierge_form_s.cf-a .cf-badge{ font-size:10.5px; }


/* =================== パターンB =================== */
.concierge_form_l.cf-b, .concierge_form_s.cf-b{
  --cf-ink:#12222C;
  --cf-ink-2:#4A5967;
  --cf-ink-3:#7A8794;
  --cf-border:#E3E8EF;
  --cf-border-soft:#EDF1F5;
  --cf-tint:#F6F8FB;
  --cf-accent:#F2A93B;
  --cf-accent-deep:#B8761A;
  --cf-accent-soft:#FDF1DC;
  --cf-green:#5F9700;
  --cf-green-deep:#518200;
  --cf-green-soft:#EAF4DC;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Hiragino Kaku Gothic ProN","Hiragino Sans","Noto Sans JP",Meiryo,sans-serif;
  background:#FFFFFF;
  border:1px solid var(--cf-border);
  border-radius:20px;
  box-shadow:0 1px 2px rgba(18,34,44,.04), 0 12px 32px rgba(18,34,44,.07);
  margin:32px 0;
  overflow:hidden;
  line-height:1.75;
  color:var(--cf-ink);
  font-feature-settings:"palt";
}
.concierge_form_l.cf-b *, .concierge_form_s.cf-b *{ box-sizing:border-box; }
.concierge_form_l.cf-b p, .concierge_form_s.cf-b p{ margin:0; }
.concierge_form_l.cf-b ul, .concierge_form_l.cf-b ol, .concierge_form_s.cf-b ul{ list-style:none; margin:0; padding:0; }

/* ---------- 共通パーツ ---------- */
.concierge_form_l.cf-b .cf-avatar, .concierge_form_s.cf-b .cf-avatar{
  display:block; flex-shrink:0; border-radius:50%;
  box-shadow:0 0 0 3px #FFFFFF, 0 0 0 4px var(--cf-border);
}
.concierge_form_l.cf-b .cf-avatar svg, .concierge_form_s.cf-b .cf-avatar svg{ display:block; width:100%; height:100%; }

/* 24時間受付中（ゆっくり光るドット） */
.concierge_form_l.cf-b .cf-live, .concierge_form_s.cf-b .cf-live{
  display:inline-flex; align-items:center; gap:6px; white-space:nowrap;
  font-size:11.5px; font-weight:700; color:#3F7F22;
}
.concierge_form_l.cf-b .cf-live i, .concierge_form_s.cf-b .cf-live i{
  position:relative; width:8px; height:8px; border-radius:50%; background:#4CAF50;
}
.concierge_form_l.cf-b .cf-live i::after, .concierge_form_s.cf-b .cf-live i::after{
  content:""; position:absolute; inset:-4px; border-radius:50%; background:rgba(76,175,80,.35);
  animation:cfPulse 2s ease-out infinite;
}
@keyframes cfPulse{ 0%{ transform:scale(.6); opacity:.9; } 100%{ transform:scale(1.6); opacity:0; } }

/* 蛍光ペン風のマーカー */
.concierge_form_l.cf-b .cf-mark, .concierge_form_s.cf-b .cf-mark{
  background:linear-gradient(transparent 62%, rgba(242,169,59,.38) 62%);
  padding:0 2px;
}

/* 選択ボタン（アイコン＋2行テキスト＋所要時間） */
.concierge_form_l.cf-b .cf-choice, .concierge_form_s.cf-b .cf-choice{ display:flex; gap:12px; }
.concierge_form_l.cf-b .cf-choice-btn, .concierge_form_s.cf-b .cf-choice-btn{
  flex:1; position:relative; display:flex; align-items:center; gap:14px;
  background:var(--cf-green); border-radius:14px; padding:16px 44px 16px 16px;
  text-decoration:none !important; cursor:pointer; color:#fff;
  box-shadow:0 1px 0 rgba(255,255,255,.18) inset, 0 6px 16px rgba(81,130,0,.24);
  transition:background .18s ease, transform .18s ease, box-shadow .18s ease;
}
.concierge_form_l.cf-b .cf-choice-btn:hover, .concierge_form_s.cf-b .cf-choice-btn:hover{
  background:var(--cf-green-deep); transform:translateY(-2px); box-shadow:0 10px 22px rgba(81,130,0,.30);
}
.concierge_form_l.cf-b .cf-choice-btn:focus-visible, .concierge_form_s.cf-b .cf-choice-btn:focus-visible{ outline:3px solid rgba(95,151,0,.35); outline-offset:3px; }
.concierge_form_l.cf-b .cf-choice-btn::after, .concierge_form_s.cf-b .cf-choice-btn::after{
  content:""; position:absolute; right:16px; top:50%; width:24px; height:24px; margin-top:-12px; border-radius:50%;
  background:rgba(255,255,255,.18) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M10 7l5 5-5 5' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;
  transition:transform .18s ease;
}
.concierge_form_l.cf-b .cf-choice-btn:hover::after, .concierge_form_s.cf-b .cf-choice-btn:hover::after{ transform:translateX(3px); }
.concierge_form_l.cf-b .cf-choice-icon, .concierge_form_s.cf-b .cf-choice-icon{
  width:40px; height:40px; flex-shrink:0; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.16); color:#fff;
}
.concierge_form_l.cf-b .cf-choice-icon svg, .concierge_form_s.cf-b .cf-choice-icon svg{ width:22px; height:22px; }
.concierge_form_l.cf-b .cf-choice-body, .concierge_form_s.cf-b .cf-choice-body{ display:flex; flex-direction:column; gap:4px; min-width:0; text-align:left; }
.concierge_form_l.cf-b .cf-choice-text, .concierge_form_s.cf-b .cf-choice-text{ font-size:15px; font-weight:800; line-height:1.4; color:#fff; }
.concierge_form_l.cf-b .cf-choice-sub, .concierge_form_s.cf-b .cf-choice-sub{
  align-self:flex-start; font-size:11.5px; font-weight:700; line-height:1.4; color:#fff;
  background:rgba(0,0,0,.14); border-radius:999px; padding:2px 9px;
}

/* 安心ポイント */
.concierge_form_l.cf-b .cf-badges, .concierge_form_s.cf-b .cf-badges{ display:flex; flex-wrap:wrap; gap:6px 14px; }
.concierge_form_l.cf-b .cf-badges li, .concierge_form_s.cf-b .cf-badges li{
  display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:700; color:var(--cf-ink-2); line-height:1.5;
}
.concierge_form_l.cf-b .cf-badges li::before, .concierge_form_s.cf-b .cf-badges li::before{
  content:""; width:15px; height:15px; flex-shrink:0; border-radius:50%;
  background:var(--cf-green-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-4.9' stroke='%233F7F22' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/11px no-repeat;
}

/* ---------- 記事本文（l） ---------- */
.concierge_form_l.cf-b .cf-upper{ padding:26px 30px 22px; }
.concierge_form_l.cf-b .cf-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:16px; }
.concierge_form_l.cf-b .cf-agent{ display:flex; align-items:flex-start; gap:12px; min-width:0; }
.concierge_form_l.cf-b .cf-avatar{ width:46px; height:46px; }
.concierge_form_l.cf-b .cf-bubble{
  position:relative; background:var(--cf-tint); border:1px solid var(--cf-border-soft);
  border-radius:4px 14px 14px 14px; padding:9px 14px; font-size:13px; line-height:1.65; color:var(--cf-ink-2);
}
.concierge_form_l.cf-b .cf-bubble b{ display:block; font-size:11px; color:var(--cf-accent-deep); letter-spacing:.02em; margin-bottom:1px; }
.concierge_form_l.cf-b .cf-live{ margin-top:4px; }
.concierge_form_l.cf-b .cf-headline{ font-size:24px; font-weight:800; line-height:1.55; letter-spacing:-.01em; color:var(--cf-ink); margin:0 0 8px; }
.concierge_form_l.cf-b .cf-num{ color:var(--cf-accent-deep); font-size:1.12em; letter-spacing:-.02em; margin:0 2px; }
.concierge_form_l.cf-b .cf-subcopy{ font-size:13px; color:var(--cf-ink-2); line-height:1.8; }

/* 導入実績ロゴ */
.concierge_form_l.cf-b .cf-logos{ margin-top:16px; padding-top:14px; border-top:1px dashed var(--cf-border); }
.concierge_form_l.cf-b .cf-logos[hidden]{ display:none; }
.concierge_form_l.cf-b .cf-logos-label{ font-size:11px; font-weight:700; color:var(--cf-ink-3); letter-spacing:.04em; margin-bottom:8px; }
.concierge_form_l.cf-b .cf-logos-row{ display:grid; grid-template-columns:repeat(6, 1fr); gap:8px; }
.concierge_form_l.cf-b .cf-logo{
  display:flex; align-items:center; justify-content:center; height:40px; padding:5px 8px;
  background:#fff; border:1px solid var(--cf-border-soft); border-radius:8px;
}
.concierge_form_l.cf-b .cf-logo img{ max-width:100%; max-height:100%; object-fit:contain; filter:grayscale(1); opacity:.75; transition:filter .2s ease, opacity .2s ease; }
.concierge_form_l.cf-b:hover .cf-logo img{ filter:none; opacity:1; }

.concierge_form_l.cf-b .cf-lower{ background:var(--cf-tint); border-top:1px solid var(--cf-border-soft); padding:22px 30px 22px; }
.concierge_form_l.cf-b .cf-question{ font-size:16px; font-weight:800; color:var(--cf-ink); margin-bottom:14px; }

/* 相談後の流れ */
.concierge_form_l.cf-b .cf-flow{ display:flex; align-items:center; gap:0; margin:18px 0 14px; }
.concierge_form_l.cf-b .cf-flow li{
  flex:1; display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:var(--cf-ink-2); white-space:nowrap;
}
.concierge_form_l.cf-b .cf-flow li + li::before{
  content:""; flex:0 0 18px; height:1px; background:var(--cf-border); margin-right:4px;
}
.concierge_form_l.cf-b .cf-flow b{
  width:22px; height:22px; flex-shrink:0; border-radius:50%; display:inline-flex; align-items:center; justify-content:center;
  background:#fff; border:1.5px solid var(--cf-accent); color:var(--cf-accent-deep); font-size:11.5px;
}

@media (max-width:640px){
  .concierge_form_l.cf-b{ border-radius:16px; }
  .concierge_form_l.cf-b .cf-upper{ padding:20px 18px 18px; }
  .concierge_form_l.cf-b .cf-lower{ padding:18px 18px 18px; }
  .concierge_form_l.cf-b .cf-head{ flex-direction:column; gap:10px; }
  .concierge_form_l.cf-b .cf-live{ margin-top:0; }
  .concierge_form_l.cf-b .cf-headline{ font-size:20px; }
  .concierge_form_l.cf-b .cf-logos-row{ grid-template-columns:repeat(3, 1fr); }
  .concierge_form_l.cf-b .cf-choice{ flex-direction:column; }
  .concierge_form_l.cf-b .cf-flow{ flex-direction:column; align-items:flex-start; gap:8px; }
  .concierge_form_l.cf-b .cf-flow li + li::before{ display:none; }
}
@media (prefers-reduced-motion: reduce){
  .concierge_form_l.cf-b .cf-live i::after, .concierge_form_s.cf-b .cf-live i::after{ animation:none; }
  .concierge_form_l.cf-b .cf-choice-btn, .concierge_form_s.cf-b .cf-choice-btn{ transition:none; }
}

/* ---------- サイドバー（s） ---------- */
.concierge_form_s.cf-b{ margin:0; border-radius:18px; }
.concierge_form_s.cf-b .cf-upper{ padding:16px 16px 14px; }
.concierge_form_s.cf-b .cf-agent{ display:flex; align-items:center; gap:8px; margin-bottom:12px; }
.concierge_form_s.cf-b .cf-avatar{ width:30px; height:30px; box-shadow:0 0 0 2px #FFFFFF, 0 0 0 3px var(--cf-border); }
.concierge_form_s.cf-b .cf-agent-name{ font-size:11.5px; font-weight:700; color:var(--cf-accent-deep); }
.concierge_form_s.cf-b .cf-stat{ display:flex; align-items:baseline; justify-content:space-between; gap:8px; padding:10px 12px; background:var(--cf-tint); border:1px solid var(--cf-border-soft); border-radius:12px; margin-bottom:10px; }
.concierge_form_s.cf-b .cf-stat-label{ font-size:11.5px; font-weight:700; color:var(--cf-ink-3); }
.concierge_form_s.cf-b .cf-stat-num{ font-size:26px; font-weight:800; color:var(--cf-ink); line-height:1.1; letter-spacing:-.02em; }
.concierge_form_s.cf-b .cf-stat-num small{ font-size:13px; margin-left:2px; letter-spacing:0; }
.concierge_form_s.cf-b .cf-headline-sm{ font-size:13.5px; font-weight:800; color:var(--cf-ink); line-height:1.6; }
.concierge_form_s.cf-b .cf-lower{ background:var(--cf-tint); border-top:1px solid var(--cf-border-soft); padding:14px; }
.concierge_form_s.cf-b .cf-question{ font-size:13px; font-weight:800; color:var(--cf-ink); line-height:1.6; margin-bottom:10px; }
.concierge_form_s.cf-b .cf-choice{ flex-direction:column; gap:8px; }
.concierge_form_s.cf-b .cf-choice-btn{ gap:10px; padding:12px 38px 12px 12px; border-radius:12px; }
.concierge_form_s.cf-b .cf-choice-btn::after{ right:10px; width:22px; height:22px; margin-top:-11px; }
.concierge_form_s.cf-b .cf-choice-icon{ width:32px; height:32px; border-radius:10px; }
.concierge_form_s.cf-b .cf-choice-icon svg{ width:18px; height:18px; }
.concierge_form_s.cf-b .cf-choice-text{ font-size:13.5px; line-height:1.35; }
.concierge_form_s.cf-b .cf-choice-sub{ font-size:10.5px; padding:1px 8px; }
.concierge_form_s.cf-b .cf-badges{ margin-top:12px; gap:5px 10px; }
.concierge_form_s.cf-b .cf-badges li{ font-size:11px; }
.concierge_form_s.cf-b .cf-live{ margin-top:10px; font-size:11px; }

/* 日本語を文節で改行（対応ブラウザのみ。非対応ではこれまでどおり） */
.concierge_form_l.cf-b .cf-headline, .concierge_form_l.cf-b .cf-bubble, .concierge_form_l.cf-b .cf-subcopy,
.concierge_form_s.cf-b .cf-headline-sm, .concierge_form_l.cf-b .cf-question, .concierge_form_s.cf-b .cf-question{ word-break:auto-phrase; }

/* ---------- v2.1: アバター画像・上段の背景でメリハリ ---------- */
.concierge_form_l.cf-b .cf-avatar, .concierge_form_s.cf-b .cf-avatar{ overflow:hidden; background:#FCEBC9; }
.concierge_form_l.cf-b .cf-avatar img, .concierge_form_s.cf-b .cf-avatar img{ width:100%; height:100%; display:block; object-fit:cover; }

/* 上段: アバターの背景と同じクリーム色。吹き出し・ロゴ・実績は白で浮かせる */
.concierge_form_l.cf-b .cf-upper, .concierge_form_s.cf-b .cf-upper{ background:#FDF3E1; }
.concierge_form_l.cf-b .cf-avatar{ width:56px; height:56px; box-shadow:0 0 0 3px #FFFFFF, 0 2px 10px rgba(184,118,26,.25); }
.concierge_form_l.cf-b .cf-bubble{ background:#FFFFFF; border-color:#F4E2C2; box-shadow:0 2px 8px rgba(184,118,26,.08); margin-top:4px; }
.concierge_form_l.cf-b .cf-bubble::before{
  content:""; position:absolute; left:-7px; top:12px; width:12px; height:12px; background:#FFFFFF;
  border-left:1px solid #F4E2C2; border-bottom:1px solid #F4E2C2; transform:rotate(45deg);
}
.concierge_form_l.cf-b .cf-bubble{ border-radius:14px; }
.concierge_form_l.cf-b .cf-live{ background:#FFFFFF; border:1px solid #E3EEDA; border-radius:999px; padding:3px 10px 3px 9px; margin-top:8px; }
.concierge_form_l.cf-b .cf-mark, .concierge_form_s.cf-b .cf-mark{ background:linear-gradient(transparent 62%, rgba(242,169,59,.45) 62%); }
.concierge_form_l.cf-b .cf-logos{ border-top-color:#F0DDBA; }
.concierge_form_l.cf-b .cf-logo{ border-color:#F4E7CF; }

/* 下段: 白にして操作エリアを分ける */
.concierge_form_l.cf-b .cf-lower, .concierge_form_s.cf-b .cf-lower{ background:#FFFFFF; border-top:1px solid #F0DDBA; }
.concierge_form_l.cf-b .cf-flow b{ background:#FDF3E1; }

/* サイドバー */
.concierge_form_s.cf-b .cf-avatar{ width:36px; height:36px; box-shadow:0 0 0 2px #FFFFFF, 0 2px 6px rgba(184,118,26,.22); }
.concierge_form_s.cf-b .cf-stat{ background:#FFFFFF; border-color:#F4E2C2; }
.concierge_form_s.cf-b .cf-live{ display:flex; }
@media (max-width:640px){
  .concierge_form_l.cf-b .cf-avatar{ width:48px; height:48px; }
}