@font-face {
  font-family: "Raleway";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./assets/fonts/raleway-latin-variable.woff2") format("woff2");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("./assets/fonts/playfair-display-latin-variable.woff2") format("woff2");
}

.hero-service {
  font-family: "Playfair Display", Georgia, "Times New Roman", serif;
  font-weight: 400;
}

.invitation-heading h2,
.atlas-heading h1 {
  font-family: "Raleway", "Helvetica Neue", Arial, "Yu Gothic", Meiryo, sans-serif;
}

.invitation-heading h2>span,
.atlas-heading h1>span {
  font-family: "Helvetica Neue", Arial, "Noto Sans JP", "Yu Gothic", Meiryo, sans-serif;
}