@charset "UTF-8";
/* CSS Document */

.reserach_list{}
.reserach_list li{ display: flex; margin: 0.5em 0 0 0; padding: 0.7em 1.0em; background: #f0f0f0; border-radius: 0.3em; align-items: center;}
.reserach_list li *{ margin-top: 0;}
.reserach_list i{ font-weight: bold; font-style: normal; flex-shrink: 0; white-space: nowrap; margin-right: 0.5em; }
.reserach_list h3{ font-weight: bold; line-height: 1.5; margin-right: 2.0em;}
.reserach_list p{ flex: 0 0 50%; margin-left:auto; line-height: 1.5;}

.outline_list{ border-collapse:separate; border-spacing: 0 0.5em; width: 100%;}
.outline_list tr{ }
.outline_list th{ vertical-align: middle; font-size: 132%; font-weight: bold; padding: 0.7rem 2.0rem; background: #f0f0f0; border-radius: 0.5rem 0 0 0.5rem; width: fit-content;}
.outline_list td{ vertical-align: middle; padding: 0.7rem 2.0rem; background: #f0f0f0; border-radius: 0 0.5rem 0.5rem 0;}

@media screen and ( max-width: 480px ){
  .reserach_list li{ flex-wrap: wrap;}
  .reserach_list h3{ }
  .reserach_list p{ flex: 0 0 100%;}
}