.relatedEventCasesBlock {
  margin: 10vw 0;
}
.relatedEventCasesBlock .intro {
  margin-bottom: 2.5vw;
}
.relatedEventCasesBlock .intro .left,
.relatedEventCasesBlock .intro .right {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.relatedEventCasesBlock .intro .right {
  text-align: right;
  margin-top: -0.3125vw;
}
.relatedEventCasesBlock .cases {
  margin-left: -0.5vw;
  width: calc(100% + 1vw);
}
@media all and (max-width: 1080px) {
  .relatedEventCasesBlock {
    margin: 14.814vw 0;
  }
  .relatedEventCasesBlock .intro {
    margin-bottom: 3.704vw;
  }
  .relatedEventCasesBlock .intro .right {
    margin-top: -0.463vw;
  }
  .relatedEventCasesBlock .cases {
    margin-left: -0.741vw;
    width: calc(100% + 1.481vw);
  }
}
@media all and (max-width: 580px) {
  .relatedEventCasesBlock {
    margin: 22.586vw 0;
  }
  .relatedEventCasesBlock .intro {
    margin-bottom: 6.897vw;
  }
  .relatedEventCasesBlock .intro .right {
    margin-top: -0.862vw;
  }
  .relatedEventCasesBlock .cases {
    margin-left: -1.379vw;
    width: calc(100% + 2.759vw);
  }
}
