footer {
  width: 100%;

}
footer .main_wrap{
  width: 100%;
  max-width: var(--page-max-width);
  min-width: var(--page-min-width);
  padding: var(--section-margin) var(--page-padding) var(--section-margin6);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
footer .main_wrap .company_info{
  width: 40%;
}
footer .main_wrap .company_info img{
  width: 150px;
  height: auto;
  margin-bottom: var(--section-margin2);
}
footer .main_wrap .company_info p{
  width: 100%;
  font-size: var(--font-s);
  text-align: left;
  margin-bottom: var(--section-margin1);
}
footer .main_wrap .company_info p:last-child{
  margin-bottom: 0;
}
footer .main_wrap .logo_info{
  width: 60%;
}
footer .main_wrap .logo_info ul{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--section-margin3);
}
footer .main_wrap .logo_info ul li{
  width: 80px;
}
footer .main_wrap .logo_info ul li img{
  width: 100%;
  height: auto;
}
footer .main_wrap p.copyright{
  width: 100%;
  font-size: var(--font-s);
  margin-top: var(--section-margin3);
  text-align: center;
}

@media screen and (max-width: 768px) {
  footer .main_wrap .company_info{
    width: 100%;
    margin-bottom: var(--section-margin2);
  }
  footer .main_wrap .logo_info{
    width: 100%;
  }
  footer .main_wrap .logo_info ul {
    justify-content: center;
  }
  footer .main_wrap .logo_info ul li{
    width: 40px;
  }
}