/* =========================================================
   フッターの案内・スマホのメニュー・サイトマップのページ（全ページ共通）
   中身は docs/道具/menu_tsukuru.py が作る。ここは見た目だけ
   ========================================================= */
.ak-fnav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 28px;margin:0 0 28px;text-align:left;
  font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.03em}
.ak-fnav-h{margin:0 0 8px !important;padding:0 0 6px;border-bottom:1px solid #d6cfc6;font-size:15px;font-weight:700;color:#272030}
.ak-fnav ul{list-style:none !important;margin:0 !important;padding:0 !important}
.ak-fnav li{list-style:none !important;margin:0 !important;padding:3px 0 !important;text-indent:0 !important;font-size:14px;line-height:1.6}
.ak-fnav li::before{content:none !important}
.ak-fnav a{color:#272030 !important;text-decoration:none}
.ak-fnav a:hover{text-decoration:underline}
@media (max-width:1000px){ .ak-fnav{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:767px){
  .ak-fnav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:0 4px}
  .ak-fnav li{font-size:13px}
}

/* スマホのメニュー（いまのサイトの作りのページ） */
.ak-spnav li.ak-spnav-h{font-weight:700;font-size:13px;color:#65b15c;padding:14px 0 4px !important;border:none !important;background:none !important}
/* スマホのメニュー（key から移した3ページ・404） */
.ak-menu li.ak-menu-h{padding:10px 18px 2px;font-size:12px;font-weight:700;color:#65b15c}
.ak-menu ul{max-height:75vh;overflow:auto}

/* サイトマップのページ */
.ak-sm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 36px;margin:20px 0 40px;text-align:left}
.ak-sm-sec h2{font-size:18px !important;margin:0 0 10px !important;padding:0 0 6px !important;border-bottom:2px solid #2f63ff;background:none !important;color:#272030}
.ak-sm-sec ul{list-style:none !important;margin:0 !important;padding:0 !important}
.ak-sm-sec li{list-style:none !important;margin:0 !important;padding:5px 0 !important;text-indent:0 !important;border-bottom:1px dotted #d6cfc6;font-size:15px;line-height:1.6}
.ak-sm-sec li::before{content:none !important}
.ak-sm-sec a{color:#272030;text-decoration:none}
.ak-sm-sec a:hover{text-decoration:underline;color:#3366ff}
.ak-sm-wide{grid-column:1 / -1}
.ak-sm-wide ul{columns:2;column-gap:36px}
.ak-sm-wide li{break-inside:avoid}
@media (max-width:767px){
  .ak-sm{grid-template-columns:1fr;gap:24px}
  .ak-sm-wide ul{columns:1}
}

/* =========================================================
   全ページ共通の紺のフッター（トップのヒーローに合わせる 2026-11-05）
   ========================================================= */
.akx-ft{display:block;margin:0 !important;padding:0 !important;clear:both;position:relative;overflow:hidden;
  background:radial-gradient(900px 420px at 85% -10%,rgba(47,99,255,.12),transparent 60%),radial-gradient(700px 360px at 0% 110%,rgba(0,163,255,.06),transparent 60%),#0a0e14 !important;
  color:#c9d4ea !important;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif !important;
  text-align:left;letter-spacing:.03em;line-height:1.7}
.akx-ft *{box-sizing:border-box}
.akx-ft-in{max-width:1160px;margin:0 auto;padding:56px 24px 28px}
.akx-ft-top{display:flex;align-items:center;gap:20px 32px;flex-wrap:wrap;padding:0 0 32px;margin:0 0 32px;border-bottom:1px solid rgba(255,255,255,.12)}
.akx-ft-brand{display:flex;align-items:center;gap:12px;text-decoration:none !important;line-height:1}
.akx-ft-brand img{width:44px;height:44px;border-radius:10px;display:block}
.akx-ft-brand .w{display:flex;flex-direction:column;gap:4px}
.akx-ft-brand b{font-size:20px;font-weight:700;color:#fff !important}
.akx-ft-brand small{font-size:13px;color:#9fb0cf !important}
.akx-ft-tag{margin:0 !important;padding:0 !important;flex:1 1 280px;font-size:15px !important;font-weight:500;color:#e4ebf8 !important}
.akx-ft-btns{display:flex;gap:10px;flex-wrap:wrap}
.akx-ft-btns a{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:999px;font-size:14px !important;font-weight:700;text-decoration:none !important;white-space:nowrap}
.akx-ft-b1{background:linear-gradient(135deg,#ecd27a 0%,#c9a227 48%,#a8841a 100%);color:#10161e !important;box-shadow:0 8px 20px -10px rgba(201,162,39,.8)}
.akx-ft-b2{border:1px solid rgba(255,255,255,.35);color:#fff !important}
.akx-ft-btns a:hover{filter:brightness(1.1)}
.akx-ft .ak-fnav{margin:0 0 36px}
.akx-ft .ak-fnav-h{color:#fff !important;border-bottom:1px solid rgba(255,255,255,.16) !important;font-size:14px}
.akx-ft .ak-fnav li{font-size:13.5px}
.akx-ft .ak-fnav a{color:#b7c4de !important}
.akx-ft .ak-fnav a:hover{color:#fff !important}
.akx-ft-bot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:22px;border-top:1px solid rgba(255,255,255,.12)}
.akx-ft-ms{display:inline-block;background:#fff;border-radius:8px;padding:6px 10px;line-height:0}
.akx-ft-ms img{width:140px;height:auto;display:block}
.akx-ft-copy{font-size:12.5px !important;color:#8796b5 !important;letter-spacing:.04em}
@media (max-width:767px){
  .akx-ft-in{padding:44px 16px 24px}
  .akx-ft-top{flex-direction:column;align-items:flex-start;gap:16px}
  .akx-ft-tag{flex:none;font-size:14px !important}
  .akx-ft-btns{width:100%}
  .akx-ft-btns a{flex:1;justify-content:center}
  .akx-ft-bot{flex-direction:column;align-items:center;text-align:center}
}
.akx-ft-btns a{padding:0 22px !important;margin:0 !important;line-height:1 !important}
.akx-ft-tag .nw{white-space:nowrap}
@media (max-width:767px){ body:has(.ak-sticky){padding-bottom:0 !important} body:has(.ak-sticky) .akx-ft-in{padding-bottom:84px} }
/* 2026-11-06 有田様「小さい文字が見えない」：フッターの案内・会社名を 14px 以上に */
.akx-ft .ak-fnav li{font-size:15px}
.akx-ft-brand small{font-size:14px}
.akx-ft-copy{font-size:14px !important}
.ak-spnav li.ak-spnav-h{font-size:14px}
.ak-menu li.ak-menu-h{font-size:14px}
/* 2026-11-06 有田様「小さい字だけを上げたい」：スマホのフッターで 小さかった字だけを 17px に（著作権の表示は 15px） */
@media (max-width:640px){
  .akx-ft-tag{font-size:17px !important;line-height:1.7}
  .akx-ft-btns a.akx-ft-b1,.akx-ft-btns a.akx-ft-b2{font-size:17px !important;height:48px;padding:0 12px !important}
  .akx-ft .ak-fnav-h{font-size:17px !important}
  .akx-ft-brand small{font-size:17px !important}
  .akx-ft-copy{font-size:15px !important}
  .akx-ft .ak-fnav li{font-size:17px !important}
}
