:root {
  --orange: linear-gradient(90deg,#FFA966, #F89141);
  --font-gothic: "Zen Kaku Gothic New", sans-serif;
  --font-sans: "Noto Sans", sans-serif;
  --primary-font-color: #232323;
}

.bg-pink { background: #F0908A; }
.bg-orange { background: #F9C385; }
.bg-yellow { background: #FFE55F; }
.bg-green { background: #B6D56A; }
.bg-blue { background: #81CDE4; }
.bg-purple { background: #BB97C5; }
.bg-indigo { background: #7D98CE; }
html {
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-gothic);
  color: var(--primary-font-color);
  scroll-behavior: smooth;
}

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

.sp {
  display: block;
}


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

@media screen and (min-width: 767px) {
  .sp {
    display: none;
  }
}