:root {
  --page-max-width: 90rem;
  --page-margin: 2rem;
  --inside-margin: 2rem;
  --section-gap: 6rem;
  @media (max-width: 72rem){
  }
  @media (max-width: 40rem){
    --page-margin: 2rem;
    --inside-margin: 2rem;
    --section-gap: 3rem;
  }
  @media (max-width: 32rem){
    --page-margin: 1.5rem;
    --inside-margin: 1.5rem;
  }
  
  --red: #FF0211;
  --blue: #007BFF;
  --gray: #F4F6F7;
  --navy: #0A2870;

  --sans-serif-font: "Noto Sans JP", sans-serif;
  --serif-font: "Noto Serif JP", serif;

  font-family: var(--sans-serif-font);
  font-weight: 400;
  font-size: 90% !important;
  font-optical-sizing: auto;
  scroll-behavior: smooth;
  overflow-x: clip;
}