@charset "utf-8";
.footer {
  background-color: #000;
  position: relative;
}
.footer__wrap {
  width: 90%;
  max-width: 945px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 78px 0 113px;
}
.footer__lft {
  width: 213px;
  padding-top: 8px;
}
.footer__lft a {
  display: block;
}
.footer__rgt {
  width: calc(100% - 233px);
  max-width: 512px;
}
.footer__navList {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10%;
}
.footer__navList-item {
  color: #fff;
  font-size: 17px;
  font-family: "Zen Antique Soft", serif;
  width: calc(80% / 3);
  line-height: 2.83;
  letter-spacing: 0.1em;
}
.footer__navList-item a {
  display: inline;
}
.footer__copy {
  font-size: 13px;
  padding-bottom: 30px;
}
#totop {
  width: 16.22vw;
  max-width: 159px;
  min-width: 100px;
  position: absolute;
  bottom: 120px;
  left: 50%;
  transform: translateX(440px);
  z-index: 4;
}
#totop a {
  display: block;
}
#totop a:hover {
  opacity: 1;
}
#totop a img {
  transition: scale 0.3s, drop-shadow 0.3s;
  filter: drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.5));
}
#totop a:hover img {
  scale: 1.05;
  filter: brightness(0.8);
}
@media screen and (max-width: 1240px) {
  #totop {
    bottom: clamp(67px, 9.68vw, 120px);
    left: auto;
    right: 2%;
    transform: initial;
  }
}

@media screen and (max-width: 920px) {
  .footer__wrap {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    width: 100%;
  }
  .footer__rgt {
    width: 100%;
    max-width: 352px;
  }
  .footer__navList-item {
    width: 5.5em;
  }
}

@media screen and (max-width: 480px) {
  .footer__rgt {
    max-width: 220px;
  }
}

@media screen and (max-width: 375px) {
}