#footer-container {
    padding: 100px 0 35px;
  }
  
  #footer-container .footer-inner-container {
    display: block;
  }
  
  #footer-container .footer-inner-container .footer-logo {
    padding-bottom: 50px;
  }
  
  #footer-container .footer-inner-container .footer-logo img {
    max-width: 100%;
    display:block;
    margin:auto;
  }
  
  #footer-container .footer-inner-container .footer-title {
    font-size: 22px !important;
    font-weight: 300;
    padding-bottom: 20px;
  }
  
  #footer-container .footer-inner-container .footer-info p {
    font-size: 16px;
    font-weight: 300;
  }
  
  #footer-container .footer-inner-container .footer-info p span {
    font-weight: 700;
    display: inline-block;
  }
  
  #footer-container .footer-inner-container .footer-info .office-logo-container {
    padding-top: 15px;
  }
  
  #footer-container .footer-inner-container .footer-info .office-logo-container img {
    max-width: 100%;
    display: block;
  }
  
  #footer-container .footer-inner-container .footer-info .sns-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
  }
  
  #footer-container .footer-inner-container .footer-info .sns-container a {
    font-size: 18px;
    padding-right: 25px;
    display: block;
    opacity: 0.7;
    -webkit-transition: 0.2s ease-in-out all;
    transition: 0.2s ease-in-out all;
  }
  
  #footer-container .footer-inner-container .footer-info .sns-container a:hover {
    opacity: 1;
  }
  
  
  @media screen and (max-width: 767px) {
    #footer-container .footer-inner-container .footer-navigation {
      padding-top: 10px;
    }
  }
  
  #footer-container .footer-inner-container .footer-navigation .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-around;
            flex-wrap:wrap;
  }
/*   
  @media screen and (max-width: 767px) {
    #footer-container .footer-inner-container .footer-navigation .menu {
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
  } */
  
  #footer-container .footer-inner-container .footer-navigation .menu li {
    padding: 5px 10px;
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    position:relative;
  }
  #footer-container .footer-inner-container .footer-navigation .menu li a:after {
    content: '';
    width: 0;
    left: 50%;
    transform: translate(-50%);
    border-bottom: 2px solid var(--theme-color);
    position: absolute;
    bottom: -5px;
    -webkit-transition: 0.2s ease-in-out all;
    transition: 0.2s ease-in-out all;
}
#footer-container .footer-inner-container .footer-navigation .menu li a:hover:after, #footer-container .footer-inner-container .footer-navigation .menu li.current-menu-item > a:after {
  width: calc(100% - 5px);
}
  #footer-container .footer-inner-container .footer-copyright {
    padding-top: 45px;
    font-size: 14px;
    font-weight: 300;
    opacity: 0.7;
    border-top: 1px solid rgba(255, 255, 255 , 0.7);
    margin-top: 45px;
    display:flex;
    justify-content: space-between;
    align-items:center;
  }
  #footer-container .footer-inner-container .footer-copyright span{
    opacity: 0.7;
  }
  #footer-container .footer-inner-container .footer-copyright .sns-container {
    display:flex;
    justify-content:space-around;
    flex-wrap:wrap;
  }
  #footer-container .footer-inner-container .footer-copyright .sns-container a{
    padding-left:20px;
    font-size:18px;
    opacity:0.7;
    transition:0.2s ease-in-out all;

  }
  #footer-container .footer-inner-container .footer-copyright .sns-container a:hover {
    opacity:1;
  }
  @media screen and (max-width: 767px) {
    #footer-container .footer-inner-container .footer-copyright {
      padding-top: 35px;
      flex-direction:column;
    }
    #footer-container .footer-inner-container .footer-copyright span {
      order:1;
      text-align:center;
    }
    #footer-container .footer-inner-container .footer-copyright .sns-container {
      margin-bottom:25px;

    }
    #footer-container .footer-inner-container .footer-copyright .sns-container a {
      padding:5px;
    }
  }
  
  #footer-container * {
    color: inherit;
  }
  