/* sectionのスタイル */
.news {
}

/* ニュースリスト (ul) */
.pdf-content {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
}

/* ニュースアイテム (li) */
.pdf-item {
  flex: 40%;
  text-align: center;
  padding: 20px 20px 0;
  margin: 5px;
  border: 3px solid #527acc;
  border-radius: 10px;
  list-style: none;
}

/* アイコン画像の情報 */
.pdf-item img {
  width: 260px;
  margin: 0 auto;
}

@media screen and (min-width;768px) {
  /* ニュースリスト (ul) */
  .pdf-content {
    flex-wrap: nowrap;
    max-width: 900px;
    margin: 0 auto;
  }

  /* ニュースアイテム (li) */
  .pdf-item {
    flex: 1;
  }

}