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

.access_info{ display: grid; grid-template-columns: 20rem 1fr; border-top: solid 1px #00379c; margin: 2.0em 0 0 0;}
.access_info h3{ margin: 1.0rem; padding: 0; font-size: 124%; font-weight: bold; color: #00379c;}
.access_info div{ margin: 0; border-left: solid 1px #00379c; padding: 1.0rem; }
.access_info div>*:first-child{ margin-top: 0;}

.table_company{ margin: 0;}
.table_company tr:nth-child(2n+1){ background: #f0f0f0;}
.table_company th,
.table_company td{ vertical-align: top; line-height: 1.5; padding: 0.5em 1.0em; font-size: 93%;}

.section_topics{ background: #f2f2f2;}
.section_topics .local_title{ font-size: 124%; font-weight: bold; color: #00379c;}

.topics_list article{ margin: 1.0rem 0 0 0; background: #fff; border-radius: 0.5rem; padding: 0.8rem 1.5rem; gap: 0 1.5em;  align-items: center; display: flex;}
.topics_list article *{ margin-top: 0;}
.topics_list article h3{ }
.topics_list article .category{ display: flex; gap: 0 0.5rem; align-items: center;}
.topics_list article .category span{ display: block; font-size: 77%; color: #fff; background: #0073bc; border-radius: 0.5rem; line-height: 1.0; padding: 0.3em 0.8em;}

.financial_info{ display: grid; grid-template-columns: 20rem 1fr; border-top: solid 1px #00379c; margin: 2.0em 0 0 0; padding: 0;}
.financial_info .title_block{ padding: 1.0rem;}
.financial_info .title_block h3{ margin: 0; padding: 0; font-size: 124%; font-weight: bold; color: #00379c;}
.financial_info .content{ margin: 0; padding: 1.0rem; border-left: solid 1px #00379c;}

.financial_list{ margin: 0; padding: 0;}
.financial_list li{ margin: 0.5em 0 0 0;}
.financial_list a{ display: flex; align-items: center; background: #f2f2f2; border-radius: 0.5em; color: #121212; text-decoration: none; padding: 0.5em 1.0em; font-size: 93%;}
.financial_list a img{ display: block; height: 1.5em; width: auto; margin-left: auto;}

@media screen and ( max-width: 480px ) {
  .access_info{ display: block;}
  .topics_list article{ flex-wrap: wrap;}
  .topics_list article h3{ flex: 0 0 100%;}
  .financial_info{ display: block;}
}