.contentinner_tt {
  display: block;
  margin: 0 auto;
  width: 100%;
}

.tt_left,
.tt_right {
  margin: 0 auto;
  width: 300px;
}

.tt_left {
  margin-top: 34px;
}

@media screen and (min-width:360px) {

  .tt_left,
  .tt_right {
    width: 340px;
  }
}

@media screen and (min-width:375px) {

  .tt_left,
  .tt_right {
    width: 355px;
  }
}

@media screen and (min-width:400px) {

  .tt_left,
  .tt_right {
    width: 380px;
  }
}

@media screen and (min-width:412px) {

  .tt_left,
  .tt_right {
    width: 392px;
  }
}

@media screen and (min-width:414px) {

  .tt_left,
  .tt_right {
    width: 394px;
  }
}

@media screen and (min-width:424px) {

  .tt_left,
  .tt_right {
    width: 404px;
  }
}

@media screen and (min-width:450px) {

  .tt_left,
  .tt_right {
    width: 410px;
  }
}

@media screen and (min-width:480px) {

  .tt_left,
  .tt_right {
    width: 440px;
  }
}

@media screen and (min-width:512px) {

  .tt_left,
  .tt_right {
    width: 472px;
  }
}

@media screen and (min-width:540px) {

  .tt_left,
  .tt_right {
    width: 472px;
  }
}

@media screen and (min-width:568px) {

  .tt_left,
  .tt_right {
    width: 500px;
  }
}

@media screen and (min-width:600px) {

  .tt_left,
  .tt_right {
    width: 532px;
  }
}

@media screen and (min-width:640px) {

  .tt_left,
  .tt_right {
    width: 572px;
  }
}

@media screen and (min-width:664px) {

  .tt_left,
  .tt_right {
    width: 596px;
  }
}

@media screen and (min-width:698px) {

  .tt_left,
  .tt_right {
    width: 630px;
  }
}

@media screen and (min-width:720px) {

  .tt_left,
  .tt_right {
    width: 652px;
  }
}

@media screen and (min-width:740px) {

  .tt_left,
  .tt_right {
    width: 672px;
  }
}

@media screen and (min-width:760px) {

  .tt_left,
  .tt_right {
    width: 692px;
  }
}

@media screen and (min-width:768px) {

  .tt_left,
  .tt_right {
    width: 700px;
  }
}

@media screen and (min-width:800px) {

  .tt_left,
  .tt_right {
    width: 732px;
  }
}

@media screen and (min-width:850px) {

  .tt_left,
  .tt_right {
    width: 782px;
  }
}

@media screen and (min-width:900px) {

  .tt_left,
  .tt_right {
    width: 832px;
  }
}

@media screen and (min-width:960px) {

  .tt_left,
  .tt_right {
    width: 892px;
  }
}

@media screen and (min-width:1024px) {
  .contentinner_tt {
    width: 956px;
  }

  .tt_left {
    display: block;
    float: left;
    margin-top: 51px;
    width: 300px;
  }

  .tt_right {
    display: block;
    float: right;
    width: 622px;
  }
}

@media screen and (min-width:1100px) {
  .contentinner_tt {
    width: 1032px;
  }

  .tt_right {
    width: 698px;
  }
}

@media screen and (min-width:1200px) {
  .contentinner_tt {
    width: 1132px;
  }

  .tt_right {
    width: 798px;
  }
}

@media screen and (min-width:1300px) {
  .contentinner_tt {
    width: 1232px;
  }

  .tt_right {
    width: 898px;
  }
}

@media screen and (min-width:1366px) {
  .contentinner_tt {
    width: 1298px;
  }

  .tt_right {
    width: 964px;
  }
}

@media screen and (min-width:1536px) {
  .contentinner_tt {
    width: 1468px;
  }

  .tt_right {
    width: 1134px;
  }
}

.tt_left_list {
  display: block;
  background-color: #7d7d7d;
  color: #fff;
  padding: 17px;
}

.tt_left_list_active {
  display: block;
  background-color: #003149;
}

.tt_mi {
  display: none;
}

#tt_seach {
  clear: both;
  display: inline-block;
  width: 100%;
}

#tt_button {
  display: block;
  float: right;
}

.tt_button {
  border-radius: 5px;
  color: #f6f7f8;
  display: inline-block;
  float: right;
  margin-left: 10px;
  padding: 10px;
}

.tt_reft_list_active {
  background-color: #f6f7f8;
  border: double 2px #00081a;
  color: #00081a;
  font-weight: bold;
  padding: 9px 10px;
}

.border-all {
  border: solid 1px #7d7d7d;
  border-radius: 5px;
  padding: 8px;
  text-align: justify;
}

.bkcolor_fff {
  background-color: #fff;
}

@media screen and (min-width:500px) {
  .searchyaereq_content {
    margin: 8px 4% 0px 0;
    width: 90%;
  }

  .searcheq_content {
    margin: 8px 4% 0px 0;
    width: 90%;
  }
}

@media screen and (min-width:600px) {
  .searchyaereq_content {
    margin: 8px 4% 0px 0;
    width: 90%;
  }

  .searcheq_content {
    margin: 8px 4% 0px 0;
    width: 90%;
  }
}

@media screen and (min-width:840px) {
  .searchyaereq_content {
    margin: 8px 17px 0px 0;
    width: 95%;
  }

  .searcheq_content {
    margin: 8px 17px 0px 0;
    width: 95%;
  }
}

.searchyaereq_content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.searchyaereq_content .pickup_item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-right: 0.5em;
}

.searchyaereq_content .pickup_item a {
  flex: 1;
}

.searchyaereq_content .pickup_item button {
  margin-left: auto;
}