
@media (max-width: 1220px){
  .index-about__top {
    flex-direction: column;
    align-items: flex-start;
  }
  .index-about__top span {
    display: block;
  }
  .index-about__top .text-wrapper {
    width: 100%;
    margin-top: 30px;
  }
  .index-about__logo-wrapper {
    width: 220px;
    height: 59px;
  }
  .index-about__content {
    flex-direction: column-reverse;
    flex-wrap: wrap;
  }
  .index-about__left-content {
    flex: 1;
    width: 100%;
  }
  .index-about__left-content div {
    display: none;
  }
  .index-about__left-content .button {
    margin-top: 30px;
    max-width: 350px;
  }
  .index-about .flex-row {
    width: 100%;
  }
}