@charset "UTF-8";

.before-after {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.before-after-sankaku {
  margin: 20px;
  border: solid 20px transparent;
  border-left-color: #d02430;
  transform: translateX(25%);
}

@media (max-width: 768px) {
  .before-after {
    flex-direction: column;
  }
  .before-after-sankaku {
    margin: 5px;
    border: solid 15px transparent;
    border-top-color: #d02430;
    transform: translateY(25%);
  }
}