/*
  footer
*/
#footer {
  background: #f0f0f0 url(/images/bg-stripe.png) repeat center center;
  color: #000;
  padding-bottom:10px;

  .footer-inner{
    margin: 0 auto;
    max-width:1200px;
    padding: 50px 40px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  ._logo{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;

    ._name{
      margin-left: 8px;
      font-size: 20px;
      line-height: 1;
      font-weight: bold;
      span{
        font-size: 11px;
        display: block;
        margin-bottom:3px;
      }
    }
  }

  ._navigation{
    ul{
      display: flex;
    }
    a{
      width: 105px;
      height: 70px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-decoration: none;
      color: #000;
      font-size: 13px;
    }
    span{
      color: var(--color-green);
      font-size: 10px;
    }
  }

  address{
    font-family: Century Gothic, sans-serif;
    font-size: 12px;
    font-style: normal;
    text-align: center;
  }
}

@media only screen and (max-width: 800px) {
  #footer{
    .footer-inner{
      padding: 40px 20px 20px;
      flex-direction: column;
      align-items: center;
      gap: 20px;
    }
    ._logo{
      ._name{
        font-size: 18px;
      }
    }
  }

}