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

main { margin-top: 50px;}
.newsList { width: 93.75%; max-width: 900px; margin: 0 auto;}
.newsList li { border-bottom: 1px dashed #54585c;}
.newsList li + li { margin-top: 30px;}
.newsList dl { padding-bottom: 8px; font-size: 0;}
.newsList dl dt,
.newsList dl dd { display: inline-block; vertical-align: top;}
.newsList dt {
  width: 120px;
  padding: 5px 10px;
  background: #3439A6;
  color: #FFF;
  font-size: 1.5rem;
  text-align: center;
}
.newsList dd { padding-left: 30px; padding-top: 5px; font-size: 1.5rem;}
.newsList dd a { text-decoration: none; color: inherit;}
.newsList dd a:hover { text-decoration: underline;}
.newsList dd + dt { margin-top: 20px;}
@media only screen and (max-width: 767px) {
  .newsList dt,
  .newsList dl dd { font-size: 1.4rem; display: block;}
  .newsList dd { padding-left: 0;}
}