@charset "UTF-8";


:root {
  /*ブランド(キー)カラー*/
  --color--key: #52A934;
  /* --color--key: #8CBA72; */

  /*サイトカラー*/
  --color--wh: #FFFFFF;
  --color--bk: #333333;

  --color--gray: #F7F7F7;
  --color--gray02:#D9D9D9; /* 罫線 */
  --color--gray03:#808080; /* 濃いグレー 注釈用 */
  --color--gray04:#EDEDED; /* 薄いグレー 料金テーブルヘッダー */

  /* key バリエーション*/
  --color--darkgreen: #49962E; /*濃い*/
  --color--lightgreen: #EAF3E7; /*薄い*/
  --color--lightgreen02: #CFEDC6; /*薄いくすんだ*/


  --color--blue: #3C86BA; /*濃い青*/
  --color--dark-blue01: #2270A8; /*くすんだ青*/
  --color--lightblue01: #DCEBF2; /*薄い*/
  --color--lightblue02: #EDF4F7; /*薄い*/

  --color--orange: #FD7E11; /*オレンジ 強調カラー*/

  --color-menu--red:#E94444;/* youtubeメニュー用 赤カラー*/
  --color-menu--green:#06C755;/* LINEメニュー用 緑カラー*/
}


/**************************************************
* 色の管理、色は全てここ！
***************************************************/
/*背景*/
.t-bgcolor--white{
  background-color: var(--color--wh);
}
.t-bgcolor--gray{
  background-color:var(--color--gray);
}
.t-bgcolor--gray04{
  background-color:var(--color--gray04);
}


/*#52A934キーカラー*/
.t-bgcolor--green{
  background-color: var(--color--key);
}
.t-bgcolor--lightgreen{
  background-color: var(--color--lightgreen);
}
.t-bgcolor--lightgreen02{
  background-color: var(--color--lightgreen02);
}
.t-bgcolor--darkgreen{
  background-color: var(--color--darkgreen);
}

.t-bgcolor--blue{
  background-color:var(--color--blue) ;
}
.t-bgcolor--lightblue01{
  background-color: var(--color--lightblue01);
}
.t-bgcolor--lightblue02{
  background-color: var(--color--lightblue02);
}



/*文字色*/

.t-textcolor--black{
  color:var(--color--bk);
}

.t-textcolor--white{
  color: var(--color--wh);
}
.t-textcolor--gray{
  color:var(--color--gray);
}

/*キーカラー 緑*/
.t-textcolor--green{
  color: var(--color--key);
}

.t-textcolor--blue{
  color:var(--color--blue) ;
}
.t-textcolor--lightblue01{
  color: var(--color--lightblue01);
}
.t-textcolor--lightblue02{
  color: var(--color--lightblue02);
}