/*----------------------------------------変数----------------------------------------*/
:root {
  --font-color: #333;
  --font-size: 1.6rem;
  --inner: 1000px;


  --theme-color-light: #E9EEF4;
  --theme-color: #3F90D6;
  --theme-color-deep: #1B3F9D;
  --eternal-theme-color: #3F90D6;
  --eternal-theme-color-light: #E9EEF4;
  --eternal-theme-color-deep: #1B3F9D;
  --hover-color: #008A33;

  --section-margin: 10rem;
  --side-padding: 0;
  --main-side-padding: 3em;
}

@media screen and (max-width: 1280px) {
  :root {
    --side-padding: 3%;
  }
}

@media screen and (max-width: 768px) {
  :root {
    --font-size: 1.4rem;
    --section-margin: 10rem;
    --side-padding: 5%;
    --main-side-padding: 0;
  }
}