#search-form { border: 1px solid #c0c0c0; border-radius: 10px; background: #fcfcfc; margin-bottom: 20px; padding: 10px; box-sizing: border-box; }
#search-form form { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 1em; width: 100%; margin: 0; padding: 0; align-items: baseline; }
#search-form form .button-wrap { flex-basis: 150px; flex-grow: 1; flex-shrink: 0; text-align: right; }
#search-form form ul.search-wrap { list-style: none; padding: 0; margin: 0; }
#search-form form ul.search-wrap > li { flex-basis: 50%; list-style: none; display: flex; justify-content: left; align-items: center; flex-wrap: nowrap; gap: 1em; }
#search-form form ul.search-wrap > li + li { margin-top: 5px; }
#search-form form ul.search-wrap > li > h3 { text-align: right; width: 60px; border-right: 1px solid #e8e8e8; margin: 0; padding: 0 10px; white-space: nowrap; }
#search-form form ul.search-wrap > li > div { white-space: nowrap; }
#search-form form ul.search-wrap > li > div.group > * { display: inline-block; }
#search-form form ul.search-wrap > li > div.group > span { margin-right: 10px; }