body {
    /* フォント類 */
    font-family: "Noto Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;

    background-color: gray;
    max-width: 100%;
}

.main-container {
    min-width: 80%;
    padding: 5%;           /* 内側の余白は維持 */
    background: #fff;
    margin: 0 auto;        /* PCでは中央寄せ */
    box-sizing: border-box;
  }
  
  @media (max-width: 480px) {
    .main-container {
      min-width: 98%;     
      /* padding は 5% のまま維持 */
    }
  }