@charset "utf-8";
/* スマホ追従の応募バー。**定義はこのファイル1箇所**。
   トップ（index.html）は <link> で直接、下層は common.css の @import で読む。
   見た目を変えるときはここだけ直せば全ページに効く。 */

/* ---- スマホ追従の応募バー（全ページ・SPのみ） ---- */
.sp-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  grid-template-columns:1fr 1fr 1.2fr;background:#fff;box-shadow:0 -2px 18px rgba(34,38,46,.16)}
.sp-bar a{padding:14px 4px;text-align:center;font-size:12px;font-weight:700;border-top:2px solid transparent}
.sp-bar a{display:flex;flex-direction:column;align-items:center;gap:3px}
.sp-bar a:nth-child(1){color:var(--ink)}
.sp-bar a:nth-child(2){color:var(--ink)}
.sp-bar a:nth-child(2) .ic{color:#06C755}
.sp-bar a:nth-child(3){background:var(--accent);color:#fff}
.sp-bar .ic{display:inline-flex;color:var(--accent)}
.sp-bar a:nth-child(3) .ic{color:#fff}
.sp-bar .ic svg{width:19px;height:19px;display:block}
@media (max-width:900px){.sp-bar{display:grid}body{padding-bottom:52px}}

/* 「WEBで応募」の白文字が #C65D21 で 4.21:1 だった（C3）。
   塗りボタンと同じ1段暗い橙にそろえる（5.08:1） */
.sp-bar a:nth-child(3){background:var(--accent-dk,#B45118)}