@charset "utf-8";
/* =============================================
common
============================================= */
.flex-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .spOnly {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none !important;
  }
}
/* =============================================
banner
============================================= */
.bnrArea .flex-wrap {
  justify-content: space-between;
}
.bnrArea .flex-wrap li {
  width: 49%;
}
.margin-b {
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .bnrArea .flex-wrap {
    display: block;
  }
  .bnrArea .flex-wrap li {
    width: 90%;
    margin: 0 auto 4vw;
  }
  .margin-b {
    margin-bottom: 5vw;
  }
}