.site-footer{
  background:#2f2f2f;
  color:#ddd;
  padding:60px 20px 30px;
  font-size:14px;
}

.footer-inner{
  max-width:1100px;
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(4,1fr);
  gap:40px;
}

.footer-col h3{
  font-size:14px;
  margin-bottom:12px;
  border-bottom:1px solid #555;
  padding-bottom:6px;
  color:#fff;
}

.footer-col ul{
  list-style:none;
  padding:0;
  margin:0;
}

.footer-col li{
  margin:6px 0;
}

.footer-col a{
  color:#bbb;
  text-decoration:none;
  transition:0.2s;
}

.footer-col a:hover{
  color:#fff;
}

.footer-bottom{
  max-width:1100px;
  margin:40px auto 0;
  padding-top:20px;
  border-top:1px solid #444;
  text-align:center;
}

.footer-sns{
  margin-bottom:10px;
}

.footer-sns a{
  margin:0 8px;
  color:#aaa;
  text-decoration:none;
}

.footer-logo{
  margin:10px 0;
  font-weight:bold;
  color:#fff;
}

.mlab-fotter-logo { width: 60%; margin: 0 auto; padding-bottom:30px; }

copyright{
  font-size:12px;
  color:#888;
}


/* ページトップへのリンク */
.page-top-btn{
  position:fixed;
  right:24px;
  bottom:24px;
  width:48px;
  height:48px;
  border:none;
  border-radius:50%;
  background:#1e90ff;
  color:#fff;
  font-size:22px;
  font-weight:bold;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(0,0,0,0.2);
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  transition:0.3s;
  z-index:999;
}

.page-top-btn.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

.page-top-btn:hover{
  background:#0d6fd1;
}

@media(max-width:768px){
  .page-top-btn{
    right:16px;
    bottom:16px;
    width:44px;
    height:44px;
    font-size:20px;
  }
}

@media (max-width: 768px){
  .footer-inner{
    grid-template-columns: 1fr 1fr;
    gap:20px;
  }

  .mlab-fotter-logo { width: 90%; }
}

@media (max-width: 480px){
  .footer-inner{
    grid-template-columns: 1fr;
  }

  .site-footer{
    padding:40px 16px;
  }
}