@font-face {
    font-family: "Noto Sans JP";
    src: url("./assets/fonts/NotoSansJP-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("./assets/fonts/NotoSansJP-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans JP";
    src: url("./assets/fonts/NotoSansJP-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Serif JP";
    src: url("./assets/fonts/NotoSerifJP-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: "Noto Sans JP", sans-serif;
}

h1,
h2,
.hero-title {
    font-family: "Noto Serif JP", serif;
}