@charset "utf-8";

/* 基本設定（フォント、カラー） */
:root {
  --color-container-shadow: #d9e5ed; /* コンテナ（コンテンツ領域）の影の色 */
  --font-family: "honoka-maru-gothic", sans-serif; /* フォント名 */
  --font-weight: 400; /* フォント太さ（400,500,700） */
  --color-text: #4f3118; /* 文字色 */
  --color-bg: #ffffff; /* 背景色 */
  --color-form-control-text: #000000; /* 入力欄の文字色 */
  --color-form-control-bg: #ffffff; /* 入力欄の背景色 */
  --color-form-control-border: #494949; /* 入力欄の枠色 */
  --color-placeholder: #494949; /* 入力欄のプレースホルダの色 */
  --color-footer-text: #ffffff; /* フッターの文字色 */
  --color-footer-bg: #da7a52; /* フッターの背景色 */
  --color-pagetop-text: #ffffff; /* ページトップボタンの文字色 */
  --color-pagetop-bg: #da7a52; /* ページトップボタンの背景色 */
}

/* サブページ（プライバシーポリシー、特商法ページ等） */
:root {
  --color-subpage-title: #000000; /* タイトルの文字色 */
  --color-subpage-heading: #ffffff; /* 見出しの文字色 */
  --color-subpage-heading-bg: #0c2c61; /* 見出しの背景色 */
  --color-subpage-heading-border1: #8cc6d0; /* 見出しのボーダー色（薄） */
  --color-subpage-heading-border2: #8cc6d0; /* 見出しのボーダー色（濃） */
}