[frontend] Section1のレスポンシブデザイン対応

[e1q23079]

デザイン資料

https://www.figma.com/design/hP66v7IVOgC3K2hKHp8qGa/%E3%83%95%E3%83%AD%E3%83%B3%E3%83%88%E3%83%BC%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3?node-id=1-5&t=jrYrBgNOop3uuFIW-1

• Section1の幅が狭い場合に（スマホ等），leftクラスとrightクラスを左右ではなく上下に並べるようにする
• storybookで幅を狭くすることで，動作を確認する
• storybookの幅が広いとき，狭いときの両方で正しく表示されることを確認する

編集対象ファイル

• src\components\Section\Section1\Section1.css
  Section1.tsxは変更しない

開発物の確認方法

部品の場合

1. storybookを起動する．

npm run storybook

2. 下記のURLにアクセスする．
   http://localhost:6006/