/*--------------------

      背景色

---------------------*/
.u-bg-red{
  background: red;
}
.u-bg-black{
  background: #000000;
}
.u-bg-skyblue{
  background: #20BAE4;
}
.u-bg-orange{
  background: #F29600;
}
.u-bg-white{
  background: #FFFFFF;
}
.u-bg-green{
  background: #089779;
}
.u-bg-gray{
  background: #F4F2F2;
}
.u-bg-skygreen{
  background: #D9EE47;
}
.u-bg-key{
  background: url(../image/key_bg.png);
  background-size: cover;
}

/*----------------------

      文字サイズ

------------------------*/

.u-normal-sen{
  font-size: 2.0rem;
}
.u-big-sen{
  font-size: 3.2rem;
}
.u-small-sen{
  font-size: 1.4rem;
}

/*--------------------

      文字色

------------------------*/
.u-c-red{
  color: red;
}
.u-c-green{
  color:#089779;
}
.u-c-orange{
  color:#F29600;
}
.u-c-white{
  color:#FFFFFF;
}
.u-c-yellow{
  color: #DAFA0C;
}
.u-c-darkblue{
  color: #004E98;
}
.u-bg-contents{
  background-image: url(../image/contents__bg.png);
  background-size: cover;
}

/*--------------------------

        文字の太さ

--------------------------*/
.u-fw-normal{
  font-weight: normal;
}
.c-textBox p.u-fw-bold{
  font-weight:700;
}
.u-fw-bold{
  font-weight:700;
}

/*------------------------------

    文書内のマーカー

---------------------------------*/

.u-marker{
  background:linear-gradient(transparent 60%, #ff6 60%);
}

/* 下線 */
.u-underline{
  text-decoration: underline;
}