/* フッター
--------------------------------------------------*/

.l-footer {
  background-color: #201b2c;
  color: #fff;
}
.nav-footer li a {
  color: #fff;
}
/* pc */
@media print, only screen and (min-width: 1px) {
  .l-footer {
    padding: 69px 40px 15px 40px;
  }
  .l-footer__inner {
    max-width: 1000px;
    margin: 0 auto;
  }
  .l-footer__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
  }
  .nav-footer {
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .nav-footer ul:first-child {
    margin-right: 60px;
  }
  .nav-footer li {
    margin-bottom: 12px;
    transition: .3s;
  }
  .nav-footer li:hover {
    opacity: 0.6;
    a {
      text-decoration: none;
    }
  }
  .l-footer__logo a {
    transition: .3s;
  }
  .l-footer__logo a:hover {
    opacity: 0.6;
  }
  .l-footer__logo img {
    width: 243px;
  }
  .l-footer__copy {
    margin-top: 80px;
    font-size: 12px;
    letter-spacing: 0.04em;
  }
  .l-footer__social {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
  .l-footer__social li {
    width: 32px;
    margin: 0 10px;
  }
}

/* sp */
// @media screen and (max-width: 767px) {
//   .l-footer {
//     padding: 5.2rem 0 1.6rem 0;
//   }
//   .nav-footer {
//     display: flex;
//     font-size: 1.4rem;
//     letter-spacing: 0.1em;
//     border-bottom: 1px solid rgba(255,255,255,0.3);
//     padding: 0 2rem 3rem 2rem;
//     margin-bottom: 4.5rem;
//   }
//   .nav-footer ul:first-child {
//     margin-right: 4.5rem;
//   }
//   .nav-footer li {
//     margin-bottom: 2.5rem;
//   }
//   .l-footer__logo {
//     text-align: center;
//   }
//   .l-footer__logo img {
//     width: 21.4rem;
//   }
//   .l-footer__copy {
//     margin-top: 3rem;
//     font-size: 1.1rem;
//     letter-spacing: 0.04em;
//     text-align: center;
//   }
//   .l-footer__social {
//     display: flex;
//     justify-content: center;
//     margin-top: 4rem;
//   }
//   .l-footer__social li {
//     width: 2.8rem;
//     margin: 0 1.2rem;
//   }
// }