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


.area_category{ background: #0073bc; color: #fff; padding: 0.5rem 1.5rem; font-size: 132%; border-radius: 0.5rem;}
.sub_category{ border-top: solid 1px #00379c; padding: 0 1.5rem; color: #00379c; font-size: 132%; font-weight: 600;}
.biz_list{}
.biz_list article{ display: flex; background: #f0f0f0; margin: 0.3rem 0 0 0; padding: 0.5rem 1.5rem; border-radius: 0.5rem; align-items: center; gap: 2.0rem;}
.biz_list article *{ margin-top: 0;}
.biz_list article h4{ width: 45%;}
.biz_list article .cat{ text-align: right;}
.biz_list article .output{ text-align: right;}
.biz_list ul{ display: flex; margin: 0 0 0 auto; gap: 0 0.7rem; align-items: center;}
.biz_list ul li{ flex: 0 0 80px;  font-size: 93%;}

.biz_list ul li span{ display: block; background: #0073bc; color: #fff; padding: 0.5rem 0; text-align: center; line-height: 1.0; border-radius: 0.3rem; white-space: nowrap;}
.biz_list ul li.outarea{ flex: 0 0 110px;}
.biz_list ul li.outarea span{ background: #666666;}
.biz_list ul li a{ display: block; background: #f073bc; color: #fff; padding: 0.5rem 0; text-align: center; line-height: 1.0; border-radius: 0.3rem; text-decoration: none;}

.factory_nav{ background: #f0f0f0;}
.factory_nav h2{ color: #003794; font-size: 132%;}

@media screen and ( max-width: 480px ) {
  .biz_list article{  flex-wrap: wrap; gap: 0;}
  .biz_list article h4{ width: 100%; flex: 0 0 100%; font-weight: bold; font-size: 100%;}
  .biz_list article .cat{ margin: 0; text-align: left;}
  .biz_list article .output{ margin: 0 0 0 1.0em; text-align: left;}
  .biz_list ul{ margin: 0.5em 0 0 0; font-size: 86%; flex: 0 0 100%;}
}