:root {
  --pink-800: #4c263b;
  --pink-600: #b35989;
  --pink-500: #ff7fc4;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  color: var(--pink-800);
  background: #fbdcec url(/images/2024/bg.jpg) repeat;
}

body {
  margin: 0;
  font-size: 1.6rem;
  font-family: "Roboto", "Noto Sans JP Variable", sans-serif;
}

img {
  vertical-align: bottom;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h1 {
  font-size: 5rem;
}

h2 {
  font-size: 4rem;
}

a {
  color: var(--pink-800);
  text-decoration: none;
}

a:visited {
  color: var(--pink-800);
}

/* Tab */
@media screen and (min-width: 481px) and (max-width: 1024px) {
  h1 {
    font-size: 4rem;
  }
  h2 {
    font-size: 3rem;
  }
}

/* SP */
@media screen and (max-width: 480px) {
  h1 {
    font-size: 2.4rem;
  }
  h2 {
    font-size: 2.4rem;
  }
}