/* 文字と区画の動き（2026-10-03）。トップ以外のページ用。上品でゆっくり・一度だけ。動きを減らす設定では止める */
#yoshinaga,#system,#roadmap-more,.faq-cat-h[id]{scroll-margin-top:84px}
html:not(.ug) .fade{opacity:1;transform:none}
@media (prefers-reduced-motion: no-preference){
  html.ug .fade:not(.on){opacity:0;transform:translateY(28px)}
  html.ug .ug-t{opacity:0;transform:translateY(12px);transition:opacity .55s ease-out,transform .55s ease-out}
  html.ug .ug-t.ug-in{opacity:1;transform:none}
  /* よくある質問・折りたたみ：答えがなめらかに開く */
  details[open] > *:not(summary){animation:ug-open .3s ease-out}
  @keyframes ug-open{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  /* ボタン：押した瞬間だけ、ごく小さく沈む */
  .btn,.btn-tel,.btn-book,.btn-line,.btn-sub,.hdr-line,.sticky-cta a,a.btn{transition:transform .12s ease-out,background-color .2s}
  .btn:active,.btn-tel:active,.btn-book:active,.btn-line:active,.btn-sub:active,.hdr-line:active,.sticky-cta a:active,a.btn:active{transform:scale(.98)}
  /* 写真：枠の中で、ほんの少し引いて収まる */
  html.ug figure.ug-t img{transform:scale(1.03);transition:transform .9s ease-out}
  html.ug figure.ug-t.ug-in img{transform:scale(1)}
}

/* 安全のための指定：動きを減らす設定・印刷では、隠す指定をやめて最初から表示する（もとからある .fade も含む） */
@media (prefers-reduced-motion: reduce){.fade,.ug-t,.ug-t img{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}}
@media print{.fade,.ug-t,.ug-t img{opacity:1!important;transform:none!important;animation:none!important}}