/* ▼▼ ボタン02 ここから ▼▼ */
:root {
  --btn-bg-color: #5da1be; /* 背景色はここのカラーコードを変更 */
  --btn-font-color: #ffffff; /* 文字色はここのカラーコードを変更 */
  --btn-shadow-color: #5d8fbe; /* 影の色はここのカラーコードを変更 */
}

.btn-primary {
  color: var(--btn-font-color);
  background: var(--btn-bg-color);
  border: none;
  width: 100%;
  height: 50px; /* ボタンの高さはここを変更 */
  border-radius: 30px;
  padding: 0 15px 0 15px;
  font-size: 16px; /* 文字の大きさはここを変更 */
  letter-spacing: 0.1em;
  position: relative;
  box-shadow: 0 10px 0 var(--btn-shadow-color), 0 10px 5px #0000004d;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
  outline: none;
  background: var(--btn-bg-color);
}

.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;
  top: 5px;
  box-shadow: 0 5px 0 var(--btn-shadow-color), 0 5px 5px #0000004d;
}
/* ▲▲ ボタン02 ここまで ▲▲ */

/* ▼▼ 小見出し03 ここから ▼▼ */:root {  --underline-color-s: #d3d3d3; /* 下線の色はここのカラーコードを変更 */}h5.description-title {border-bottom: 4px solid var(--underline-color-s);background: transparent;color: #555555; /* 文字色はここのカラーコードを変更 */width: 100%;margin: 15px 0 0 0;padding: 0 0 10px 0;box-shadow: none;font-weight: 600;position: relative;}h5.description-title::after {content: "";position: absolute;bottom: -8px;left: 0;right: 0;border-bottom: 1px solid var(--underline-color-s);}.col-sm-4, .col-sm-8, .col-sm-12 {padding: 0;}/* ▲▲ 小見出し03 ここまで ▲▲ */

/* ▼▼ ヘッダー画像を普通に挿入するCSS ここから ▼▼ */
.form-top {
background-position: center center;
width: 100%;
height: 100px;  /* スマホでのヘッダー画像の高さはここの数値を変更 */
}

.form-top .form-top-right {
display: none;
}

@media (min-width: 768px) {
.form-top {
height: 200px; /* パソコンでのヘッダー画像の高さはここの数値を変更 */
}
}
/* ▲▲ ヘッダー画像を普通に挿入するCSS ここまで ▲▲ */

/* ここでプレビューの文字を消しています */

.form-top .form-top-left  {

    display: none;

}

/* ここまでプレビューの文字を消しています */