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

.hp{ margin: 0; padding: 0; background: #f9f6f1;}
.hp .mb{ padding: 0;}
.hp img{ display: block; margin: 0; padding: 0; width: 100%;}

.prenav{ margin: 0; padding: 2.0em 0; display: flex; gap: 1.0em 2%;}
.prenav *{ margin-top: 0;}
.prenav p{ flex: 1;}
.prenav a{ margin: 0;}
@media screen and ( max-width: 480px ) {
  .prenav{ flex-wrap: wrap;}
  .prenav p{ flex: 0 0 100%;}
}

.section_billboard { margin: 1.0em 0 0 0;}
.section_billboard .mb{ padding: 0;}
.section_billboard .wrapper{ margin: 0; padding: 56.25% 0 0 0; background: url("../img/index/bg11.jpg") no-repeat center bottom / cover; position: relative;}
.section_billboard h1{  margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex;  }
.section_billboard h1 img{ display: block; width: 50%; margin: 1.0em 1.0em auto auto;}
 
.section_info article{ display: flex; margin: 0; padding: 1.5em 0; border-bottom: dotted 1px #CCCCCC;}
.section_info article *{ margin-top: 0;}
.section_info article time{ margin: 0; display: block; white-space: nowrap;}
.section_info article > div{ margin: 0 0 0 1.5em;}
.section_info article .content{ font-size: 86%;}
.section_info article .content *{ margin-top: 0;}