html {
  font-size: 62.5%;
  overflow-x: hidden;
}

body * {
  margin: 0;
  padding: 0;
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #000000;
  overflow-x: hidden;
}

@media screen and (min-width: 960px) {

  body {
       font-size: 1.6rem;
       font-weight: 400;
       line-height: 2.4rem;
       letter-spacing: 0.05em;
  }

}

@media screen and (max-width: 959px) {

  body {
       font-size: 1.6rem;
       font-weight: 400;
       line-height: 2.4rem;
       letter-spacing: 0.05em;
  }

}

img {
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
}

a {
  text-decoration: none;
}

p {
  margin-bottom: 1.5rem;
}

ul {
  margin-bottom: 1.5rem;
}

:root {
  --green-900: #002D11;
  --green-800: #003D16;
  --green-500: #1A7F37;
  --green-300: #4AC26B;
  --yellow-800: #4D2D00;
  --yellow-400: #CC8F00;
  --yellow-200: #FAD573;
  --yellow-50: #FFFBE2;
  --orange-400: #E16F24;
  --orange-500: #BC4C00;
  --blue-500: #0969DA;
  --blue-300: #61B3FF;
  --purple-400: #A475F9;
  --red-300: #FF8182;
}