@charset "utf-8";
/*--------------------------------------------------------------
   BASIC
--------------------------------------------------------------*/
/*white*/
.fC__white{
  color: #fff;
}
.bgC__white,
.bgC__white--before::before,
.bgC__white--after::after{
  background-color: #fff;
}
.bgC__white--svg .target{
  fill: #fff;
}
/*black*/
.bgC__black,
.bgC__black--before::before,
.bgC__black--after::after{
  background-color: #000;
}
.bgC__black--svg .target{
  fill: #000;
}
/*--------------------------------------------------------------
   GLAY
--------------------------------------------------------------*/
/*efefef*/
.bgC__ef,
.bgC__ef-before::before,
.bgC__ef--after::after{
  background-color: #efefef;
}
/*ddd*/
.fC__ddd{
  color: #ddd;
}
.bgC__ddd,
.bgC__ddd--before::before,
.bgC__ddd--after::after{
  background-color: #ddd;
}
.bgC__ddd--svg .target{
  fill: #ddd;
}
/*ccc*/
.fC__ccc{
  color: #ccc;
}
.bgC__ccc,
.bgC__ccc--before::before,
.bgC__ccc--after::after{
  background-color: #ccc;
}
.bgC__ccc--svg .target{
  fill: #ccc;
}
.bC__ccc{
  border-color: #ccc;
}
/*888*/
.fC__888{
  color: #888;
}
.bgC__888,
.bgC__888--before::before,
.bgC__888--after::after{
  background-color: #888;
}
.bgC__888--svg .target{
  fill: #888;
}
/*666*/
.fC__666{
  color: #666;
}
.bgC__666,
.bgC__666--before::before,
.bgC__666--after::after{
  background-color: #666;
}
.bgC__666--svg .target{
  fill: #666;
}
/*444*/
.fC__333{
  color: #333;
}
.bgC__333,
.bgC__333--before::before,
.bgC__333--after::after{
  background-color: #333;
}
.bgC__333--svg .target{
  fill: #333;
}
/*--------------------------------------------------------------
   CUSTOM
--------------------------------------------------------------*/
/*base*/
body,
.fC__base{
  color: #444;
}
body,
.bgC__base{
  background-color: #fff;
}
/*complementary*/
.fC__comp{
  color: #d2ebee;
}
.bgC__comp{
  background-color: #f0eaec;
}
.bgC__comp01--svg .target{
  fill: #f0eaec;
}
/*complementary02*/
.fC__comp02{
  color: #706c61;
}
.bgC__comp02,
.bgC__comp02--before::before,
.bgC__comp02--after::after{
  background-color: #f7e4df;
}
.bgC__comp02--svg .target{
  fill: #706c61;
}
/*complementary03*/
.fC__comp03{
  color: #fffce5;
}
.bgC__comp03,
.bgC__comp03--before::before,
.bgC__comp03--after::after{
  background-color: #fffce5;
}
.bgC__comp03--svg .target{
  fill: #706c61;
}
/*complementary04*/
.bgC__comp04,
.bgC__comp04--before::before,
.bgC__comp04--after::after{
  background-color: #e6908b;
}
/*accent*/
.fC__accent{
  color: #c46964;
}
.bgC__accent,
.bgC__accent--before::before,
.bgC__accent--after::after{
  background-color: #c67874;
}
.bgC__accent--svg .target{
  fill: #c67874;
}
.bubble::before{
  border-top: solid #c67874;
}
.bC__accent--before::before{
  border-color: #c67874;
}
/*accentSub*/
.fC__accentSub{
  color: #99d8d6;
}
.bgC__accentSub,
.bgC__accentSub--before::before,
.bgC__accentSub--after::after{
  background-color: #99d8d6;
}
.bgC__accentSub--svg .target{
  fill: #99d8d6;
}
.bC__accentSub{
  border-color: #99d8d6;
}