/* Y TEC footer | style.css の後に読み込んでください */
.footer.footer--navy{background:#10152f;color:#fff;padding:0;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;line-height:1.6}
.footer--navy *{box-sizing:border-box}
.footer--navy .footerN__container{width:min(1540px,calc(100% - 72px));margin-inline:auto}
.footer--navy a{color:inherit;text-decoration:none}
.footer--navy .footerN__brand{text-align:center;padding:66px 0 39px}
.footer--navy .footerN__brandLink{display:inline-flex;align-items:center;justify-content:center;gap:22px;max-width:100%;font-weight:700;line-height:1.4}
.footer--navy .footerN__logoCircle{width:76px;height:76px;flex:0 0 76px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden;padding:8px}
.footer--navy .footerN__logoCircle img{display:block;width:100%;height:100%;object-fit:contain}
.footer--navy .footerN__companyName{font-size:clamp(20px,2.25vw,38px);letter-spacing:.025em}
.footer--navy .footerN__motto{margin:22px 0 10px;font-size:clamp(15px,1.5vw,23px);font-weight:700}
.footer--navy .footerN__catch{margin:0;font-size:clamp(14px,1.4vw,21px);font-weight:600}
.footer--navy .footerN__nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;border-block:1px solid rgba(255,255,255,.4);padding:23px 0;row-gap:13px}
.footer--navy .footerN__nav a{padding:3px clamp(12px,1.9vw,30px);font-size:clamp(13px,1.12vw,18px);font-weight:700;white-space:nowrap;border-right:1px solid rgba(255,255,255,.4);transition:color .25s ease}
.footer--navy .footerN__nav a:last-child{border-right:0}
.footer--navy .footerN__nav a:hover,.footer--navy .footerN__nav a:focus-visible{color:#8bd9e9}
.footer--navy .footerN__group{padding:34px 0 38px}
.footer--navy .footerN__group h2{margin:0 0 27px;color:#fff;text-align:center;font-size:clamp(15px,1.25vw,19px);font-weight:700;letter-spacing:.16em}
.footer--navy .footerN__groupRow{display:flex;justify-content:center;align-items:center;gap:clamp(25px,3vw,58px)}
.footer--navy .footerN__farm{width:225px;min-height:100px;flex:0 0 225px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.88);text-align:center;transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease,box-shadow .3s ease}
.footer--navy .footerN__farm:hover,.footer--navy .footerN__farm:focus-visible{background:#fff;color:#10152f;border-color:#fff;transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.24)}
.footer--navy .footerN__farmName{font-size:23px;font-weight:700;letter-spacing:.06em}
.footer--navy .footerN__farmSub{font-size:13px;font-weight:700;letter-spacing:.07em}
.footer--navy .footerN__socials{display:flex;align-items:start;justify-content:center;gap:clamp(14px,1.6vw,26px)}
.footer--navy .footerN__social{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:90px;text-align:center;transition:transform .3s ease}
.footer--navy .footerN__social:hover,.footer--navy .footerN__social:focus-visible{transform:translateY(-5px)}
.footer--navy .footerN__iconBox{height:72px;width:72px;display:flex;justify-content:center;align-items:center;border:none;background:transparent;border-radius:0;overflow:visible;transition:border-color .3s ease,box-shadow .3s ease}
.footer--navy .footerN__iconBox img{display:block;width:100%;height:100%;object-fit:contain}
.footer--navy .footerN__social:hover .footerN__iconBox,.footer--navy .footerN__social:focus-visible .footerN__iconBox{border-color:transparent;box-shadow:none}
/* 楽天の横長ロゴは高さだけ他と揃え、横幅を広げて縦横比を維持 */
.footer--navy .footerN__social--wide{min-width:158px}
.footer--navy .footerN__social--wide .footerN__iconBox{width:158px;height:72px;border-radius:0}
.footer--navy .footerN__social--wide .footerN__iconBox img{width:100%;height:100%;object-fit:contain}
.footer--navy .footerN__socialLabel{font-size:12px;font-weight:600;white-space:nowrap}
.footer--navy .footerN__bottom{border-top:1px solid rgba(255,255,255,.4);padding:34px 0 32px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:7px}
.footer--navy .footerN__bottom address{font-size:15px;font-weight:500;font-style:normal}
.footer--navy .footerN__tel{font-size:15px;font-weight:500}
.footer--navy .footerN__bottom small{margin-top:15px;font-size:12px;color:rgba(255,255,255,.68)}
@media(max-width:1100px){.footer--navy .footerN__groupRow{flex-wrap:wrap;gap:28px}.footer--navy .footerN__socials{flex-wrap:wrap}.footer--navy .footerN__nav a{padding-inline:16px}}
@media(max-width:650px){.footer--navy .footerN__container{width:calc(100% - 32px)}.footer--navy .footerN__brand{padding:42px 0 30px}.footer--navy .footerN__brandLink{flex-direction:column;gap:10px}.footer--navy .footerN__logoCircle{width:66px;height:66px;flex-basis:66px}.footer--navy .footerN__companyName{font-size:clamp(17px,4.4vw,24px)}.footer--navy .footerN__motto{margin-top:17px}.footer--navy .footerN__nav{padding:14px 0}.footer--navy .footerN__nav a{font-size:12px;padding:6px 10px;border-right:0}.footer--navy .footerN__group{padding:30px 0}.footer--navy .footerN__groupRow{flex-direction:column;gap:28px}.footer--navy .footerN__farm{flex-basis:auto;width:200px;min-height:88px}.footer--navy .footerN__socials{gap:18px 10px}.footer--navy .footerN__social{min-width:82px}.footer--navy .footerN__iconBox{height:58px;width:58px}.footer--navy .footerN__social--wide{min-width:125px}.footer--navy .footerN__social--wide .footerN__iconBox{width:125px;height:58px}.footer--navy .footerN__socialLabel{font-size:11px}.footer--navy .footerN__bottom address{font-size:12px}.footer--navy .footerN__tel{font-size:13px}}
@media(prefers-reduced-motion:reduce){.footer--navy a,.footer--navy .footerN__iconBox{transition:none!important}}

/* 2026-10-18: ロゴなし・社名中央配置 / GROUP BUSINESSをSNSラベルと同じ書体へ */
.footer--navy .footerN__brandLink{display:flex;justify-content:center;align-items:center;width:100%;gap:0;text-align:center}
.footer--navy .footerN__companyName{display:block;text-align:center}
.footer--navy .footerN__group h2{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:12px;font-weight:600;letter-spacing:normal;line-height:1.6}
@media(max-width:650px){.footer--navy .footerN__brandLink{flex-direction:row}}