point 1 レスポンシブに対応

あしらいの画像が多いため苦戦しましたが、どの画面幅でも崩れないように実装しました。

point 2 スライドの実装

Swiperを使用。
ページ内に異なる動きのスライド2箇所があるため、それぞれのスライドの動作が干渉し合わないように注意しました。

point 3 アコーディオン

JavaScriptを使用。
最初のアコーディオンを開いた状態にすることで、開閉できることが一目でわかるようにしています。