/* ==========================================
  📱 スマホ・タブレット（初期設定）
========================================== */
section, footer,
.menu-modal {
  /* スマホでは上下の余白を少し抑え、左右は「%」ではなく「px」や「vw」で固定するのが鉄則 */
  padding: 20px 20px; /* もしくは padding: 80px 20px; */
}

/* ==========================================
  💻 PC・デスクトップ（画面幅 768px 以上）
========================================== */
@media (min-width: 1033px) {
  section, footer,
.menu-modal {
    /* PCの大画面になったら、元のゆったりした余白に広げる */
    padding: 45px 45px;
  }
}