/* NOTE: search-areaに固定値が指定されているため、コンテンツがブラウザの横幅を超えないようにmax-widthで対策。search-areaの横幅制御を改善したら削除 */
.search-area,
.list-body {
  max-width: 100%;
}

.tenant-search-form {
  gap: 16px !important;
}

.sort-area {
  min-width: 200px;
  order: 2;
}

.tenant-area {
  min-width: 400px;
  max-width: 100%;
  order: 3;
}

.choices__inner .choices__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
  /* NOTE: search-area > form の上書き。search-areaはfund関連でも使用しているため、直接修正せず !importantで暫定対応。 */
  .tenant-search-form {
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 0 !important;
  }

  .sort-area,
  .tenant-area {
    width: 100%;
    min-width: auto;
  }
}