/* ページの一部に置いた自社フォーム（includes/embeds.php）。HubSpotフォームがあった枠の中に収める。
   幅が500px以下になると form.css の指定で、項目名と入力欄が縦に並ぶ。 */
.ns-cf-embed { width: 100%; text-align: left; }
.ns-cf-embed .ns-cf { padding: 4px 0 0; font-size: 14px; }
.ns-cf-embed .ns-cf p { margin: 0; }
.ns-cf-embed .ns-cf-error:empty { display: none; }
.ns-cf-embed .ns-cf-submit { padding-top: 6px; }
.ns-cf-embed .ns-cf-consent, .ns-cf-embed .ns-dl-after, .ns-cf-embed .ns-cf-dry { font-size: 11px; }

/* 狭い枠（サービス上部の白いカード・ブログ記事下・ポップアップ）は、右側の追従フォームと同じく詰めて並べる */
.ns-cf-embed--fv .ns-cf-row, .ns-cf-embed--blog .ns-cf-row, .ns-cf-embed--popup .ns-cf-row { gap: 3px; padding: 5px 0; }
.ns-cf-embed--fv .ns-cf-label, .ns-cf-embed--blog .ns-cf-label, .ns-cf-embed--popup .ns-cf-label { padding: 0; font-size: 13px; }
.ns-cf-embed--fv .ns-cf input[type="text"], .ns-cf-embed--fv .ns-cf input[type="email"], .ns-cf-embed--fv .ns-cf input[type="tel"], .ns-cf-embed--fv .ns-cf select,
.ns-cf-embed--blog .ns-cf input[type="text"], .ns-cf-embed--blog .ns-cf input[type="email"], .ns-cf-embed--blog .ns-cf input[type="tel"], .ns-cf-embed--blog .ns-cf select,
.ns-cf-embed--popup .ns-cf input[type="text"], .ns-cf-embed--popup .ns-cf input[type="email"], .ns-cf-embed--popup .ns-cf input[type="tel"], .ns-cf-embed--popup .ns-cf select { min-height: 40px; padding-top: 6px; padding-bottom: 6px; font-size: 14px; }

/* 資料請求のボタンは、サイトの資料ダウンロードボタンと同じ橙から赤のグラデーション */
.ns-cf-embed--fv .ns-cf-button, .ns-cf-embed--blog .ns-cf-button, .ns-cf-embed--popup .ns-cf-button { max-width: none; border-radius: 4px; background: linear-gradient(180deg, #eaa418 0%, #d81e18 100%); }

/* ロボット確認（Turnstile）は幅300px固定。300pxより狭い枠では縮めて収める */
.ns-cf-embed .ns-cf-turnstile:empty { height: 0; margin: 0; }
@container (max-width: 320px) {
  .ns-cf-embed .ns-cf-turnstile { justify-content: flex-start; width: 300px; height: 52px; margin-bottom: 6px; overflow: visible; transform: scale(.85); transform-origin: left top; }
}

/* サービス最下部・講演依頼のお問い合わせは、白いカードの中央に読みやすい幅で置く */
.ns-cf-embed--bottom, .ns-cf-embed--seminar { max-width: 760px; margin: 0 auto; }


/* 自社フォームにも同意の一文があるため、テーマ側の「送信することで…」は重ねて出さない */
.p-service-fv__card:has(.ns-cf-embed) .p-service-fv__card-privacy { display: none; }