レスポンシブCSSメディアクエリ（@media）ブレイクポイント
表⤵︎
| デバイス | 「横」の画面幅 | 「縦」の画面幅 |
| iPad Pro(12.9) | 1366px | 1024px |
| iPad Pro(11) | 1194px | 834px |
| iPad Pro(10.5) | 1112px | 834px |
| iPad | 1024px | 768px |
| iPhone XS Max/XR/11/11 Pro Max | 896px | 414px |
| iPhone XS/X/11 Pro | 812px | 375px |
| iPhone 8/7/6s/6 Plus | 736px | 414px |
| iPhone 8/7/6s/6 | 667px | 375px |
タブレットとスマホの間は767px以下で⤵︎
@media screen and (max-width: 767px) { }スマホ版⤵︎
@media screen and (max-width: 480px) { }