/* ▼▼ ボタン05 ここから ▼▼ */
:root {
  --btn-bg-color: #ff1744; /* 背景色はここのカラーコードを変更 */
  --btn-font-color: #ffffff; /* 文字色はここのカラーコードを変更 */
  --btn-sub-color: #333333; /* 吹き出しの文字色はここのカラーコードを変更*/
}

.btn-primary, .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, .btn-primary.active, .btn-primary:active, .btn-primary:hover, .open>.btn-primary.dropdown-toggle {
  color: var(--btn-font-color);
  background: var(--btn-bg-color);
  border: none;
  width: 100%;
  height: 60px; /* ボタンの高さはここを変更 */
  border-radius: 30px;
  padding: 0 15px 0 15px;
  font-size: 18px; /* メインの文字の大きさはここを変更 */
  letter-spacing: 0.1em;
  outline: none;
}

.btn-primary::before {
  content: 'お気軽にご相談ください！'; /* 吹き出しの文字はここで変更*/
  font-size: 14px; /* 吹き出しの文字の大きさはここで変更 */
  padding: 0 20px;
  margin: 0 auto;
  color: var(--btn-sub-color);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
  background: url(https://d27rnpuamwvieu.cloudfront.net/0Y54bp6tXKruPBucVoW5QLwXX/1040) no-repeat left center, url(https://d27rnpuamwvieu.cloudfront.net/0BzUlVX8oXbpqnQ05hXP2xwXX/1040) no-repeat right center;
  background-size: 14px, 14px;
}
/* ▲▲ ボタン05 ここまで ▲▲ */