/* ===== footer ===== */
body{
    font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",sans-serif;
    color:#333333;
    -webkit-font-smoothing:antialiased;
  }
img{max-width:none;display:block}
/* ===== Footer ===== */
.footer{
    background:#e6f2ff;
    padding:36px 24px 28px;
    display:flex;
    justify-content:center;
  }
.footer-inner{
    width:100%;
    max-width:1020px;
    display:flex;
    flex-direction:column;
    gap:16px;
  }
.footer-top{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:40px;
  }
/* company block */
.footer-company{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
.footer-logo{
    position:relative;
    width:120px;
    height:20px;
    overflow:hidden;
  }
.footer-logo img{
    position:absolute;
    left:0;
    top:-254.99%;
    width:100%;
    height:614.53%;
    max-width:none;
    object-fit:cover;
  }
.footer-company .name{
    font-size:16px;
    font-weight:500;
    line-height:1.6;
    color:#333333;
  }
.footer-company .addr{
    font-size:14px;
    font-weight:400;
    line-height:1.6;
    color:var(--gray);
    max-width:234px;
  }
/* link columns */
.footer-cols{
    display:flex;
    flex-wrap:wrap;
    gap:0 24px;
  }
.footer-col{
    min-width:140px;
    display:flex;
    flex-direction:column;
    gap:16px;
  }
.footer-col h3{
    font-size:16px;
    font-weight:500;
    color:#333333;
    line-height:1;
  }
.footer-col ul{
    display:flex;
    flex-direction:column;
    gap:8px;
  }
.footer-col a{
    font-size:14px;
    font-weight:400;
    color:var(--gray);
    line-height:1;
    transition:color .2s ease;
  }
.footer-col a:hover{color:#333333}
/* social */
.footer-social{
    display:flex;
    align-items:center;
    gap:16px;
  }
.footer-social a{
    color:var(--gray);
    font-size:20px;
    line-height:28px;
    transition:color .2s ease;
  }
.footer-social a:hover{color:#333333}
/* copyright */
.footer-copy{
    border-top:1px solid var(--line);
    padding-top:17px;
    text-align:center;
  }
.footer-copy p{
    font-size:14px;
    font-weight:400;
    color:var(--gray);
    line-height:1;
  }
/* ===== Responsive ===== */
@media (max-width:760px){
    .footer-top{
      flex-direction:column;
      gap:32px;
    }
    /* SP: リンク3列を縦積み（1カラム） */
    .footer-cols{
      width:100%;
      flex-direction:column;
      gap:30px;
    }
    .footer-col{
      min-width:0;
      width:100%;
    }
  }