/**
 * ================= CSS custom properties =================
 */
:root {
  /* キーカラー */
  --key-color: #FF00FF;
  /* キーカラーが背景色に使われた時の、マウスオーバー色 */
  --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;

  /* ロゴ画像のALT */
  --logo-alt: 'logo_alternative_text';
  /* ロゴ画像のURL */
  --logo-url: url('https://cdn.funity.live/39/CLT-S02-06/39/1/20251201113153395518.jpg');
  /* ロゴ画像の幅（PC） */
  --logo-width-pc: 256px;
  /* ロゴ画像の高さ（PC） */
  --logo-height-pc: 79px;
  /* ロゴ画像の幅（スマホ） */
  --logo-width-sp: 153px;
  /* ロゴ画像の高さ（スマホ） */
  --logo-height-sp: 48px;

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

}