:root {
  /* カラー */
  --color-primary-green: #32ff92;
  --color-primary-orange: #ffab27;
  --color-black: #000;
  --color-white: #fff;
  
  /* フォント */
  --font-microgramma: "microgramma-extended", sans-serif;
  --font-notosans: "Noto Sans JP", sans-serif;
  --font-koduka: "kozuka-gothic-pr6n", sans-serif;
  --font-hiragino: "hiragino-kaku-gothic-pron", sans-serif;
}

html {
  scroll-behavior: smooth;
  font-family: "Noto Sans JP", sans-serif;
  visibility: hidden;
}

html.wf-active {
  visibility: visible;
}

body {
  background-color: #131313;
}

p, 
a {
  color: #fff;
  text-decoration: none;
}

img {
  width: 100%;
  height: auto;
}

.sp {
  display: none;
}

.inline-pc {
  display: inline-block;
}

.pc {
  display: block;
}


.inline-block {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

  .inline-pc {
    display: none;
  }
}