/* 会社サイトのヘッダー・フッター：3つの支援領域（デジタルマーケティング／クリエイティブ／バックオフィス）
   → ブランド（AIKATA／MIEKATA／URAKATA）の形。2026-10-22。index.css・shared.css は変えずにここで足す */

/* PC：サービスのメニュー */
.dd-grid.dd-areas{grid-template-columns:repeat(3,minmax(190px,max-content));gap:8px 44px}
.dd-col a.dd-brand{display:flex;flex-direction:column;gap:2px;padding:4px 0 8px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:19px;letter-spacing:.04em;color:var(--blue-2)}
.dd-col a.dd-brand .cap{font-family:"Noto Sans JP",sans-serif;font-weight:500;font-size:12px;letter-spacing:0;padding:0}
.dd-sub{font-size:11.5px;color:var(--muted);letter-spacing:.06em;margin-top:10px;padding:2px 0}
.dd-foot{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:10px;padding-top:15px;border-top:1px solid var(--line)}
.dd-foot .lbl{font-size:12px;color:var(--muted);letter-spacing:.06em}
.dd-foot a{font-size:14px;color:var(--ink);font-weight:500}
.dd-foot a:hover{color:var(--mint)}
.dd-foot .dd-all{grid-column:auto;margin:0 0 0 auto;padding:0;border:0}
@media(max-width:1080px){.dd-grid.dd-areas{grid-template-columns:repeat(3,max-content);gap:8px 28px}}

/* スマホ：メニュー */
.mnav .mnav-cat{flex-basis:100%;font-family:"Zen Kaku Gothic New",sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--mint-2);margin-top:8px}
.mnav .mnav-cat:first-child{margin-top:0}

/* フッター：クリエイティブとバックオフィスを1列に重ねる */
.ft-col h4.ft-h2{margin-top:30px}
.ft-col .ft-cap{display:block;font-size:13px;color:var(--muted-d);padding:0 0 7px}