https://www.wakuwakubank.com/posts/443-html-css-media-query/
スクリーンサイズが1000px以下の場合に適用
@mediascreenand(max-width:1000px)スクリーンサイズが768px以上の場合に適用
@mediascreenand(min-width:768px)モバイルファースト
最近はモバイルファーストが主流のため、クリーンサイズが拡大していくごとにスタイルを上書きする書き方、つまりmin-widthで記述していくのが主流
