/* ==============================================
   共通フッター: footer.css
============================================== */

/* ダークグリーン系：シアンと相性よく、ネイビーと差別化 */
#footer{background:#2a555e; color:#fff; padding:48px 0 0;}
.footerInner{max-width:1160px; margin:0 auto; padding:0 40px;}

.footerGrid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1fr; gap:40px; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,0.06);}

.footerLogoWrap{display:flex; align-items:center; gap:8px; margin-bottom:12px;}
.footerLogoImg{height:24px; width:auto; filter:brightness(0) invert(1); opacity:1;}
.footerLogoName{font-size:16px; font-weight:700; letter-spacing:1px;}

.footerDesc{font-size:12px; color:#fff; line-height:1.9; margin-bottom:14px;}

.footerSiteLink{display:inline-block; font-size:11px; color:var(--cyan); border:1px solid rgba(0,181,217,0.3); padding:5px 14px; border-radius:2px; transition:background 0.18s;}
.footerSiteLink:hover{background:rgba(0,181,217,0.08);}

.footerColTitle{font-size:12px; font-weight:700; letter-spacing:3px; color:#fff; text-transform:uppercase; margin-bottom:14px;}
.footerColList{display:flex; flex-direction:column; gap:9px;}
.footerColList a{font-size:11px; color:#fff; transition:color 0.18s;}
.footerColList a:hover{color:var(--cyan);}

.footerBottom{padding:16px 0; display:flex; justify-content:space-between; align-items:center;}
.footerCopy{font-size:11px; color:#fff;}
.footerBottomLinks{display:flex; gap:20px;}
.footerBottomLinks a{font-size:11px; color:#fff; transition:color 0.18s;}
.footerBottomLinks a:hover{color:var(--cyan);}

@media (max-width:1024px){
  .footerInner{padding:0 20px;}
  .footerGrid{grid-template-columns:1fr 1fr; gap:28px;}
}
@media (max-width:480px){
  .footerGrid{grid-template-columns:1fr;}
  .footerBottom{flex-direction:column; gap:10px;}
}

/* ===== FOOTER ACCORDION (SP) ===== */
.footerAccordionBtn{display:none;}

@media (max-width:480px){
  .footerGrid{grid-template-columns:1fr; gap:0; border-top:1px solid rgba(255,255,255,0.1);}
  .footerGrid > div{border-bottom:1px solid rgba(255,255,255,0.1); padding:0;}
  .footerGrid > div:first-child{padding:24px 0; border-bottom:1px solid rgba(255,255,255,0.1);}

  .footerColTitle{display:none;}
  .footerAccordionBtn{
    display:flex; align-items:center; justify-content:space-between;
    width:100%; background:none; border:none; cursor:pointer;
    padding:14px 0; font-size:13px; font-weight:700; letter-spacing:2px;
    color:#fff; text-align:left; text-transform:uppercase;
  }
  .footerAccordionIcon{width:18px; height:18px; flex-shrink:0; position:relative;}
  .footerAccordionIcon::before,
  .footerAccordionIcon::after{
    content:''; position:absolute; background:rgba(255,255,255,0.6);
    border-radius:1px; transition:transform 0.25s, opacity 0.25s;
  }
  .footerAccordionIcon::before{width:12px; height:1.5px; top:50%; left:50%; transform:translate(-50%,-50%);}
  .footerAccordionIcon::after{width:1.5px; height:12px; top:50%; left:50%; transform:translate(-50%,-50%);}
  .footerAccordionBtn.isOpen .footerAccordionIcon::after{transform:translate(-50%,-50%) rotate(90deg); opacity:0;}

  .footerColList{display:none; padding:0 0 14px;}
  .footerColList.isOpen{display:flex;}

  .footerBottom{flex-direction:column; gap:10px; text-align:center;}
  .footerBottomLinks{flex-wrap:wrap; justify-content:center;}
}