@charset "UTF-8";
/* =================================================================
   theme-blue-sub.css … サブサイト3ページの「細部だけ」を整えるファイル
   -----------------------------------------------------------------
   対象は次の3ページです。
     ・kyouken-web/index.html        （共同研究）
     ・jutaku-web/index.html         （受託研究）
     ・gakujutusidou-web/index.html  （学術指導）

     1) 背景を白に戻す（theme-blue.css が淡い青にするのを打ち消す）
     2) フッターを紺色にそろえる（トップページと同じ色にするため）
     3) スマホでタイトルが2行に折り返すのを直す
     4) お問い合わせ等のリンク色を、ブラウザ標準の青からサイトの青に変える（読みやすさのため）
   ※ お知らせページ（news/news_data.html）は別のtheme-blue-news.css を使います。このファイルは読み込みません。

   ★保存するときの注意（大事）★
   ・必ず「UTF-8」で保存してください（1行目の @charset と合わせるため）。
   ・全角スペース（　）が混ざるとCSSが効かなくなります。半角スペースを。

   ★読み込み順（この順番を守ってください）★
     style.css
       → ../css/subsite-responsive.css
       → ../css/theme-blue.css        （色の定義とフッターの紺色）
       → ../css/theme-blue-sub.css    （← 最優先。このファイル）

   デフォルトに戻したいときは、各HTMLの
     <link rel="stylesheet" href="../css/theme-blue.css">
     <link rel="stylesheet" href="../css/theme-blue-sub.css">
   の2行を消すだけで、defaultになります。
   ================================================================= */
/*背景「白」*/
body {
  background-color: #ffffff;
}

/* =================================================================
   2. フッター
   -----------------------------------------------------------------
   背景の紺色グラデーションは theme-blue.css が付けています。
   （トップページ・下層ページと同じ色にそろえるためです）
   ================================================================= */
footer {
  position: relative;
  margin-top: 60px;
}

/* フッターの上端に、水色のラインを引く */
footer::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--c-blue), var(--c-sky) 55%, #8fd8ff);
}

footer p {
  margin: 6px 0;
  line-height: 1.7;
}
/* 一番下のコピーライト行だけ、少し薄くして落ち着かせる */
footer p:last-child {
  color: rgba(255, 255, 255, .72);
  margin-top: 14px;
}