/* フッタの各コンテンツへのリンク（2026-11-11 追加） v1.0.0
   右の欄の上に3列で並べ、SNS は今までどおり右下に置く。 */
.l-footer__foot {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.l-footer__nav {
  display: grid;
  grid-template-columns: repeat(3, auto);
  justify-content: end;
  column-gap: 60px;
  row-gap: 24px;
}
.l-footer__nav__list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.l-footer__nav__item > a {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1.5;
  transition: opacity 0.2s;
}
.l-footer__nav__sub {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
  padding-left: 14px;
  border-left: 1px solid rgba(255, 255, 255, 0.25);
}
.l-footer__nav__subItem > a {
  font-size: 0.8125rem;
  line-height: 1.5;
  opacity: 0.8;
  transition: opacity 0.2s;
}
.l-footer__nav__item > a:hover { opacity: 0.6; }
.l-footer__nav__subItem > a:hover { opacity: 1; text-decoration: underline; }
.l-footer__nav__ext {
  font-size: 1rem;
  vertical-align: -3px;
}
@media screen and (max-width: 1100px) {
  .l-footer__nav { column-gap: 40px; }
}
@media screen and (max-width: 767px) {
  .l-footer__foot { gap: 30px; }
  .l-footer__nav {
    grid-template-columns: 1fr 1fr;
    justify-content: stretch;
    column-gap: 20px;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  /* 共創ストーリーの列は製品が並ぶので2列目に縦に置く */
  .l-footer__nav__list:nth-child(2) { grid-column: 2; grid-row: 1 / span 2; }
  .l-footer__nav__list:nth-child(3) { grid-column: 1; grid-row: 2; }
}