@charset "utf-8";
/* =========================================================================
   テーマ a ／ 瀬戸内の青
   主色＝海の青、差し色＝黄、ボタン＝橙。県公式・就職フェアの多数派に近い安心感。
   既定のテーマ（data-theme が付いていないときもこれが当たる）。
   ------------------------------------------------------------------------
   明暗の差（実測・contrast.py）
     本文 #16202B / 白 ........................ 16.46:1
     本文 #16202B / 薄い地 #EEF5FB ............ 14.98:1
     補助文 #4A5560 / 白 ...................... 7.61:1
     白地の上の見出し #0B5A9E / 白 ............ 7.07:1
     色面の白文字 / #0B5A9E ................... 7.07:1
     色面のラベル #FFD24D / #0B5A9E ........... 4.91:1
     濃い色面のラベル #FFD24D / #073F70 ....... 7.46:1
     ボタン白文字 / #C2410C ................... 5.18:1
     部品の輪郭 #7C8996 / 白 .................. 3.57:1
   ========================================================================= */
:root,
:root[data-theme="a"] {
  --bg:           #FFFFFF;   /* 地（本文が乗る） */
  --bg-2:         #EEF5FB;   /* 薄い地（section の区切り） */
  --bg-3:         #D8E8F5;   /* 淡い色面（図の地・帯） */
  --ink:          #16202B;   /* 本文 */
  --ink-sub:      #4A5560;   /* 補助文 */
  --field:        #0B5A9E;   /* 主色＝大きな色面（白文字を載せる） */
  --field-2:      #073F70;   /* 主色の濃い方＝フッター・締めの色面 */
  --field-label:  #FFD24D;   /* 主色の色面に載せるラベル文字 */
  --field-soft:   #D8E8F8;   /* 主色の色面に載せる補助文字 */
  --field2-label: #FFD24D;   /* 濃い色面に載せるラベル文字 */
  --field2-soft:  #DCE7F2;   /* 濃い色面に載せる補助文字 */
  --brand-ink:    #0B5A9E;   /* 白地の上に置く強い文字色（見出し・リンク） */
  --accent:       #FFD24D;   /* 強調（下線・マーカー・札） */
  --on-accent:    #3A2B00;   /* 強調色の上に載せる文字 */
  --cta:          #C2410C;   /* 申込ボタン */
  --cta-d:        #91310A;   /* 申込ボタンの押した状態 */
  --alert:        #B23A00;   /* 注意（「県と確認のうえ掲載」等） */
  --line:         #D7E2EC;   /* 罫線 */
  --line-2:       #7C8996;   /* 入力欄・チップの輪郭 */
  --map-sea:      #D8E8F5;  /* アクセス図の海（3案とも青系にそろえる） */
  --shade:        rgba(7, 63, 112, .34);  /* 写真の上に敷く薄い膜（文字は下の色面の上に置く） */
}