.u-db {
  display: block;
}

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

.u-db-sp {
  display: none;
}

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

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

.u-dib-sp {
  display: none;
}

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

.u-dib-di {
  display: inline;
}

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

.u-di {
  display: inline;
}

.u-di-pc {
  display: inline;
}

.u-di-sp {
  display: none;
}

.u-df {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-df-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.u-df-sp {
  display: none;
}

.u-dif {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.u-dif-pc {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.u-dif-sp {
  display: none;
}

@media (max-width:768px) {
  .u-db-pc {
    display: none;
  }

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

  .u-dib-pc {
    display: none;
  }

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

  .u-db-di {
    display: inline;
  }

  .u-dib-di {
    display: inline;
  }

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

  .u-di-pc {
    display: none;
  }

  .u-di-sp {
    display: inline;
  }

  .u-df-pc {
    display: none;
  }

  .u-df-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .u-dif-pc {
    display: none;
  }

  .u-dif-sp {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
  }
}