slickで実装したスライダーが、スマホで表示するとクリックしないと崩れたままで動かない

Question

前提・実現したいこと

slickで実装したスライダーが、スマホで表示するとクリックしないと崩れて表示されている・・・
スマホで表示した際に、通常通りにslickが読み込まれて動作するようにしたいです。

発生している問題・エラーメッセージ

以下に設置しているslickなのですが、
https://ur-nagoya.com/fudo/5652
※恐れ入りますが、スマホでアクセスをして頂くと症状をご確認頂けます。

PCでは普通にslickが読み込まれ、表示もされていているのですが、
iphoneで見るとページにアクセスした際に、メインの画像エリアが隠れておらず
見えてしまっていて、表示が崩れている状態です。
カルーセル部分の矢印をクリックすると、slickが動き出すのか、
通常通りのスライダーとして機能する、という状況です。。

修正をしなればいけないのですが、どこを探っても問題点がわからず、
困り果てています。。。

どなたかご確認、また原因となる問題点、ヒントだけても構いませんので、
ご指摘いただけますと大変助かります。。
大変申し訳ありませんが、どうぞよろしくお願い致します。

エラーメッセージ

該当のソースコード

ソースコード

試したこと

CSSが原因なのか、javascriptの記述が原因なのかもわからない状況で、
試す箇所が分からないです。。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

<h1> タグの位置が変テコな位置に表示されていますけど、それを修正しては？