@charset "UTF-8";

.customers {
  margin-top: -3rem;
  margin-bottom: 12rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8rem;

  @media screen and (max-width: 767px) {
    margin-top: -2.5rem;
    margin-bottom: 8rem;
    grid-template-columns: 1fr;
    gap: 0;
  }

  .customer {
    .field {
      margin-top: 3rem;
      font-size: 2rem;
      line-height: 1.8;
      width: 100%;
      border-bottom: 0.2rem solid var(--theme-gray);
      text-decoration: underline;
      text-underline-offset: 0.5em;

      @media screen and (max-width: 767px) {
        margin-top: 2.5rem;
        font-size: 1.6rem;
      }
    }

    .statement {
      margin-top: 1.5rem;
      font-size: 1.6rem;

      @media screen and (max-width: 767px) {
        margin-top: 1rem;
        font-size: 1.4rem;
      }
    }

    .to-right {
      margin-top: 3.5rem;
      font-size: 1.6rem;
      text-align: right;

      @media screen and (max-width: 767px) {
        margin-top: 2.7rem;
        font-size: 1.4rem;
      }
    }
  }
}