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

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

/* -----------------------------------------------------------
   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;
}

/* -----------------------------------------------------------
   6. テーブルの最初の列（項目）は改行を防ぎ、上揃えに
   ----------------------------------------------------------- */
table th {
    text-align: left;
}

table td:first-child,
table th:first-child {
    white-space: nowrap;
    vertical-align: top;
}