/* line 1, ../sass/plase.scss */
.OC-PositionFlex {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 24px);
  margin: 0 -12px;
}
/* line 7, ../sass/plase.scss */
.OC-PositionFlex .OC-PositionBox {
  width: calc(100% / 4 - 24px);
  margin: 12px;
  position: relative;
  overflow: hidden;
}

@media only print, screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 19, ../sass/plase.scss */
  .OC-PositionFlex .OC-PositionBox {
    width: calc(100% / 3 - 24px);
  }
}
@media only screen and (min-width: 0px) and (max-width: 767px) {
  /* line 28, ../sass/plase.scss */
  .OC-PositionFlex .OC-PositionBox {
    width: calc(100% / 2 - 24px);
  }
  /* line 31, ../sass/plase.scss */
  .OC-PositionFlex .OC-PositionBox .img {
    height: 32vw;
  }
}