@charset 'utf-8';

.l-footer {
  background-color: var(--color-font-02);
  padding: 100px 0 20px 0;

  .l-footer-logo-menu {
    display: flex;
    justify-content: space-between;

    .l-footer-logo {
      width: 140px;
    }

    .l-footer-menu {
      .l-footer-menu__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px 50px;

        .l-footer-menu__list-item {
          .l-footer-menu__link {
            display: inline-block;
            color: #fff;
            font-size: 1.4rem;
            text-decoration: none;
          }
        }  
      }
    }
  }

  .l-footer-copyright {
    margin-top: 50px;
    color: #fff;
    font-size: 1.2rem;
  }
}

.l-footer-padding {
  padding-bottom: 100px;
}

/* TABLET */
@media screen and (max-width: 1024px) {
  .l-footer {
    padding: 100px 30px 20px 30px;
  }
}

@media screen and (max-width: 768px) {
  .l-footer {
    padding: 70px 30px 20px 30px;
  
    .l-footer-logo-menu {
      flex-direction: column;
      gap: 50px;
  
      .l-footer-logo {
      }
  
      .l-footer-menu {
        .l-footer-menu__list {
          grid-template-columns: repeat(1, 1fr);
          gap: 20px;
  
          .l-footer-menu__list-item {
            .l-footer-menu__link {
            }
          }  
        }
      }
    }
  
    .l-footer-copyright {
      padding-bottom: 100px;
    }
  }

  .l-footer-padding {
    padding-bottom: 70px;
  }
}