/* ============================================================
   端末ごとの表示切り替え（全ページで読み込みます）
   Elementorの標準と同じ区切りです。
   デスクトップ 1025px以上／タブレット 768〜1024px／モバイル 767px以下

   使い方：要素のCSSクラス欄に入れてください。
     tif-hide-pc      パソコンで隠す
     tif-hide-tablet  タブレットで隠す
     tif-hide-sp      スマホで隠す
     tif-smooth       ホバーの動きをなめらかにする
   ============================================================ */

@media (min-width: 1025px){
  .tif-hide-pc{ display: none !important; }
}
@media (min-width: 768px) and (max-width: 1024px){
  .tif-hide-tablet{ display: none !important; }
}
@media (max-width: 767px){
  .tif-hide-sp{ display: none !important; }
}

/* ホバーの変化をなめらかに */
.tif-smooth,
.tif-smooth > *{
  transition:
    transform .35s cubic-bezier(.22,.61,.36,1),
    background-color .3s ease,
    color .3s ease,
    border-color .3s ease,
    box-shadow .3s ease,
    opacity .3s ease,
    filter .3s ease;
}
.tif-smooth{ will-change: transform; }
@media (prefers-reduced-motion: reduce){
  .tif-smooth,.tif-smooth > *{ transition: none; }
}