/* Block */
/* ============================================ */

.main-contents {
  background-color: #afa;
  padding: 2rem 1rem;
}

.keyakiya-wrapper {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}

.keyakiya-wrapper-p {
  margin-bottom: 1rem;
}

.keyakiya-wrapper-images {
  display: flex;
  margin-bottom: 1rem;
}

.keyakiya-wrapper-image {
  flex-shrink: 0;
}

.keyakiya-wrapper-image--50 {
  width: 50%;
}

.keyakiya-wrapper-image--33 {
  width: 33.3%;
}

/* Responsive */
/* ============================================ */

@media screen and (max-width: 590px) {
  .main-contents {
    padding: 1rem;
  }

  .keyakiya-wrapper-images {
    flex-direction: column;
  }

  .keyakiya-wrapper-image--50 {
    width: 100%;
  }

  .keyakiya-wrapper-image--33 {
    width: 100%;
  }
}