/* ▼▼ ヘッダー画像なしのベタ塗りヘッダーCSS ここから ▼▼ */
.form-top {
background: #1fb4c4; /* ヘッダーの背景色はここのカラーコードを変更 */
width: 100%;
height: 210px;  /* スマホでのヘッダーの高さはここの数値を変更 */
border-radius: 0;
}

.form-top .form-top-left {
padding-top: 40px;/* スマホでのタイトルの上の間隔はここを変更 */
}
.form-top .form-top-left h3 {
width: 100%;
font-size: 20px; /* タイトルの文字サイズはここを変更*/
color: #ffffff; /* タイトルの文字色はここのカラーコードを変更 */
text-align: center;
}

.form-top .form-top-left p {
font-size: 14px; /* 説明の文字サイズはここを変更*/
color: #ffffff; /* 説明の文字色はここのカラーコードを変更 */
margin-top: 15px; /* タイトルと説明の間隔はここを変更 */
text-align: center;
}

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

@media (min-width: 768px) {
.form-top {
height: 200px; /* パソコンでのヘッダーの高さはここの数値を変更 */
}
.form-top .form-top-left {
padding-top: 70px; /* パソコンでのタイトルの上の間隔はここを変更 */
}
}
/* ▲▲ ヘッダー画像なしのベタ塗りヘッダーCSS ここまで ▲▲ */

/* ▼▼ 中見出し08 ここから ▼▼ */
h4.description-md-title {
background: #ffffff; /* 背景色はここのカラーコードを変更 */
color: #ffffff; /* 文字色はここのカラーコードを変更 */
width: 100%;
margin: 15px 0 0 0;
box-shadow: none;
font-weight: 600;
padding: 15px 15px 15px 15px;
border-left: solid 5px #fff176; /* 左線の色はここのカラーコードを変更 */
}

.col-sm-4, .col-sm-8, .col-sm-12 {
padding: 0;
}
/* ▲▲ 中見出し08 ここまで ▲▲ */

/* ▼▼ ボタン07 ここから ▼▼ */

:root {

  --btn-bg-color: #ff1744; /* 背景色はここのカラーコードを変更 */

  --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: 50px; /* ボタンの高さはここを変更 */

  position: relative;

  border-radius: 30px;

  padding: 0 45px 0 25px;

  font-size: 16px; /* 文字の大きさはここを変更 */

  letter-spacing: 0.1em;

  outline: none;

}

 

.btn-primary::before {

  content: '';

  position: absolute;

  top: 50%;

  right: 16px;

  transform: translateY(-50%);

  width: 25px;

  height: 25px;

  background: var(--btn-font-color);

  border-radius: 50vh;

}

 

.btn-primary:after {

  content: '';

  width: 8px;

  height: 8px;

  border: 0;

  border-top: 2px solid var(--btn-bg-color);

  border-right: 2px solid var(--btn-bg-color);

  position: absolute;

  top: 50%;

  right: 26px;

  transform: translateY(-50%) rotate(45deg);

}

/* ▲▲ ボタン07 ここまで ▲▲ */

/* ▼▼ 小見出し14 ここから ▼▼ */
:root {
 --line-color-s:  #b2ebf2; /* 下線の色はここのカラーコードを変更 */
}

h5.description-title {
 background: linear-gradient(transparent 70%, var(--line-color-s) 70%);
 box-shadow: none;
 color: #555555; /* 文字色はここのカラーコードを変更 */
 width: 100%;
 margin: 15px 0 0 0;
 font-weight: 600;
 padding: 15px 15px 8px 0;
}

.col-sm-4, .col-sm-8, .col-sm-12 {
 padding: 0;
}
/* ▲▲ 小見出し14 ここまで ▲▲ */