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

  --theme-color: #F8FFF9;

  --common: #D9F7D9;
  --common_light: #F8FFF9;
  --common_deep: #45CB6E;
  --onsen: #C2F1FC;
  --onsen_light: #E2F2F5;
  --onsen_deep: #3FC9EA;
  --stay: #FFE6AF;
  --stay_light: #FFF9EB;
  --stay_deep: #F4A900;
  --eat: #FCD8E3;
  --eat_light: #FDEDF2;
  --eat_deep: #DD7192;
  --activity: #E9E0FD;
  --activity_light: #F6F4FD;
  --activity_deep: #957BDD;
  --nav: #45CB6E;

  --section-margin: 10rem;
  --side-padding: 0;

  --responsive-left: calc((100vw - var(--inner)) / 2);
}

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

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