/* 「無料で試してみる」ボタンの共通の形（v0.734.0・ユーザー指定）＝緑の丸いボタン＋白い FREE の札・矢印なし・きらめきなし。
   ヘッダー（静的3枚＋SiteChrome）・ヒーロー・言語の帯・比較・無料お試し・締め・スマホの追従ボタンの全部で同じ見た目。
   大きさ（高さ・文字の大きさ）は置き場所ごとの既存の指定をそのまま使い、色と札だけここで決める。
   ⚠️ 新しく「無料で試してみる」を置くときは class="cta-free" と <span class="free-tag">FREE</span> を付ける（矢印は付けない） */
a.cta-free.cta-free{display:inline-flex;align-items:center;justify-content:center;gap:12px;
  background:#01b5a0;color:#fff;border:0;border-radius:999px;box-shadow:0 10px 26px -12px rgba(0,128,112,.6);
  text-decoration:none;transition:background .2s,box-shadow .2s}
a.cta-free.cta-free:hover{background:#00a08d;color:#fff;transform:none;translate:none;box-shadow:0 12px 28px -12px rgba(0,128,112,.7)}
a.cta-free.cta-free:focus-visible{outline:3px solid #013c9b;outline-offset:3px}
a.cta-free .free-tag{flex:none;display:inline-grid;place-items:center;height:22px;padding:0 8px;border-radius:6px;
  background:#fff;color:#00806f;font:800 11px/1 Arial,"Noto Sans JP",sans-serif;letter-spacing:.06em}
/* 置き場所ごとの調整 */
.kv-langband a.tc-btn.cta-free{justify-content:center;padding:14px 32px}
.kv-langband a.tc-btn.cta-free .free-tag{width:auto;height:22px;border-radius:6px;background:#fff;transform:none}
.kv-langband a.tc-btn.cta-free:hover .free-tag{transform:none}
.header-cta.cta-free{gap:9px}
.header-cta.cta-free .free-tag{height:20px;padding:0 7px;font-size:10.5px}
.sticky-cta a.cta-free{display:flex}
@media (max-width:760px){.header-cta.cta-free{gap:6px}.header-cta.cta-free .free-tag{height:18px;padding:0 5px;font-size:9.5px}}
@media (max-width:480px){.header-cta.cta-free .free-tag{display:none}.site-header .header-actions .login{font-size:.7rem}}
@media (prefers-reduced-motion:reduce){a.cta-free.cta-free{transition:none}}
/* 三本線のメニューを外したので、ログインはどの幅でも出す（以前はスマホではメニューの中だけだった） */
.site-header .header-actions .login{display:inline-flex;align-items:center}
@media (max-width:760px){.site-header .header-actions .login{font-size:.75rem;font-weight:700;padding-inline:2px}}

/* 説明文を外した見出し（EXPERIENCE・ABOUT KOEVO・USE CASES）は2列の枠をやめて縦に積む
   ＝右側に空いた列を残さない（v0.731.0） */
#demo .section-heading,#about .section-heading,#scenes .section-heading{display:block}

/* 見出しの並べ方（v0.734.0・ユーザー指定で更新）
   中央寄せ＝EXPERIENCE・ABOUT KOEVO・料金・比較・無料お試し・USE CASES（v0.732.0 では ABOUT と USE CASES は左寄せだった）
   左に文字・右に絵＝koevoとは */
#demo .section-heading,#about .section-heading,#scenes .section-heading{text-align:center}
#demo .section-heading .eyebrow,#about .section-heading .eyebrow,#scenes .section-heading .eyebrow{justify-content:center}

/* USE CASES の見出しは1行（狭い画面では区切りのよい位置で折り返す）v0.735.0 */
#scenes .section-heading h2 .nw{display:inline-block}

/* CHAC（AIチャット）のボタンが右下（PC 下20px・スマホ下72px）に出るので、「ページの先頭へ」はその上へ逃がす（v0.765.0） */
html body .back-top{bottom:84px}
@media (max-width:767px){html body .back-top{bottom:132px}html body.show-sticky-cta .back-top{bottom:132px}}