@charset "Shift_JIS";
/*===========================================

===========================================*/
.search__keyword {
  display: flex;
  align-items: baseline;
  row-gap: 1.5em;
  column-gap: 1.5em;
  margin-top: var(--min24);
}
@media not screen and (min-width: 768px) {
  .search__keyword {
    margin-top: var(--min24-sp);
  }
}
.search__keyword h2 {
  font-size: var(--min18);
  font-weight: bold;
  white-space: nowrap;
}
@media not screen and (min-width: 768px) {
  .search__keyword h2 {
    font-size: var(--min18-sp);
  }
}
.search__keyword p {
  font-size: var(--min16);
  word-break: break-all;
}
@media not screen and (min-width: 768px) {
  .search__keyword p {
    font-size: var(--min16-sp);
  }
}
.search__column {
  display: grid;
  grid-template-columns: 1fr max(11.88vw, min(228px, 21.11vw));
  align-items: center;
  gap: var(--min16);
  padding: var(--min32);
}
@media not screen and (min-width: 768px) {
  .search__column {
    grid-template-columns: 1fr;
    gap: var(--min16-sp);
    padding: var(--min16-sp);
  }
}
.search__input {
  align-items: center;
}
.search__input input[type=text] {
  height: 100%;
  padding-right: calc(2em + var(--min18));
}
.search__input button {
  position: absolute;
  right: 1.5em;
  cursor: pointer;
}
.search__error {
  color: var(--red);
}