/* tn-header: 全ページ共通のヘッダーメニュー(2026-09-09 小池「headerのメニューを統一。ホーム／コラム／会社概要／無料相談だけ。
   その他サービスにホバーで今回追加した3サービス」)。tools/pages/header_lib.py が全 index.html に組み込む。
   本家の見た目(ナビ 15px 白 700・黄ボタン・ハンバーガー)は site.css のまま。ここには追加分だけ書く。
   色: 紺 #015687 / 黄 var(--s-color-d98e2009) / 灰地 #EEEEEE / 説明灰 #838383 / モーダル文字 #333 */

.tn-navlink{white-space:nowrap}
.tn-logowrap{display:flex;align-items:center}
.tn-hdbadge{display:inline-block;margin-left:10px;padding:2px 8px;border:1.5px solid rgba(255,255,255,.7);border-radius:6px;color:#fff;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:11px;letter-spacing:.08em;line-height:1.4;vertical-align:middle;white-space:nowrap}

/* PC: 「その他サービス」(ナビと同じ見た目のリンク。ホバー/フォーカスで下に白いパネル) */
.tn-more{position:relative;display:flex;align-items:center;flex:none}
.tn-more__btn{gap:5px;align-items:center}
.tn-more__btn svg{width:10px;height:10px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease-in-out}
.tn-more:hover .tn-more__btn svg,.tn-more:focus-within .tn-more__btn svg{transform:rotate(180deg)}
.tn-more:hover .tn-more__btn{color:var(--s-color-d98e2009)}
.tn-more__panel{position:absolute;top:100%;left:-12px;padding-top:16px;z-index:5;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s linear .25s}
.tn-more:hover .tn-more__panel,.tn-more:focus-within .tn-more__panel{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .25s ease-in-out,transform .25s ease-in-out,visibility 0s}
.tn-more__box{width:276px;background:#fff;border-radius:14px;box-shadow:0 6px 15px rgba(0,0,0,.2);padding:10px 8px 8px;box-sizing:border-box}
.tn-more__h{margin:0;padding:4px 12px 6px;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:11px;letter-spacing:.2em;line-height:1.4;color:#838383}
.tn-more__item{display:block;padding:9px 12px;border-radius:8px;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:14px;line-height:1.5;color:#015687;text-decoration:none;white-space:nowrap;transition:background .2s ease-in-out}
.tn-more__item:hover,.tn-more__item:focus-visible{background:#EEEEEE;color:#015687}

/* ハンバーガーの中: 「その他サービス」見出し + 3サービス(紺の縦線付き) */
.tn-mmore{display:flex;flex-direction:column;gap:10px;width:100%}
.tn-mmore__h{margin:0;font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:16px;line-height:1.4;color:#333}
.tn-mmore__a{display:block;margin-left:4px;padding-left:12px;border-left:2px solid #015687;font-family:'Noto Sans JP',sans-serif;font-weight:600;font-size:14px;line-height:1.5;color:#015687;text-decoration:none;transition:color .2s ease-in-out}
.tn-mmore__a:hover{color:var(--s-color-d98e2009)}

@media screen and (max-width:840px){
  .tn-more{display:none}
}
@media screen and (max-width:540px){
  .tn-hdbadge{display:none}
}