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

      背景色

---------------------*/
.u-bg-red{
  background: red;
}
.u-bg-blue{
  background: #1062D0;
}
.u-bg-skyblue{
  background: #DCEAF7;
}
.u-bg-orange{
  background: #fff9f4;
}
.u-bg-white{
  background: #FFFFFF;
}
.u-bg-darkblue{
  background: #1B224C;
}
.u-bg-gray{
  background: #ffffff;
}
.u-bg-begu-green{
  background: #F2F7CF;
}
.u-bg-dm{
  background-image: url(../image/dm__bg.png);
  background-size: cover;
}

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

      文字サイズ

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

.u-normal-sen{
  font-size: 2.0rem;
}
.u-title-sen{
  font-size: 3.2rem;
  font-weight: bold;
}
.u-big-sen{
  font-size: 2.3rem;
  font-weight: bold;
}
.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: #E7F707;
}
.u-c-darkblue{
  color: #004E98;
}
.u-c-tonmana{
  color:#1B224C;
}
.u-c-skygreen{
  color: #00ACBA;
}

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

        文字の太さ

--------------------------*/
.u-fw-normal{
  font-weight: normal;
}
.u-fw-bold{
  font-weight: bold;
}

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

    文書内のマーカー

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

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

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


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

         余白

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

.u-mg8{
  margin-bottom: 8px;
}
.u-mg16{
  margin-bottom: 16px;
}
.u-mg24{
  margin-bottom: 24px;
}
.u-mg32{
  margin-bottom: 32px;
}
.u-mg40{
  margin-bottom: 40px;
}
.u-mg48{
  margin-bottom: 48px;
}
.u-mg56{
  margin-bottom: 56px;
}
.u-mg64{
  margin-bottom: 64px;
}
.u-mg72{
  margin-bottom: 72px;
}
.u-mg80{
  margin-bottom: 80px;
}
.u-mg88{
  margin-bottom: 88px;
}
.u-mg96{
  margin-bottom: 96px;
}
.u-mg104{
  margin-bottom: 104px;
}

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

        width 幅

--------------------------*/
.u-w100{
  width: 100%;
  height: auto;
}
.u-w75{
  width: 75%;
  height: auto;
}
.u-w50{
  width: 50%;
  height: auto;
}
.u-w25{
  width: 25%;
  height: auto;
}