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

      背景色

---------------------*/
.u-bg-red{
  background: red;
}
.u-bg-pink{
  background: #EE0C66;
}
.u-bg-blue{
  background: blue;
}
.u-bg-orange{
  background: #F29600;
}
.u-bg-green{
  background: #008656;
}
.u-bg-skygreen{
  background: #F0F7F1;
}
.u-bg-gray{
  background:#ECE5E5;
}

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

      文字サイズ

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

.u-normal-sen{
  font-size: 2.4rem;
}
@media screen and (max-width:959px){
  .u-normal-sen{
    font-size: 1.6rem;
  }
}
.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-textCenter{
  text-align: center;
}
.u-marginAuto{
  margin: auto;
}

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

        文字の太さ

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


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

         余白

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

.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;
}