/* ========================================================================
   ヒントバー（フォーム直前の案内）
   contact.html / download.html / entry.html で共用

   フォームへの到達を妨げないよう、1行の細いバーに留める。
   塗りボタン・グラデ背景・囲みボックスにはしない（直下フォームのCVを削るため）。
   ======================================================================== */
.hint-bar { background: #f6f8f5; border-left: 3px solid #4fb233; border-radius: 0 6px 6px 0; padding: 12px 20px; display: flex; align-items: center; gap: 14px; font-size: 14px; line-height: 1.6; }
.hint-bar .ic { width: 30px; height: 30px; flex: none; border-radius: 50%; background: #fff; display: grid; place-items: center; }
.hint-bar .ic svg { width: 17px; height: 17px; stroke: #3f9027; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.hint-bar p { margin: 0; color: #4a4a4a; font-weight: 500; flex: 1; min-width: 0; }
.hint-bar a { font-family: "Noto Sans JP", sans-serif; font-weight: 700; color: #3f9027; text-decoration: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 4px; transition: color 0.15s ease; }
.hint-bar a:hover { color: #4fb233; text-decoration: underline; }
.hint-bar a .ar { font-family: "Oswald", sans-serif; letter-spacing: 0.04em; }

/* 複数本並べる場合 */
.hint-bar + .hint-bar { margin-top: 10px; }

@media (max-width: 720px) {
  .hint-bar { flex-wrap: wrap; gap: 10px; }
  .hint-bar p { flex: 1 1 100%; order: 2; }
  .hint-bar a { order: 3; }
}