body {
  font-family: sans-serif;
  padding: 20px;
  background-color: #fff;
}

h1 {
  font-size: 1.5em;
  margin-bottom: 1em;
}

ul.notice-list {
  list-style: none;
  padding: 0;
}

ul.notice-list li {
  display: flex;
  align-items: flex-start;
  padding: 0.5em 0;
}

.date {
  width: 100px;
  font-weight: bold;
  color: #333;
  flex-shrink: 0;
}

.notice-text {
  flex: 1;
  word-wrap: break-word;
}

.notice-text img {
  width: 200px;        /* 横幅を固定 */
  height: 150px;       /* 高さも固定 */
  object-fit: cover;   /* はみ出さずに切り取って表示（必要に応じて） */
  margin-top: 0.5em;
  display: block;
}