ホームページをスマホで表示すると、ページがドアップで表示されてしまいます。

サイトのURLは、こちらです。
http://juku-pegasus-jichiidai.com/index.html

ビューポートを設定しているのですが、スマホ用のCSSをよくわからずに制作したせいか、

スマホで表示した際、最初にページがドアップで表示されます。

スマホのCSSは、以下のような感じです。。
http://juku-pegasus-jichiidai.com/smart.css

CSSの問題で、スマホ（アンドロイド）で見た際、ページがドアップになってしまうのでしょうか。

一応、指で縮小すれば見れるようになるのですが、
グーグルのモバイルフレンドリーで、「コンテンツの幅が画面の幅を超えています」という警告が出ます。

なんとか、スマホ（アンドロイド）でサイトを見た際、初めから画面ぴったりにサイトを表示できるようにしたいのですが、
どうすれば良いのでしょうか。

どなたか、道しるべをいただけましたら本当に幸いでございます。

どなたか、助けていただけないでしょうか。

何卒宜しくお願い申し上げます。。