/* ▼▼ ヘッダー画像を普通に挿入するCSS ここから ▼▼ */

.form-top {

background-position: center center;

width: 100%;

height: 200px;  /* スマホでのヘッダー画像の高さはここの数値を変更 */

}

 

.form-top .form-top-right {

display: none;

}

 

@media (min-width: 768px) {

.form-top {

height: 350px; /* パソコンでのヘッダー画像の高さはここの数値を変更 */

}

}

/* ▲▲ ヘッダー画像を普通に挿入するCSS ここまで ▲▲ */
/* ここでプレビューの文字を消しています */

.form-top .form-top-left  {

    display: none;

}

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

/* ▼▼ 中見出し16 ここから ▼▼ */

:root {

--bg-color-left: #39b54a; /* グラデーションの左側の色はここのカラーコードを変更 */

--bg-color-right: #e0ffff; /* グラデーションの右側の色はここのカラーコードを変更 */

}

 

h4.description-md-title {

background: -webkit-linear-gradient(to right, var(--bg-color-left), var(--bg-color-right));

background:-moz-linear-gradient(to right, var(--bg-color-left), var(--bg-color-right));

background: linear-gradient(to right, var(--bg-color-left), var(--bg-color-right));

box-shadow: none;

color: #ffffff; /* 文字色はここのカラーコードを変更 */

width: 100%;

margin: 15px 0 0 0;

font-weight: 600;

padding: 15px 15px 15px 15px;

}

 

.col-sm-4, .col-sm-8, .col-sm-12 {

padding: 0;

}

/* ▲▲ 中見出し16 ここまで ▲▲ */

/* ▼▼ 小見出し03 ここから ▼▼ */

:root {

  --underline-color-s: #39b54a; /* 下線の色はここのカラーコードを変更 */

}

 

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 ここまで ▲▲ */

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

.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: 16px; /* メインの文字の大きさはここを変更 */
  letter-spacing: 0.1em;
  position: relative;
  outline: none;
}

.btn-primary::before {
  content: 'ご記入ありがとうございます'; /* 吹き出し内の文字はここで変更 */
  display: inline-block;
  font-size: 14px; /* 吹き出し内の文字の大きさはここで変更 */
  line-height: 1.5;
  padding: 0 20px;
  color: var(--btn-bg-color);
  background: var(--btn-font-color);
  border: 2px solid var(--btn-bg-color);
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* ▲▲ ボタン03 ここまで ▲▲ */