Gh pages detail 2

## 内容

- ディティール調整
- 共通部分の整備
- リファクタリング

## なぜ
- もともと１ページ完結のデザインを用意していたので、複数ページに対応するデザインに変更する必要がある。
- 現在のナビゲーションの位置は中間にあるので、最上部にしたほうが利便性・認識しやすさが高い。