.sample0007_ex {
  border: solid 1px #999;
}

.sample0007_ex1 {
  width: 100%;
  height: 20vh;
  justify-content: center;
  align-items: center;
}

.sample0007_ex1 > * {
  background: #ccc;
  width: 50%;
}

.sample0007_ex2 {
  padding: 10px;
}

.sample0007_ex2 > img {
  width: 15%;
}

.sample0007_ex2 > p {
  width: 85%;
}

.sample0007_ex2-1 {
  align-items: center;
}

.sample0007_ex2-2 {
  align-items: flex-start;
}

.sample0007_ex2-2 > p {
  padding-left: 20px;
}

@media screen and (max-width: 1023px) {
  .sample0007_ex2-2 {
    flex-direction: column-reverse;
  }
  .sample0007_ex2-2 > img {
    width: 40vw;
    margin: 10px auto 0;
  }
  .sample0007_ex2-2 > p {
    width: 100%;
    padding-left: 0;
  }
}