:root {
  --main-colr: #be2b02;
  --sub-colr: #6abe02;
  --Hiragino: "Hiragino Sans", sans-serif;
  --jost: font-family: "Jost", sans-serif;
  --box-shadow: 0 0 20px rgba(148, 148, 148, 0.2);
}

.search_table table tr {
  width: 100%;
}

.search_table table tr th {
  white-space: nowrap;
}

.search_table table tr .clientInput input {
  width: 90%;
}

.search_table table tr .clearfix {
  display: grid;
}

.search_table table tr .clearfix label {
  width: 100%;
}

.search_table .button input {
  padding: 10px 50px;
  border: inherit;
  border-radius: 5px;
  color: #fff;
  background-color: var(--main-colr);
  transition: .3s;
}

.search_table .button input:hover {
  opacity: .7;
  transition: .3s;
  cursor: pointer;
}

.list_table {
  position: relative;
  overflow-x: scroll;
}

.list_table table {
  white-space: nowrap;
}

.list_table_nobody {
  position: relative;
  overflow-x: visible;
}

.list_table_nobody table {
  white-space: nowrap;
}

.form_table tr {
  display: flex;
}

@media (max-width: 769px) {
  .form_table tr {
    flex-wrap: wrap;
  }
}

.form_table tr th {
  width: 100%;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .form_table tr th {
    max-width: 220px;
  }
}

.form_table tr td {
  width: 100%;
  padding: 15px 10px;
}

.form_table tr td input {
  height: 25px;
  width: 98%;
  border-color: #add4de;
  border-radius: 3px;
}
.form_table tr td input[type=file] {
  padding-bottom: 10px;
}

.form_table tr td input[type=radio] {
  width: 20px;
}

.nuser .form_table tr td input[type=radio] {
  height: 11px;
}

.form_table tr td input[type=checkbox] {
  width: 20px;
}

.form_table tr td textarea {
  border-color: #add4de !important;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .form_table tr td textarea {
    width: 97% !important;
  }
}

.form_table .button input {
  padding: 10px 50px;
  border: inherit;
  border-radius: 5px;
  color: #fff;
  background-color: gray;
  transition: .3s;
}

.form_table .button input:hover {
  transition: .3s;
  opacity: .7;
  cursor: pointer;
}

.login_table tr {
  display: flex;
}

@media (max-width: 769px) {
  .login_table tr {
    flex-wrap: wrap;
  }
}

.login_table tr th {
  width: 100%;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .login_table tr th {
    max-width: 220px;
  }
}

.login_table tr td {
  width: 100%;
  padding: 15px 10px;
}

.login_table tr td input {
  width: 98%;
  border-color: #add4de;
  border-radius: 3px;
  height: 25px;
}

.login_table tr td textarea {
  border-color: #add4de !important;
  border-radius: 3px;
}

@media (max-width: 768px) {
  .login_table tr td textarea {
    width: 97% !important;
  }
}

.login_table tr td .check label {
  white-space: nowrap;
  display: inline-flex;
  padding-top: 10px;
}

.login_table tr td .check label input {
  width: 10%;
}

.login_table tr td .hint {
  display: block;
  padding-top: 10px;
}

.login_table .button input {
  padding: 10px 50px;
  border: inherit;
  border-radius: 5px;
  color: #fff;
  background-color: gray;
}

.n_top_tableawrap {
  position: relative;
  overflow-x: scroll;
}

@media (min-width:1024px) {
  .n_top_tableawrap .list_table {
    white-space: nowrap;
  }
}

.user_info .info_table .info_tableWrap {
  position: relative;
  overflow-x: scroll;
}

.user_info .info_table .info_tableWrap table {
  white-space: nowrap;
}

.cuser .search_table table input,
.cuser .search_table table select {
  width: 98%;
}

.cuser .search_table label input {
  width: 15px;
}

@media (max-width: 768px) {
  .cuser .contents_m .list {
    padding: 50px 20px;
  }
}

.cuser .GoogleMap {
  display: none;
}

.nuser .search_table table .inputTxt input[type=text] {
  width: 95%;
}

.nuser .contents_m table td,
.cuser .contents_m table td {
  /* white-space: nowrap; */
}

.cuser .search_table select[name="_ageA"] {
  width: inherit;

}

.cuser .search_table select[name="_ageB"] {
  width: inherit;

}