/* VELVET FILMS フッター（velvet.html のフッターを全ページ共通に。.vf-footer の中だけに効く） */
.vf-footer{position:relative;padding:60px 40px 40px;display:flex;flex-direction:column;background:#0b0b0d;color:#fafafa;-webkit-font-smoothing:antialiased;overflow:hidden}
.vf-footer *{box-sizing:border-box;margin:0;padding:0}
.vf-footer .grid-overlay{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}
.vf-footer .grid-overlay .line{position:absolute;top:0;bottom:0;width:1px;background:rgba(115,115,115,.15)}
.vf-footer .grid-overlay .line:nth-child(1){left:4px}
.vf-footer .grid-overlay .line:nth-child(2){left:25%}
.vf-footer .grid-overlay .line:nth-child(3){left:50%}
.vf-footer .grid-overlay .line:nth-child(4){left:75%}
.vf-footer .grid-overlay .line:nth-child(5){right:4px;left:auto}
.vf-footer .footer-company{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:60px 0 80px;border-top:1px solid rgba(255,255,255,.25);position:relative;z-index:2}
.vf-footer .footer-company-group{display:flex;flex-direction:column}
.vf-footer .footer-company-group-label{font-family:'Familjen Grotesk',sans-serif;font-weight:400;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(250,250,250,.55);margin-bottom:20px}
.vf-footer .footer-company-rows{display:flex;flex-direction:column}
.vf-footer .footer-company-row{display:grid;grid-template-columns:140px 1fr;gap:24px;padding:14px 0;border-top:1px solid rgba(255,255,255,.12)}
.vf-footer .footer-company-row:first-child{border-top:1px solid rgba(255,255,255,.25)}
.vf-footer .footer-company-row:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.vf-footer .footer-company-row dt{font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:12px;letter-spacing:.04em;color:rgba(250,250,250,.55);padding-top:2px}
.vf-footer .footer-company-row dd{font-family:'Noto Sans JP',sans-serif;font-weight:300;font-size:13px;line-height:1.75;color:#fafafa}
.vf-footer .footer-company-row dd .sub{display:block;font-size:12px;color:rgba(250,250,250,.55);margin-top:2px;letter-spacing:.02em}
.vf-footer .footer-company-reps{display:flex;flex-direction:column;gap:2px}
.vf-footer .footer-logo{font-family:'Familjen Grotesk',sans-serif;font-weight:700;font-size:clamp(60px,10vw,170px);line-height:1;color:#fafafa;letter-spacing:-2px;overflow:hidden;white-space:nowrap;width:100%;margin-top:auto;position:relative;z-index:2}
@media (max-width:768px){
  .vf-footer{padding:40px 20px 30px}
  .vf-footer .footer-company{grid-template-columns:1fr;gap:28px;padding:36px 0 40px}
  .vf-footer .footer-company-group-label{font-size:10px;letter-spacing:.12em;margin-bottom:10px}
  .vf-footer .footer-company-row{grid-template-columns:90px 1fr;gap:12px;padding:10px 0}
  .vf-footer .footer-company-row dt{font-size:11px}
  .vf-footer .footer-company-row dd{font-size:12px;line-height:1.6}
  .vf-footer .footer-company-row dd .sub{font-size:10.5px}
  .vf-footer .footer-logo{font-size:clamp(32px,12.5vw,90px);letter-spacing:-1px}
}
/* フッター最下部：運営情報・プライバシーポリシーへの小さなリンク */
.vf-footer .footer-legal{position:relative;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);
  font-family:'Noto Sans JP',sans-serif;font-size:11px;letter-spacing:.04em;color:rgba(250,250,250,.5)}
.vf-footer .footer-legal a{color:rgba(250,250,250,.7);text-decoration:none}
.vf-footer .footer-legal a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.vf-footer .footer-legal .copy{margin-left:auto;font-family:'Familjen Grotesk',sans-serif}
@media (max-width:768px){.vf-footer .footer-legal .copy{margin-left:0;width:100%}}
/* 高さを従来の約75%に（余白・行間・ロゴを詰める） */
.vf-footer{padding:42px 40px 28px}
.vf-footer .footer-company{gap:48px;padding:38px 0 40px}
.vf-footer .footer-company-group-label{margin-bottom:12px}
.vf-footer .footer-company-row{padding:9px 0}
.vf-footer .footer-company-row dd{line-height:1.65}
.vf-footer .footer-logo{font-size:clamp(48px,7.6vw,128px)}
.vf-footer .footer-legal{margin-top:20px;padding-top:12px}
@media (max-width:768px){
  .vf-footer{padding:30px 20px 22px}
  .vf-footer .footer-company{padding:26px 0 30px;gap:20px}
  .vf-footer .footer-company-row{padding:7px 0}
}

/* ページ本文の最後とフッターの間に余白 */
.vf-footer{margin-top:120px}
@media (max-width:768px){ .vf-footer{margin-top:72px} }