@charset "utf-8";

/*=== お知らせ一覧 ===*/
.info {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px 70px;
}
.info-item {
  display: flex;
  margin-bottom: 10px;
  padding: 0 15px 10px;
  border-bottom: 1px solid #c7e9ff;
}
.info-data {
  width: 155px;
  color: #0b61ac;
  font-weight: bold;
}
.info-detail {
  width: calc(100% - 155px);
  font-size: 14px;
}
.info-detail p,
.info-detail ul {
  margin-top: 10px;
}
.info-detail ul {
  padding-left: 20px;
}
.info-detail li {
  margin-top: 3px;
  list-style: disc;
}
p.info-lead {
  margin: 0 0 10px;
  font-weight: bold;
  font-size: 16px;
}
.info-note {
  margin-top: 10px;
  padding-left: 1em;
  text-indent: -1em;
}


@media screen and (max-width: 768px) {
  /*=== お知らせ一覧 ===*/
  .info {
    padding: 0 10px 35px;
  }
  .info-item {
    padding: 0 0 10px;
  }
  .info-data {
    width: 100px;
  }
  .info-detail {
    width: calc(100% - 100px);
  }
  .info-detail p,
  .info-detail ul {
    margin-top: 10px;
  }
  .info-detail ul {
    padding-left: 20px;
  }
  .info-detail li {
    margin-top: 3px;
  }
  p.info-lead {
    margin: 0 0 10px;
    font-size: 14px;
  }
  .info-note {
    margin-top: 10px;
  }
}