/* サイト内のオレンジのボタンを、スマホ下部固定ボタン（followcta.js）と同じ見た目にそろえる（2026-10-28 ユーザー指示。PC・スマホ共通）
   対象：本文・トップの「まずは無料で相談してみる」等（.arrow_btn）、トップ・国別トップの CTA（.c__btn__orange）、フォームの送信ボタン（.top-btn-orange）、PC ヘッダーの「お問い合わせ」
   - 色 #ff7702・角丸 8px・下辺に濃いオレンジ（#c75a00）の厚み → 押すと沈む
   - マウスを載せたときに半透明になる（以前の opacity）のをやめ、少し濃くする
   - ときどき光が横切る（動きを減らす設定では出さない）。input には疑似要素が付かないので光は無し
   大きさ・文言・配置は各ボタンのまま。吹き出しは付けない */

.arrow_btn,
a.c__btn.c__btn__orange,
input.top-btn-orange,
#st-menuwide .menu > li:last-child > a {
  background-color: #ff7702 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 0 #c75a00 !important;
  color: #fff !important;
  opacity: 1 !important;
  transition: transform .08s, box-shadow .08s, background-color .15s !important;
  -webkit-tap-highlight-color: transparent;
}
.arrow_btn,
a.c__btn.c__btn__orange,
input.top-btn-orange { font-weight: 700 !important; }
.arrow_btn,
a.c__btn.c__btn__orange { position: relative; overflow: hidden; }

.arrow_btn:hover,
a.c__btn.c__btn__orange:hover,
input.top-btn-orange:hover,
#st-menuwide .menu > li:last-child > a:hover { background-color: #f26f00 !important; opacity: 1 !important; }
.arrow_btn:hover span { opacity: 1; }

.arrow_btn:active,
a.c__btn.c__btn__orange:active,
input.top-btn-orange:active,
#st-menuwide .menu > li:last-child > a:active { transform: translateY(3px); box-shadow: 0 1px 0 #c75a00 !important; }

.arrow_btn:focus-visible,
a.c__btn.c__btn__orange:focus-visible,
input.top-btn-orange:focus-visible { outline: 3px solid #172330; outline-offset: 3px; }

/* 光（ヘッダーの小さなボタンには付けない） */
.arrow_btn::before,
a.c__btn.c__btn__orange::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: -60%;
  width: 40%;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent);
  transform: skewX(-20deg);
  animation: salwebBtnShine 5s ease-in-out 1.5s infinite;
  pointer-events: none;
}
@keyframes salwebBtnShine { 0%, 70% { left: -60%; } 90%, 100% { left: 130%; } }
@media (prefers-reduced-motion: reduce) {
  .arrow_btn::before, a.c__btn.c__btn__orange::before { animation: none; display: none; }
  .arrow_btn, a.c__btn.c__btn__orange, input.top-btn-orange { transition: none !important; }
}