@charset "utf-8";
/* CSS Document */
  .flexbox-bnr {
    display: -webkit-flex;
    display: flex;  }
.item {
  margin: 5px;
  text-align: center;
  width: 50%; 
}


.flexbox-bnr img:hover {
  opacity: 0.6; /* マウスを乗せた時の透明度（0.0〜1.0） */
}

@media screen and (max-width: 767px) {
  .flexbox-bnr {
    display: -webkit-flex;
    display: flex;
  flex-wrap: wrap;
  align-items: center;     /* 左右の中央揃え */
  justify-content: center;}
}
.item {
  margin: 5px;
  text-align: center;
  width: 45%; 
}