@charset "utf-8";
/* ボタンの基本スタイル */
.btn-shutsugan-box {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 500px !important;
  margin: 24px auto !important;
  padding: 18px 24px !important;
  background: linear-gradient(135deg, #ff7e00 0%, #e65100 100%) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  border-radius: 50px !important;
  box-shadow: 0 8px 20px rgba(230, 81, 0, 0.35) !important;
  box-sizing: border-box !important;
  text-align: center !important;
  cursor: pointer !important;
  transition: all 0.2s ease !important;
}

/* サブテキスト（Webで簡単手続き） */
.btn-shutsugan-box .btn-sub {
  font-size: 0.85rem !important;
  font-weight: bold !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
  padding: 2px 12px !important;
  border-radius: 12px !important;
  margin-bottom: 6px !important;
  color: #ffffff !important;
  display: inline-block !important;
}

/* メインテキスト */
.btn-shutsugan-box .btn-main {
  font-size: 1.35rem !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* 矢印アイコン */
.btn-shutsugan-box .btn-arrow {
  margin-left: 8px !important;
  font-size: 1.2rem !important;
  display: inline-block !important;
  transition: transform 0.2s ease !important;
}

/* ホバー時：下に沈むアニメーション */
.btn-shutsugan-box:hover {
  transform: translateY(3px) !important;
  box-shadow: 0 3px 10px rgba(230, 81, 0, 0.3) !important;
  filter: brightness(1.05) !important;
}

/* ホバー時：矢印が右に動く */
.btn-shutsugan-box:hover .btn-arrow {
  transform: translateX(4px) !important;
}