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

.section_info{}
.section_info article{ margin: 0; padding: 1.0em 0.5em; border-bottom: solid 1px #ccc; }
.section_info article:first-child{ border-top: solid 1px #ccc;}
.section_info article *{ margin-top: 0;}
.section_info article a{margin: 0; display: flex; gap: 0 2%; align-items: center;}
.section_info figure{ display: block; flex: 0 0 100px; margin: 0; padding: 2px; border: solid 1px #ccc; }
.section_info figure span{ display: block; margin: 0; padding: 100% 0 0 0; background: no-repeat center center / cover;}
.section_info h3{ margin: 0; font-weight: 600;}
.section_info .sub_info{ display: flex; gap: 0 1.0em; align-items: center;}
.section_info time{ display: block; font-size: 86%; margin: 0;}
.section_info .categories{ display: flex; gap: 0 1.0em; align-items: center;}
.section_info .categories li{ font-size: 77%; background: #530900; color: #FFFFFF; line-height: 1.0; padding: 0.2em 0.5em; border-radius: 0.3em;}

.section_info .excerpt{ font-size: 86%; line-height: 1.5; margin: 1.0em 0 0 0; position: relative;}

@media screen and ( max-width: 480px ) {
  .section_info article a{ display: block;}
  .section_info figure{ width: 100px; float: left; margin-right: 1.0em;}
  .section_info .sub_info{ display: block;}
  .section_info .categories{ gap: 0 0.2em; flex-wrap: wrap;}
  .section_info .categories li{ margin-top: 1px;}
  .section_info .excerpt::before{ content:''; display: block; clear: both;}
}


.blog_content .sub_info{ display: flex; gap: 0 1.0em; align-items: center;}
.blog_content .sub_info *{ margin-top: 0;}
.blog_content time{ display: block; font-size: 86%; margin: 0;}
.blog_content .categories{ display: flex; gap: 0 1.0em; align-items: center;}
.blog_content .categories li{ font-size: 77%; background: #530900; color: #FFFFFF; line-height: 1.0; padding: 0.2em 0.5em; border-radius: 0.3em;}

.blog_content .blog_title{ font-size: 128%; font-weight: bold;}

.blog_content .col02{ display: flex; gap: 0 2%; flex-wrap: wrap;}
.blog_content .col02>*{ flex: 0 49%;}

@media screen and ( max-width: 480px ) {
  .blog_content .sub_info{ display: block;}
  .blog_content .categories{ flex-wrap: wrap; gap: 0 0.2em;}
  .blog_content .categories li{ margin-top: 1px;}
}