@charset "utf-8";
/* 見本ページ共通の「ほかの見本へ」導線（2026-09-22 新設）
   44本中30本は、ページを下まで読んだ人が他の見本へ行けなかった
   （上部バーの小さい文字リンクだけ）。各ページの配色に干渉しないよう
   無彩色・細罫のみで作る。フッターの直前に置く。 */
.os-band{
  background:#f6f5f2;border-top:1px solid #e3e0da;
  padding:clamp(40px,6vw,64px) 20px;text-align:center;
  font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;
}
.os-band .os-lead{
  margin:0 0 1.4rem;font-size:.95rem;line-height:1.9;color:#3a3a35;letter-spacing:.04em;font-weight:700;
}
.os-band .os-note{margin:1.2rem 0 0;font-size:.78rem;color:#6a6862;line-height:1.8}
.os-band .os-links{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.os-band .os-links a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:.7rem 1.6rem;
  background:#fff;border:1px solid #cfcabf;border-radius:999px;
  color:#3a3a35;text-decoration:none;font-size:.9rem;font-weight:700;letter-spacing:.04em;
  transition:background .2s,border-color .2s;
}
.os-band .os-links a:hover{background:#efece6;border-color:#b5ae9f}
.os-band .os-links a.os-main{background:#3a3a35;border-color:#3a3a35;color:#fff}
.os-band .os-links a.os-main:hover{background:#26251f}
@media (max-width:520px){
  .os-band .os-links{flex-direction:column;align-items:stretch}
  .os-band .os-links a{width:100%}
}