@charset "UTF-8";
/* ==========================================================================
 * PAGES - contact
 *
 * WordPressのページをカスタマイズ
 * ========================================================================== */
/* ==========================================================================
 * ABSTRACTS - variables
 *
 * テーマ全体で使用する変数を定義
 * ========================================================================== */
/* ==========================================================
  ▼ ブランドカラー
============================================================ */
/* ==========================================================
  ▼ プランカラー
============================================================ */
/* ==========================================================
  ▼ UIカラー（補助的なカラーパレット）
============================================================ */
/* ==========================================================
  ▼ フォント関連
============================================================ */
/* ==========================================================================
 * ABSTRACTS - mixins
 *
 * テーマで再利用可能な変数を定義
 * ========================================================================== */
/* ==========================================================
  ▼ @mixin respon($device) - デバイスごとのレスポンシブ処理
============================================================ */
/* ==========================================================
  ▼ @mixin clearfix - フロート解除用
============================================================ */
/* ==========================================================
  ▼ @mixin nested-ol - olの入れ子階層に応じた番号スタイル
============================================================ */
/* ==========================================================
  ▼ contact
============================================================ */
#contact .demo_btn {
  margin-bottom: 24px;
}
#contact .demo_btn a {
  display: block;
  width: 60%;
  margin: 0 auto;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 768px) {
  #contact .demo_btn a {
    width: 90%;
  }
}
#contact .demo_btn a img {
  width: 100%;
}
#contact .demo_btn a:hover {
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}