@charset "UTF-8";
.flex_box {
  display: flex;
  gap: 20px 50px;
}
.tm_list_box {
  display: flex;
}
.tm_list_title {
  display: inline-block;
  width: 130px;
}
.tm_list_title.w_300 {
  width: 300px;
}
.mw_500 {
  max-width: 500px;
}
.mw_506 {
  max-width: 506px;
}


@media screen and (max-width: 767px) {
  .flex_box {
   flex-direction: column;
  }
  .h3_title {
    padding: 10px 5% 10px 35px;
    text-indent: -25px;
  }
  .tm_list_box {
    display: block;
  }
  .tm_list_box p {
    display: inline;
  }
}