こちら、問題解決しました。

ありがとうございます！

いつもありがとうございます。
私の環境以外でも同じようになったとのことで、少し安心しました。

同じようにdisplay: none;でメディアクエリで表示分けをすることも考えたのですが、
同一ページに複数のテーブルがあり、
それぞれで表示を（PC非表示またはスマホ非表示）分ける必要がありまして。

個別にクラスを付与できればいいのですが、テーブルに追加クラスを付与するも、
c-scrollHintの下の要素（figureタグ）にクラスが付与されてしまい、
c-scrollHintには個別にCSSを付与できない状況でした。

ひとまず今回は、フルワイドプロック内にテーブルを作成し、
フルワイドブロックにデバイス制限（スマホ表示とPC表示）をかける方法で対処しました。

根本解決ではないので、問題が解消されると良いのですが。

（テーブルの幅をそれぞれで分けたかったのですが、CSSでうまく指定できず上記の対応を行いました。）

しかしスクロールありのテーブルをPC・SPいずれかで非表示にした際、「スクロールできます」の文字だけが消えずに残ってしまうため、デバイス制限を活用できずにいます。

PCでもスマホで見た場合でも同様でした。

CSSで個別に消すこともできず困っております。

念のため、別の環境でも試してみましたが、同様の現象が起こっております。

ご確認をお願いできますでしょうか。