/* -----------------------------------------------------------
   1. Google Fonts (Noto Sans JP) の読み込み
   ※この行は必ずファイルの「一番上」に書いてください
   ----------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');

/* -----------------------------------------------------------
   2. サイト全体のフォント設定
   ----------------------------------------------------------- */
body, h1, h2, h3, h4, h5, h6, p, a, li, span, div, nav, .sans-serif, .avenir {
    font-family: 'Noto Sans JP', sans-serif !important;
}

/* -----------------------------------------------------------
   3. ヘッダー画像の明るさ調整
   ----------------------------------------------------------- */
header .bg-black-60 {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

/* -----------------------------------------------------------
   4. 左上のロゴ「Office KATO」を太くする
   ----------------------------------------------------------- */
nav a.f3.fw2,
header h1.f2.fw2 {
    font-weight: 700 !important; /* Noto SansのBold(700)を使用 */
}

/* -----------------------------------------------------------
   5. Googleフォームのスマホ対応（幅調整）
   ----------------------------------------------------------- */
iframe[src*="docs.google.com/forms"] {
    width: 100% !important;
    border: none !important;
    min-height: 800px;
}