/* TOKIUM 共通フッター (prefix: gnav-) — 全ルールを .gnav-footer 配下にスコープ
   生成: 20260730（文言エディタ 共通ヘッダーフッター_v4.1.html（rev41） から変換） */

/* ============================================================
   TOKIUM 共通フッター (prefix: gnav-)
   すべて .gnav-footer 配下。デザイン元: Figma 15274-83893
   ブレイクポイント: 768px
   ============================================================ */

.gnav-footer{
  background:#F6F6F6;
  font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;
  font-feature-settings:"palt" 1;
  -webkit-font-smoothing:antialiased;
  color:#222229;
  line-height:1.5;
}
.gnav-footer *,
.gnav-footer *::before,
.gnav-footer *::after{margin:0;padding:0;box-sizing:border-box}
.gnav-footer ul{list-style:none}
.gnav-footer a{color:inherit;text-decoration:none}
.gnav-footer img{display:block;max-width:100%}
.gnav-footer hr{border:0}

/* ---- パンくずリスト(フッター直前・現行サイト踏襲) ---- */
.gnav-breadcrumb{
  background:#fff;
  font-family:'Noto Sans JP',-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN',sans-serif;
  -webkit-font-smoothing:antialiased;
}
.gnav-breadcrumb *,
.gnav-breadcrumb *::before,
.gnav-breadcrumb *::after{margin:0;padding:0;box-sizing:border-box}
.gnav-breadcrumb .gnav-breadcrumb-list{
  max-width:1104px;margin:0 auto;
  padding:16px 28px;
  list-style:none;
  display:flex;align-items:center;flex-wrap:wrap;gap:4px 0;
}
.gnav-breadcrumb .gnav-breadcrumb-list li{
  display:flex;align-items:center;
  font-size:12px;line-height:1;color:#191414;   /* 帯の高さを本番と同じ44pxにする */
}
.gnav-breadcrumb .gnav-breadcrumb-list li+li::before{
  content:"";flex:none;
  width:6px;height:10px;margin:0 10px;
  background:url("assets/img/icon-breadcrumb-arrow.svg") no-repeat center / contain;
}
.gnav-breadcrumb .gnav-breadcrumb-list a{color:#191414;text-decoration:none}
.gnav-breadcrumb .gnav-breadcrumb-list a:hover{color:#008D97;text-decoration:underline}
.gnav-breadcrumb .gnav-breadcrumb-list li[aria-current]{color:#777}

/* ---- 上段: リンクナビ+会社情報 ---- */
.gnav-footer .gnav-footer-main{
  max-width:1104px;margin:0 auto;
  padding:41px 28px 46px;
}
/* 8列を1行に収める(ログインは「その他」の右) */
.gnav-footer .gnav-footer-nav{
  display:flex;gap:24px;align-items:flex-start;
  justify-content:space-between;flex-wrap:nowrap;
}
/* .gnav-footer a{color:inherit} より詳細度を上げてティールを効かせる */
.gnav-footer .gnav-fhead{
  display:block;
  font-size:16px;font-weight:500;color:#008D97;
  line-height:2.4;white-space:nowrap;
}
.gnav-footer .gnav-fhead--link{text-decoration:underline;text-underline-position:from-font}
.gnav-footer .gnav-fhead--link:hover{opacity:.8}
.gnav-footer .gnav-fcol ul a{
  display:inline-block;
  font-size:14px;font-weight:400;color:#222229;
  line-height:2.4;white-space:nowrap;
  text-decoration:underline;text-underline-position:from-font;
}
.gnav-footer .gnav-fcol ul a:hover{color:#008D97}

.gnav-footer .gnav-fdivider{height:1px;background:#D9D9D9;margin:42px 0}

/* 会社情報 */
.gnav-footer .gnav-fcompany{
  display:flex;gap:64px;align-items:flex-start;flex-wrap:wrap;
  font-size:14px;line-height:2;
}
.gnav-footer .gnav-faddr{display:flex;gap:26px}
.gnav-footer .gnav-faddr-name,
.gnav-footer .gnav-fgroup-name{white-space:nowrap}
.gnav-footer .gnav-fgroup{display:flex;gap:26px}
.gnav-footer .gnav-fgroup-list a{text-decoration:underline;text-underline-position:from-font}
.gnav-footer .gnav-fgroup-list a:hover{color:#008D97}

/* ---- 下段: 白帯(ロゴ・認証・ポリシー) ---- */
.gnav-footer .gnav-footer-bottom{background:#fff}
.gnav-footer .gnav-fbottom-inner{
  max-width:1104px;margin:0 auto;
  padding:52px 28px 40px;
  position:relative;
}
/* フッターロゴ枠: 実装時に <!-- LOGO:FOOTER --> をテーマ画像へ置き換え(209×69) */
.gnav-footer .gnav-fbrand{width:209px;height:69px}

.gnav-footer .gnav-fcerts{
  position:absolute;right:28px;top:52px;
  display:flex;gap:32px;align-items:center;
}
.gnav-footer .gnav-fcert--isms{width:99px;height:58px;object-fit:contain}
.gnav-footer .gnav-fcert--pmark{width:56px;height:57px;object-fit:contain}
.gnav-footer .gnav-fcert-jiima{
  display:flex;gap:6px;align-items:center;
  background:#fff;border-radius:4px;padding:4px;
}
.gnav-footer .gnav-fcert-jiima img{width:57px;height:58px;object-fit:contain}

.gnav-footer .gnav-fdivider--bottom{margin:26px 0 0}

.gnav-footer .gnav-flegal{
  padding:14px 0 0;
  font-size:12px;line-height:2;
}
.gnav-footer .gnav-flegal a{
  margin-right:24px;
  text-decoration:underline;text-underline-position:from-font;
}
.gnav-footer .gnav-flegal a:hover{color:#008D97}
.gnav-footer .gnav-fcopy{font-size:10px;letter-spacing:.02em;color:#222229}

/* ============================================================
   SP (max-width:768px)
   ============================================================ */
@media (max-width:768px){
  .gnav-breadcrumb .gnav-breadcrumb-list{padding:12px 28px}

  .gnav-footer .gnav-footer-main{padding:36px 28px}
  .gnav-footer .gnav-footer-nav{gap:8px 36px;flex-direction:column}
  /* 元HTMLでは .gnav-footer .gnav-fhead{line-height:2.4} に詳細度で負けており、この行は
     効いていませんでした。親クラス配下へ寄せると詳細度が並んで復活してしまうため、
     確認済みの見た目（2.4）を保つために無効化しています。
     .gnav-footer .gnav-fhead{line-height:2.2} */
  .gnav-footer .gnav-fcol ul a{line-height:2.2}

  .gnav-footer .gnav-fdivider{margin:28px 0}

  .gnav-footer .gnav-fcompany{gap:20px;flex-direction:column;font-size:13px}
  .gnav-footer .gnav-faddr{flex-direction:column;gap:4px}
  .gnav-footer .gnav-fgroup{flex-direction:column;gap:4px}

  .gnav-footer .gnav-fbottom-inner{padding:36px 28px 30px}
  .gnav-footer .gnav-fcerts{
    position:static;margin-top:24px;
    gap:20px;flex-wrap:wrap;
  }
  .gnav-footer .gnav-flegal a{margin-right:18px}
}