/* ==========================================
   1. Google Fonts の読み込み
   （Noto Sans JP と Noto Serif JP の両方を読み込みます）
========================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');

/* ==========================================
   2. サイト全体のベースフォント設定（ゴシック体）
========================================== */
body {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", sans-serif;
}

/* ==========================================
   【変更】hタグだけに「アンチエイリアスの魔法」をかける
========================================== */
h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.noto-serif {
    /* ヒラギノなどを一切指定せず、Noto Serif JP だけを名指しで指定する */
    font-family: "Noto Serif JP", serif !important;
}

.noto-sans {
    /* ヒラギノなどを一切指定せず、Noto Sans JP だけを名指しで指定する */
    font-family: "Noto Sans JP", sans-serif !important;
}
/* ==========================================
   4. 全体共通のテキスト関連の調整
========================================== */
p {
    line-height: 1.8;
}

.en {
    font-family: "Noto Serif JP", serif !important;
    letter-spacing: 0.05em;
}

.ja {
    font-family: "Noto Sans JP", sans-serif !important;
}