/*-------------------------------
  ユーティリティ
-------------------------------*/
/*--- マージン ---*/
.u-mt--1 {
  margin-top: 0.25rem !important;
}
.u-mt--2 {
  margin-top: 0.5rem !important;
}
.u-mt--3 {
  margin-top: 1rem !important;
}
.u-mt--4 {
  margin-top: 3rem !important;
}
.u-mt--5 {
  margin-top: 5rem !important;
}
.u-mr--1 {
  margin-right: 0.25rem !important;
}
.u-mr--2 {
  margin-right: 0.5rem !important;
}
.u-mr--3 {
  margin-right: 1rem !important;
}
.u-mr--4 {
  margin-right: 3rem !important;
}
.u-mr--5 {
  margin-right: 5rem !important;
}
.u-mb--1 {
  margin-bottom: 0.25rem !important;
}
.u-mb--2 {
  margin-bottom: 0.5rem !important;
}
.u-mb--3 {
  margin-bottom: 1rem !important;
}
.u-mb--4 {
  margin-bottom: 3rem !important;
}
.u-mb--5 {
  margin-bottom: 5rem !important;
}
.u-ml--1 {
  margin-left: 0.25rem !important;
}
.u-ml--2 {
  margin-left: 0.5rem !important;
}
.u-ml--3 {
  margin-left: 1rem !important;
}
.u-ml--4 {
  margin-left: 3rem !important;
}
.u-ml--5 {
  margin-left: 5rem !important;
}
.u-mr--auto {
  margin-right: auto !important;
}
.u-ml--auto {
  margin-left: auto !important;
}

/*--- パディング ---*/
.u-pt--1 {
  padding-top: 0.25rem !important;
}
.u-pt--2 {
  padding-top: 0.5rem !important;
}
.u-pt--3 {
  padding-top: 1rem !important;
}
.u-pt--4 {
  padding-top: 3rem !important;
}
.u-pt--5 {
  padding-top: 5rem !important;
}
.u-pb--1 {
  padding-bottom: 0.25rem !important;
}
.u-pb--2 {
  padding-bottom: 0.5rem !important;
}
.u-pb--3 {
  padding-bottom: 1rem !important;
}
.u-pb--4 {
  padding-bottom: 3rem !important;
}
.u-pb--5 {
  padding-bottom: 5rem !important;
}
.u-pl--1em {
  padding-left: 1em !important;
}

/*--- 幅 ---*/
.u-width--100p {
  width: 100%;
}

/*--- フォント ---*/
.u-ff--mincho {
  font-family: "Sawarabi Mincho",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  letter-spacing: 1px;
}

/*--- 文字サイズ ---*/
.u-fsize--small {
  font-size: 0.75rem;
}
.u-fsize--large {
  font-size: 1rem;
}
.u-fsize--x-large {
  font-size: 1.25rem;
}

/*--- 文字太さ ---*/
.u-fw--bold {
  font-weight: bold;
}
.u-fw--normal {
  font-weight: normal;
}

/*--- 文字色 ---*/
.u-fc--twitter {
  color: #00A2F5 !important;
}
.u-fc--youtube {
  color: #DA1524 !important;
}
.u-fc--primary {
  color: #1b8e5f !important;
}
.u-fc--secondary {
  color: #db0548 !important;
}

/*--- 背景色 ---*/
.u-bgc--gray {
  background-color: #F0F0F0;
}

/*--- ボーダー ---*/
.u-border--gray {
  border: 1px solid #cfcfcf;
}

/*--- ぶら下げ ---*/
.u-text-hanging {
  padding-left: 1em;
  text-indent: -1em;
}
.u-text-hanging-1_75 {
  padding-left: 1.75em;
  text-indent: -1.75em;
}

@media (min-width: 40em) {
  .u-md-text-left {
    text-align: left !important;
  }
}

/*--- リスト ---*/
ul.u-lst--none {
  margin-left: 0 !important;
}
ul.u-lst--none-lm {
  margin-left: 1.5em !important;
}
ul.u-lst--none li:before {
  display: none;
}

/*--- 丸囲み ---*/
.u-text-circled {
  margin-right: 0.25rem;
  margin-bottom: 3px;
  display: inline-block;
  background-color: #273423;
  color: #ffffff;
  border-radius: 100px;
  text-align: center;
  width: 1.75em;
  font-size: 0.9em;
  font-family: "arial",sans-serif;
  font-weight: bold;
  text-indent: 0;
  position: relative;
  top: -1px;
}

/*--- ブラウザ全幅 ---*/
.u-fullwidth {
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}
.u-fullwidth-container {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
@media (min-width: 40em) {
  .u-fullwidth {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
  }
  .u-fullwidth-container {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
  }
}
@media (min-width: 64em) {
  .u-fullwidth {
    margin-right: -100%;
    margin-left: -100%;
  }
  .u-fullwidth-container {
    padding-right: 100%;
    padding-left: 100%;
  }
}

.u-display-block {
  display: block;
}

.u-display-inline-block {
  display: inline-block;
}

.u-displaynone {
  display: none !important;
}
@media (max-width: 39.9375rem) {
  .u-displaynone-sm {
    display: none !important;
  }
}
@media (min-width: 40em) {
  .u-displaynone-md-up {
    display: none !important;
  }
}