@charset "utf-8";

.license-list {
  margin-top: 3rem;
  display: grid;
  gap: 4rem;
  padding: 0 1rem;

  h2 {
    font-weight: bold;
    padding: 3rem 0 1.2rem 0;
    border-bottom: 2px solid #0099cc;
    text-align: center;
    max-width: 340px;
    margin: 0 auto;
  }

  .license-item {
    display: grid;
    /* 縦 */
    align-items: center;
    /* 横 */
    justify-items: center;
    /* 幅 */
    gap: 1.6rem;

    img {
      max-width: 76px;
      width: 100%;
    }

    .license-item-info {
      display: grid;
      /* 横 */
      justify-items: center;
      /* 幅 */
      gap: 0.8rem;

      h3 {
        margin: 0;
      }

      p {
        margin: 0;
      }
    }
  }

  @media (min-width: 596px) {
    margin-top: 6rem;

    .license-item {
      grid-template-columns: auto minmax(120px, 480px);
      /* 縦 */
      align-items: center;
      /* 横 */
      justify-content: center;
      justify-items: start;
      /* 幅 */
      gap: 2.4rem;

      .license-item-info {
        /* 横 */
        justify-items: start;
      }
    }
  }
}