@charset "utf-8";

/*--------------------------------------------------------------
  カスタムカラー
--------------------------------------------------------------*/

/* カスタムプロパティの設定 */
/* rgb(var(--main-color) / 1.0); */
/* var(--secondary-color); */

/* rgb(var(--main-color) / 1.0); */
:root {
  /* メインカラー 青色 */
  --main-color: 0 65 143;
  /* メインカラー 青色 */
  --sub-color: 69 147 208;
  /* ------------- */

  /* カラー 黄色 */
  --yellow-color: 227 148 35;
  --lightyellow-color: 245 205 19;

  /* カラー   赤色 */
  --red-color: 0 70 39;
  --lightred-color: 203 93 85;

  /* カラー   緑色 */
  --green-color: 8 96 127;
  --lightgreen-color: 169 175 118;

  /* カラー   青緑色 */
  --bluegreen-color: 158 35 48;
  --lightbluegreen-color: 144 160 134;

  /* カラー   紺色 */
  --kon-color: 26 39 75;
  --lightkon-color: 36 103 149;

  /* ------------- */
  /* 文字カラー */
  --text-color: 88 88 88;
  /* 白色 */
  --white-color: 255 255 255;
  /* 黒色 */
  --black-color: 0 0 0;

}

.key-c {
  color: rgba(var(--main-color), 1.0);
}