レスポンシブ対応の基本は？
１． レスポンシブ対応とは？
画面サイズ（PC・タブレット・スマホ）に合わせて表示を最適化する手法。
２．メディアクエリの基本構文：
@media (max-width: 768px) {
/* スマホ表示向けのスタイル */
}
３．よく使うブレイクポイント：
| デバイス | 幅の目安（px） |
|---|---|
| スマホ | max-width: 767px |
| タブレット | 768px〜1024px |
| PC（標準） | 1025px〜 |
４．調整のポイント：
画像や動画はmax-width: 100%で横幅に合わせる
フレックスボックスやグリッドでレイアウト制御
フォントサイズ・余白を縮小
ナビメニューは縦型へ切り替え
