/* ==========================================================
FT-Common_Footer 202305
============================================================ */
#FT-Common_Footer{
  width: 100%;
  background-color: #242A33;
}

#FT-Common_Footer footer {
  padding: 30px;
  color: #0081cc;
  display: grid;
  grid-template-columns: 200px 1fr 320px;
  gap: 100px;
}

#FT-Common_Footer footer div {
  max-width: 200px;
  margin: auto 0;
}

#FT-Common_Footer footer nav a {
  color: #FFFFFF;
  text-decoration: none;
}

#FT-Common_Footer footer nav ul {
  padding: 0;
}

#FT-Common_Footer footer nav ul li {
  list-style: none;
  display: inline-block;
}

#FT-Common_Footer footer nav ul li:after {
  content: '│';
  margin: 0 20px;
  color: #FFF;
}

#FT-Common_Footer footer nav ul li:last-child:after {
  display: none;
}

#FT-Common_Footer footer nav>ul>li>a:hover,
#FT-Common_Footer footer div:hover {
  opacity: 60%;
}

#FT-Common_Footer .common-footer_copyright {
  color: #FFF;
  font-size: 12px;
  margin: auto 0;
}

@media screen and (max-width: 1366px){
  #FT-Common_Footer footer {
    gap:50px;
  }
}

@media screen and (max-width: 1255px){
  #FT-Common_Footer footer {
    display: block;
    text-align: center;
    margin: 0 auto;
  }
  #FT-Common_Footer footer div {
    max-width: 250px;
    margin: 20px auto;
  }
  #FT-Common_Footer footer nav ul {
    margin: 40px 0;
  }
}

@media screen and (max-width: 896px) {
  #FT-Common_Footer footer nav ul {
    margin: 40px auto;
    justify-content:center;
    max-width: 365px;
    display : flex;
    flex-wrap : wrap;
  }
  #FT-Common_Footer footer nav ul li{
    padding-bottom: 10px;
  }
  #FT-Common_Footer footer nav ul li:nth-last-child(2)::after {
    content: '';
    margin: 0;
  }
}

@media screen and (max-width: 411px){
  #FT-Common_Footer footer div {
    max-width: 200px;
    margin: 20px auto;
  }
  #FT-Common_Footer footer {
    padding: 20px;
  }
  #FT-Common_Footer footer nav ul {
    max-width: 265px;
  }
  #FT-Common_Footer footer nav ul li:nth-last-child(2)::after {
    content: '│';
    margin: 0 20px;
    color: #FFF;
  }
  #FT-Common_Footer footer nav ul li:nth-last-child(3)::after {
    content: '';
    margin: 0;
  }
}