/**
 * ================= CSS custom properties =================
 */
:root {
  /* キーカラー */
  --key-color: #248B71;
  /* キーカラーが背景色に使われた時の、マウスオーバー色 */
  --key-color-hover: #FF0000;
  /* キーカラーが背景色に使われた時の、文字色 */
  --key-color-text: #fff;
  /* キーカラーが背景色に使われた時の、文字のマウスオーバー色 */
  --key-color-text-hover: #fff;
  /* コンテンツエリアの背景色 */
  --page-bg: #FFFFFF;
  /* コンテンツエリアの文字色 */
  --page-bg-text: #fff;
  /* コンテンツエリアの文字のマウスオーバー色 */

  /* フッターカラー */
  --page-bg-text-hover: #0000FF;

  --footer-text-color: #000000;

  --footer-text-color--hover: #000000;

  /* ロゴ画像のURL */
  --logo-url: url('https://cdn.funity.live/88/CLT-S02-06/88/1/20260129195542345200.jpg');
  /* ロゴ画像の幅（PC） */
  --logo-width-pc: 256px;
  /* ロゴ画像の高さ（PC） */
  --logo-height-pc: 102px;
  /* ロゴ画像の幅（スマホ） */
  --logo-width-sp: 120px;
  /* ロゴ画像の高さ（スマホ） */
  --logo-height-sp: 48px;

  /* ヘッダの高さ（PC） */
  --header-height-pc: calc(100px + var(--logo-height-pc));

}