@charset "UTF-8";


:root {
  /*ブランド(キー)カラー*/
  --color--key: #1AA9BA;

  /*サイトカラー*/
  --color--white01: #FFFFFF;
  --color--black01: #313131;
  --color--gray01: #989898;
  --color--gray02: #A4A4A4;
  --color--gray03: #F2F2F2;
  --color--gray04: #666666;
  --color--gray05: #E8E8E8;
  --color--gray06: #F4F4F4;
  --color--gray07: #FAFAFA;
  --color--blue01: #1169A6;
  --color--green01: #E9F0F2;
  --color--green02: #1AA9BA33;
}


/**************************************************
* 色の管理、色は全てここ！
***************************************************/
/*背景*/
.t-bgcolor--key {
  background-color: var(--color--key);
}
.t-bgcolor--white01{
  background-color: var(--color--white01);
}
.t-bgcolor--black01{
  background-color: var(--color--black01);
}
.t-bgcolor--green01{
  background-color: var(--color--green01);
}
.t-bgcolor--blue01{
  background-color: var(--color--blue01);
}
.t-bgcolor--two-tone01 {
  background: linear-gradient(to bottom, var(--color--green01) 60%, var(--color--white01) 60%);
}


/*文字色*/
.t-textcolor--key{
  color:var(--color--key);
}
.t-textcolor--white01{
  color:var(--color--white01);
}
.t-textcolor--gray02 {
  color:var(--color--gray02);
}
.t-textcolor--blue01{
  color:var(--color--blue01);
}