@charset "utf-8";

.footer{
  background-color: #fff;
  padding: 100px 0 1.5rem;
}

.footer-bg{
  width:90%;
  margin:0 auto;
  max-width:1500px;
}

.footer-wrap{
  display:flex;
  margin:0 0 180px;
  justify-content: space-between;
}

.footer-left{
  width:310px;
}

.footer-left p{
  line-height:2;
}

.footer-logo{
  margin-bottom:1rem;
}

.footer-logo:hover{
  opacity:0.7;
}

.footer-left a{
  display:inline-block;
}

.footer-right{
  max-width:740px;
  display:flex;
  flex-wrap:wrap;
  gap:2.5rem 1rem;
  width: calc(100% - 400px);
}

.footer-right a{
  width:calc((100% - 2rem)/3);
  font-size:clamp(0.875rem, 0.739rem + 0.45vw, 1.25rem);
}

.copyright{
  text-align:center;
  font-size:clamp(0.625rem, 0.534rem + 0.3vw, 0.875rem);
  line-height:1;
}


@media screen and (max-width: 1024px) {
  .footer-wrap {
        flex-direction: column-reverse;
        align-items: center;
        gap: 5rem;
        margin: 0 0 3.5rem;
  }
  .footer-right{
    width:100%;
    text-align:center;
  }
}

@media (max-width: 767px) {
  .footer{
    padding: 3.5rem 0 1.5rem;
  }
  .footer-right a{
    width:100%;
  }
  .footer-right{
    gap:2rem;
  }
  .footer-left {
    width: 270px;
  }
}