@charset "utf-8";
/* CSS Document */ :root {
  main-body-color: #222222;
  main-gradient: linear-gradient(180deg, rgba(98, 168, 10, 1), rgba(97, 144, 210, 1));
  main-font-family: "Noto Sans JP", serif, "Roboto", serif;
  main-font-size: 1rem;
}



body {
  margin: 0;
  /* font-family: var(main-font-family);*/
  font-family: "Noto Sans JP", serif, "Roboto", serif !important;
  font-size: var(main-font-size);
  font-weight: var(main-font-weight);
  line-height: var(main-line-height);
  color: var(main-body-color);
  scroll-behavior: smooth;
}
*, *::before, *::after {
  box-sizing: border-box;
}
ul, ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
a {
  text-decoration: none;
  transition: all .4s;
}
a:hover {
  filter: brightness(108%);
}