@charset "UTF-8";

/* 
**
   Utility
   汎用性クラスの設定
**
*/

/* 
  マージン 
------------------------------- */
/* 可変なし */
.u-mgn--b100 {
  margin-bottom: 100px;
}
/* 可変あり */
.u-mgnr--b100 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .u-mgnr--b100 {
    margin-bottom: 50px;
  }
}


/* 
  フォント
------------------------------- */
.u-ft--s20 {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .u-ft--s20 {
    font-size: 1.6rem;
  }
}


/* 
  表示切り替え
------------------------------- */
.u-disp--none-pc {
  display: none;
}
.u-disp--none-sp {
    display: block;
  }
@media screen and (max-width: 768px) {
  .u-disp--none-pc {
    display: block;
  }
  .u-disp--none-sp {
    display: none;
  }
}