.join .join-item { text-align: center; display: flex; padding: 10px 0; min-height: 120px; align-items: center; border: 1px solid #eee; margin-bottom: 20px; flex-wrap: wrap; }

.join .join-item.join-item--header { border: none; border-top: 4px solid #da0c11; background-color: #eee; min-height: 78px; margin-bottom: 0; }

.join .join-item > div { padding: 0 10px; }

.join .join-item .join-item__title--bold { font-size: 16px; font-weight: bold; }

.join .join-item .join-item__title { width: 16%; }

.join .join-item .join-item__desc { width: 25%; text-align: left; }

.join .join-item .join-item__claim { width: 25%; text-align: left; }

.join .join-item .join-item__count { width: 17%; }

.join .join-item .join-item__count .join-item__count--light { font-size: 24px; color: #da0c11; }

.join .join-item .join-item__time { width: 17%; }

.join-footer { text-align: center; font-weight: bold; font-size: 16px; margin-bottom: 20px; }

.join-footer .join-footer--light { color: #da0c11; }

@media (max-width: 768px) { .join .join-item { text-align: left; }
  .join .join-item .join-item__label { font-weight: bold; display: inline-block; min-width: 60px; padding-right: 10px; }
  .join .join-item .join-item__title--bold, .join .join-item .join-item__title, .join .join-item .join-item__desc, .join .join-item .join-item__claim, .join .join-item .join-item__count, .join .join-item .join-item__time { width: 100%; margin-bottom: 10px; }
  .join .join-item .join-item__count .join-item__count--light { font-size: 14px; color: #da0c11; } }