フォーム埋め込みの検証
hs_path: e261014_ms
HubDBの form_id: 「」（長さ 0）
直書きの form_id: 「dafb6bc2-786e-4838-9b9d-83a20dc47b3b」
一致しているか: いいえ
会員: /
portalId: 46263823 / region: na2
A ── HubL {% form %} ＋ 直書きのID
ここにフォームが出れば、form タグ自体は使える。出なければ form タグの経路は不可。
C ── 旧形式 v2（自動入力・CSS・送信後の検証を兼ねる）
フォームが出て、氏名・メールに値が入り、送信後に下のログへ出れば、この方式で本実装する。
（ログ）
D ── 新形式 hs-form-frame
出ることは出るはずだが、下の黒枠のCSSが効いているかを見る。効いていなければ、見た目を整えられない＝不採用。
/* 検証用。本実装では使わない */
.fjtest { display:flex; flex-direction:column; gap:28px; max-width:640px; padding:24px 0; font-size:14px; }
.fjtest__note { background:#F5F3EF; padding:12px; font-size:12px; line-height:1.8; }
.fjtest__case { display:flex; flex-direction:column; gap:8px; }
.fjtest__label { font-size:13px; font-weight:600; letter-spacing:0.04em; }
.fjtest__box { border:1px solid #DEDCD8; padding:16px; min-height:60px; }
.fjtest__hint { font-size:12px; color:#595959; line-height:1.7; }
.fjtest__log { font-size:11px; line-height:1.6; white-space:pre-wrap; background:#F5F5F5; padding:8px; }
/* CSSが効くかどうかの判定用。角丸0・ヘアライン・黒の送信ボタン */
.fjtest__form input[type="text"],
.fjtest__form input[type="email"],
.fjtest__form input[type="tel"],
.fjtest__form textarea,
.fjtest__form select {
border-radius:0 !important; border:1px solid #DEDCD8 !important;
padding:10px 12px !important; font-size:16px !important; width:100% !important; box-sizing:border-box !important;
background:#FFFFFF !important;
}
.fjtest__form input[type="submit"],
.fjtest__form .hs-button {
border-radius:0 !important; background:#1A1A18 !important; color:#FFFFFF !important;
border:none !important; padding:13px 28px !important; font-size:15px !important; letter-spacing:0.04em !important;
}
