@charset "UTF-8";

.mainContents .grid {
  display: flex;
  align-items: flex-start;
}

.mainContents .grid__4 {
  background-color: red;
  width: calc(40% - 30px);
}

.mainContents .grid__6 {
  width: calc(40% - 30px);
}

.mainContents .grid__width--3-1 {
  flex: 1;
}

.mainContents .grid .text-column {
  flex: 1;
}

@media (max-width: 767px) {
  .mainContents .grid {
    flex-direction: column;
  }

  .mainContents .grid__4,
  .mainContents .grid__6 {
    width: 100%;
  }

  .mainContents .img--responsive {
    width: 100%;
  }
}