html {
    position: relative;
    min-height: 100%;
    padding-bottom: 100px;
    box-sizing: border-box;
  }
  footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60px;
  }

  #footer-logo{
    text-align:center;
    margin:30px 0;
  }

  .footer-content{
    display:flex;
    justify-content: center;
    color:white;
    
  }

  .footer-content div{
    margin-left:10px;
    margin-right:10px;
    margin-top: 20px;  /* ここで任意の値を指定して下方へ調整 */
 
  }

  .footer-content a{
    color:white;
  }

  .footer-content a:hover{
    color:#f4f4f4;
  }

 .footer-logo{
      color:white;
  }