footer{
  position: relative;
  margin-top: auto;
  background: var(--black);
}
.footer-top{
  padding: 6.4rem 0 8rem;
}
.footer-logo{
  width: 20.1rem;
  height: 4.8rem;
}
.footer-logo img{
  max-width: 100%;
  max-height: 100%;
}
.footer-info-text p{
  font-size: 1.6rem;
  line-height: 140%;
  margin-bottom: 0.8rem;
}
.footer-social{
  margin-top: 4.8rem;
}
.footer-social li{
  margin-right: 1.2rem;
}
.footer-social a{
  width: 3.6rem;
  height: 3.6rem;
  background: var(--white);
}
.footer-social a:hover{
  background: var(--red);
}
.footer-social a:hover img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}
.footer-contact{
  margin-bottom: 1.6rem;
}
.footer-contact-icon{
  width: 3.2rem;
  margin-right: 1.6rem;
}
.footer-contact-icon img{
  max-width: 100%;
  height: auto;
}
.footer-contact-text span,
.footer-text p{
  display: block;
  line-height: initial;
  color: var(--gray);
  margin-bottom: 0.2rem;
}
.footer-contact-text a{
  font-size: 2.4rem;
  line-height: 120%;
  font-weight: 500;
  color: var(--white);
}
.footer-contact-text a:hover{
  text-decoration: underline !important;
}
.footer-text{
  margin-left: -1.4rem;
}
.footer-text p{
  margin-bottom: 1.2rem;
}
.footer-link{
  display: block;
  margin-right: 2.4rem;
}
.footer-link:last-child{
  margin-right: 0;
}
.footer-link img{
  max-height: 10.4rem;
}
.footer-bottom{
  border-top: 1px solid rgba(255,255,255,0.1);
  padding: 4.8rem 0;
  font-size: 1.4rem;
  line-height: 1;
  color: var(--gray);
}
.copytext{
  margin: 0 2.8rem 0 0;
}
.footer-nav li{
  margin: 0 2.8rem 0 0;
}
.footer-nav li:last-child{
  margin-right: 0;
}
.footer-nav li a{
  color: var(--gray);
}
.footer-nav li a:hover{
  text-decoration: underline !important;
}
.designby{
  margin-left: auto;
  margin-bottom: 0;
}
.designby a{
  color: var(--white);
  text-decoration: underline !important;
}
.designby a:hover{
  text-decoration: none !important;
}
#scrollTop{
  --right:calc((100vw - 1535px) / 2);
  position: absolute;
  top: -3.2rem;
  right: var(--right);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 6.4rem;
  width: 6.4rem;
  background: #F5F5F5;
}
#scrollTop:hover{
  background: var(--red);
}
#scrollTop:hover img{
  -webkit-filter: brightness(0) invert(100%);
  filter: brightness(0) invert(100%);
}
@media(min-width:1560px) and (max-width:1579.98px){
  .footer-contact-text a {
    font-size: 2.3rem;
  }
  .footer-link img {
    max-height: 9.8rem;
  }
  #scrollTop {
    --right: calc((100vw - 1460px) / 2);
  }
}
@media(min-width:1460px) and (max-width:1559.98px){
  .footer-top {
    padding: 5.6rem 0 7rem;
  }
  .footer-social {
    margin-top: 4rem;
  }
  .footer-social a {
    width: 3.4rem;
    height: 3.4rem;
  }
  .footer-contact-text a {
    font-size: 2.1rem;
  }
  .footer-contact-icon {
    width: 2.8rem;
    margin-right: 1.4rem;
  }
  .footer-link img {
    max-height: 9.2rem;
  }
  .footer-bottom {
    padding: 4rem 0;
  }
  #scrollTop {
    --right: calc((100vw - 1387px) / 2);
  }
}
@media(min-width:1360px) and (max-width:1459.98px){
  .footer-top {
    padding: 5.6rem 0 7rem;
  }
  .footer-social {
    margin-top: 4rem;
  }
  .footer-social a {
    width: 3.2rem;
    height: 3.2rem;
  }
  .footer-contact-icon {
    width: 2.6rem;
    margin-right: 1.4rem;
  }
  .footer-contact-text a {
    font-size: 2rem;
  }
  .footer-link img {
    max-height: 8.4rem;
  }
  .footer-bottom {
    padding: 4rem 0;
  }
  #scrollTop {
    --right: calc((100vw - 1287px) / 2);
  }
}
@media(min-width:1200px) and (max-width:1359.98px){
  .footer-social {
    margin-top: 4rem;
  }
  .footer-social a {
    width: 3.2rem;
    height: 3.2rem;
  }
  .footer-contact-icon {
    width: 2.4rem;
    margin-right: 1.2rem;
  }
  .footer-contact-text a {
    font-size: 2rem;
  }
  .footer-link {
    margin-right: 1.6rem;
  }
  .footer-link img {
    max-height: 7.6rem;
  }
  .footer-bottom {
    padding: 4rem 0;
    font-size: 1.3rem;
  }
  #scrollTop {
    --right: calc((100vw - 1155px) / 2);
    top: -2.8rem;
    height: 5.6rem;
    width: 5.6rem;
  }
}
@media(min-width:992px) and (max-width:1199.98px){
  .footer-top {
    padding: 4.8rem 0 6rem;
  }
  .footer-logo {
    width: 18.1rem;
    height: 4.4rem;
  }
  .footer-social {
    margin-top: 2.8rem;
  }
  .footer-social li {
    margin-right: 1rem;
    margin-top: 1rem;
  }
  .footer-contact-icon {
    width: 2.4rem;
    margin-right: 1.2rem;
  }
  .footer-contact-text a {
    font-size: 1.7rem;
  }
  .footer-text {
    margin-left: 0;
  }
  .footer-link:nth-child(3){
    margin-top: 2.4rem;
  }
  .footer-link img {
    max-height: 8rem;
  }
  .footer-bottom {
    padding: 3.6rem 0;
  }
  .designby {
    width: 100%;
    margin-top: 2rem;
  }
  #scrollTop {
    --right: calc((100vw - 945px) / 2);
    top: -2.8rem;
    height: 5.6rem;
    width: 5.6rem;
  }
}
@media(min-width:768px) and (max-width:991.98px){
  .footer-top {
    padding: 6rem 0;
  }
  .footer-logo {
    width: 17.2rem;
    height: 4.1rem;
  }
  .footer-social {
    margin-top: 4rem;
  }
  .footer-contact-icon {
    width: 2.4rem;
  }
  .footer-contact-text a {
    font-size: 1.8rem;
  }
  .footer-text {
    margin-left: 0;
    margin-top: 4rem;
  }
  .footer-link img {
    max-height: 8.8rem;
  }
  .footer-bottom {
    padding: 3.2rem 0;
    position: relative;
  }
  #scrollTop {
    --right: calc((100vw - 690px) / 2);
    top: -2.8rem;
    height: 5.6rem;
    width: 5.6rem;
  }
  .copytext {
    margin: 0 0 2rem;
    width: 100%;
  }
  .footer-nav {
    width: 100%;
    margin: 0 0 2rem;
  }
  .designby {
    width: 100%;
  }
}
@media(max-width:767.98px){
  .footer-top {
    padding: 4.8rem 0;
  }
  .footer-logo {
    width: 17.2rem;
    height: 4.1rem;
  }
  .footer-contact:first-child {
    margin-top: 4rem;
  }
  .footer-contact-icon {
    width: 2.4rem;
  }
  .footer-contact-text a {
    font-size: 1.8rem;
  }
  .footer-text {
    margin-left: 0;
    margin-top: 2.4rem;
  }
  .footer-link-list {
    margin-bottom: -2.4rem;
  }
  .footer-link{
    margin-bottom: 2.4rem;
  }
  .footer-link img {
    max-height: 8rem;
  }
  .footer-bottom {
    padding: 2.8rem 0 4.4rem;
    line-height: 140%;
    position: relative;
  }
  .copytext {
    margin: 0 0 2.8rem;
    width: calc(100% - 7.2rem);
  }
  .copytext:last-child{
    margin-bottom: 0;
  }
  .footer-nav {
    width: 100%;
  }
  .footer-nav ul{
    display: block !important;
  }
  .footer-nav li{
    margin: 0 0 1.6rem;
  }
  .designby{
    width: 100%;
    margin-top: 2.8rem;
  }
  .designby:first-child{
    margin-top: 0;
  }
  #scrollTop {
    --right: calc((100vw - 500px) / 2);
  }
}
@media(max-width:575.98px){
  #scrollTop {
    right: 2rem;
  }
}