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

      背景色

---------------------*/
.u-bg-skygray{
  background:#F9F9F8;
}
.u-bg-palegray{
  background:#F7F4F4;
}
.u-bg-gray{
  background: #DCDCDC;
}
.u-bg-blue{
  background: blue;
}
.u-bg-skyblue{
  background: #20BAE4;
}
.u-bg-orange{
  background: #F29600;
}
.u-bg-white{
  background: #FFFFFF;
}
.u-bg-green{
  background: #089779;
}
.u-bg-purple{
  background: #CB9AC4;
}
.u-bg-circle{
  background: url(../image/circle.png);
  background-size: cover;
}
/* .u-bg-home{
  background: url(../image/home.png);
  background-size: contain;
} */
.u-bg-career{
  background: url(../image/career.png);
  /* background-size: contain; */
  background-size: cover;
}
.u-bg-message{
  background: url(../image/bg_message.png);
  /* background-size: contain; */
  background-size: cover;
}
/* .u-bg-flower{
  background: url(../image/flower.png);
  background-size: cover;
} */
.u-bg-logo,
.u-bg-logo2{
  position: relative;
  z-index: 0;
}
.u-bg-logo::before{
  content: '';
  display: inline-block;
  width: 595px;
  height: 293px;
  background-image: url(../image/bg_logo.png);
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  top:8%;
  left: 10%;
  z-index: -1;
}

.u-bg-logo2::before{
  content: '';
  display: inline-block;
  width: 595px;
  height: 293px;
  background-image: url(../image/bg_logo.png);
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  top:8%;
  right: 10%;
  z-index: -1;
}

@media screen and (max-width:800px){
  .u-bg-logo::before{
    height: 200px;
  }
  .u-bg-logo2::before{
    height:200px;
    left: 5%;
  }
}

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

      文字サイズ

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

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

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

      文字色

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

.u-c-blue{
  color:#0041C1;
}
.u-c-gray{
  color:#696161;
}
.u-c-red{
  color:#F5423C;
}
.u-c-green{
  color:#2D8C3C;
}
.u-c-orange{
  color:#F29600;
}
.u-c-white{
  color:#FFFFFF;
}
.u-c-yellow{
  color: #DAFA0C;
}
.u-c-purple{
  color: #BA79B1;
}

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

        文字の太さ

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

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

    文書内のマーカー

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

.u-marker{
  background:linear-gradient(transparent 60%, #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;
}