:root {
  --header-height: 15rem;
  --col-black: black;
  --col-white: #eef4f7;
  --font-title: 4rem;
  --font-medium: 3rem;
  --font-small: 2.5rem;
}

.main {
  height: 100%;
  width: 100%;
  margin-top: 5rem;
  margin: auto;
}

.main {
  max-width: var(--content-width);
}
.main .wp-block-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main h2 {
  font-size: var(--font-title);
  color: var(--col-white);
  font-family: "Lateef", serif;
}
.main p {
  font-size: 2.4rem;
  font-family: "Lateef", "Noto Sans JP", serif;
  color: var(--col-white);
  margin-bottom: 2rem;
}

.bg {
  position: sticky;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100vh;
  width: 100vw;
  margin-bottom: -100vh;
}
.bg img {
  width: 100%;
  height: 100%;
}

html {
  font-family: "Lateef", serif !important;
  scroll-behavior: smooth;
  margin-top: 0 !important;
}
* {
  box-sizing: border-box;
}

/*# sourceMappingURL=main.css.map */