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

.form-top {

background-position: center center;

width: 100%;

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

}

 

.form-top .form-top-right {

display: none;

}

 

@media (min-width: 768px) {

.form-top {

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

}

}

/* ▲▲ ヘッダー画像を普通に挿入するCSS ここまで ▲▲ */

/* ▼▼ 中見出し1 ここから ▼▼ */
:root {

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

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

}

 

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;

}

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