/* ep-footer.css — テンプレート方式(A/C 案)の共通フッター(ep-footer.js)。1色の帯: サイトのメインカラーを暗くした色・文字は白 */
.ep-footer{--ep-ft-bg:color-mix(in srgb,var(--color-primary,var(--ep-color-1,#2b3a4a)) 32%,#121417);
  background:var(--ep-ft-bg)!important;color:#fff!important;padding:clamp(2.2rem,5vw,3.4rem) 0 0!important;margin:0!important;
  font-family:inherit;font-size:15px;line-height:1.7;position:relative;z-index:1;text-align:left;letter-spacing:normal}
.ep-footer *{letter-spacing:normal}
.ep-footer *{box-sizing:border-box}
.ep-footer a{color:#fff!important;text-decoration:none}
.ep-footer a:hover{opacity:.75}
.ep-footer-inner{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,40px);display:flex;align-items:center;justify-content:space-between;gap:2rem 3rem;flex-wrap:wrap}
.ep-footer-brand{display:flex;align-items:center;gap:.8rem;min-width:0}
.ep-footer-logo{max-height:48px;max-width:180px;width:auto;height:auto;object-fit:contain;filter:none}
.ep-footer-name{font-size:18px!important;font-weight:700!important;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ep-footer nav,.ep-footer-nav{padding:0!important;margin:0!important;text-align:inherit!important;float:none!important;width:auto!important;background:none!important}
.ep-footer-nav ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;flex-wrap:wrap;gap:.6rem 2rem;justify-content:flex-end}
.ep-footer-nav ul{height:auto!important;min-height:0!important;float:none!important;width:auto!important;text-align:left!important}
.ep-footer-nav li{margin:0!important;padding:0!important;list-style:none!important;border:0!important;float:none!important;width:auto!important;height:auto!important;text-align:left!important;display:block!important}
.ep-footer-nav li::before,.ep-footer-nav li::after{content:none!important}
.ep-footer-nav a{font-size:15px!important;line-height:1.6!important;letter-spacing:.04em!important;white-space:nowrap;display:inline!important;padding:0!important}
.ep-footer-bottom{margin-top:clamp(1.8rem,4vw,2.6rem);border-top:1px solid rgba(255,255,255,.18)}
.ep-footer-bottom p{max-width:1200px;margin:0 auto!important;padding:1.1rem clamp(16px,4vw,40px) 1.3rem!important;font-size:12.5px!important;line-height:1.7!important;color:rgba(255,255,255,.75)!important;text-align:center}
.ep-footer-bottom a{color:rgba(255,255,255,.9)!important;margin-left:.6em;text-decoration:underline;text-underline-offset:2px}
@media (max-width:767px){
  .ep-footer-inner{flex-direction:column;align-items:flex-start;gap:1.4rem}
  .ep-footer-nav ul{justify-content:flex-start;gap:.7rem 1.4rem}
}
/* 左の列: ロゴ+屋号名の下に SNS アイコン(ep-features.js がフォームの SNS を .ep-footer-left に入れる) */
.ep-footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:.9rem;min-width:0}
.ep-footer .ep-sns{justify-content:flex-start!important;padding:0!important;margin:0!important}
.ep-footer .ep-sns a{background:rgba(255,255,255,.16)!important}
@media (min-width:768px){.ep-footer-nav{flex:1 1 420px;min-width:0}}
/* 全ページを並べる(2026-10-13「フッターは今まで通り全ページ」)。6 つ以上は 3 列の升目(スマホは 2 列) */
.ep-footer-nav ul.ep-ft-many{display:grid!important;grid-template-columns:repeat(3,max-content)!important;grid-auto-flow:row!important;gap:.6rem 2.6rem!important;justify-content:end!important}
@media (max-width:767px){.ep-footer-nav ul.ep-ft-many{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.7rem 1.2rem!important;width:100%!important}
  .ep-footer-nav ul.ep-ft-many a{white-space:normal}}