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

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

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

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

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

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

}