/* お問い合わせ／無料相談：ページ内スライドインフォーム（Salesforce/Pardot をiframe埋め込み） */
/* materials-form.css（mf-）・trial-form.css（tf-）と同じ挙動・見た目を、独立コンポーネントとして cf- 接頭辞でスコープ／自己完結 */
.cf-overlay{position:fixed;inset:0;background:rgba(15,36,71,.45);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:3000}
.cf-overlay.cf-open{opacity:1;visibility:visible}
.cf-panel{position:fixed;top:0;right:0;height:100%;width:440px;max-width:92vw;background:#fff;box-shadow:-16px 0 48px rgba(15,36,71,.22);transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);z-index:3001;display:flex;flex-direction:column}
.cf-panel.cf-open{transform:translateX(0)}
.cf-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 16px;border-bottom:1px solid var(--c-line,#D2D2D7)}
.cf-eyebrow{font-family:var(--f-display,'Plus Jakarta Sans','Noto Sans JP',sans-serif);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--c-indigo,#0066CC);margin:0 0 4px}
.cf-title{font-family:var(--f-display,'Plus Jakarta Sans','Noto Sans JP',sans-serif);font-size:18px;font-weight:700;line-height:1.45;color:var(--c-ink,#1D1D1F);margin:0}
.cf-close{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:8px;background:#f2f4f7;color:#333;font-size:22px;line-height:1;cursor:pointer;transition:background .15s}
.cf-close:hover{background:#e5e8ee}
.cf-intro{padding:16px 22px;border-bottom:1px solid var(--c-line,#D2D2D7);background:#fafbfd}
.cf-intro-desc{font-size:13.5px;line-height:1.75;color:var(--c-ink-2,#424245);margin:0}
.cf-body{flex:1;position:relative;overflow:hidden;background:#f8fafc}
.cf-frame{width:100%;height:100%;border:0;display:block}
body.cf-lock{overflow:hidden}
@media(max-width:560px){
  .cf-panel{width:100%;max-width:100%}
}