:root {
  --yellow: #FFCD19;
  --dark:   #080D1B;
  --font-sans: "noto-sans-cjk-jp-thin", sans-serif;
  --font-waverly: waverly-cf, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 120px; }
body { font-family: var(--font-sans); color: #fff; overflow-x: hidden; background: var(--dark);}
li { list-style: none; }

a {
  text-decoration: none;
  position: relative;
}

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

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