| @media (max-width: 767px) | 767px以下のときに適用される |
| @media (min-width: 768px) | 768px以上のときに適用される |
| @media (min-width: 768px) and (max-width: 1080px) | 768px以上1080px以下のときに適用される |
/*↓ユーザー環境によってスタイルを変更*/
@media (max-width: 767px) {
「767px以下のときに適用されるCSS」
}