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


.description-md-title {
 -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,.2);
  box-shadow: 0px 3px 3px rgba(0,0,0,.2);
  background-color: #ffffff;
  margin: 5px 0px 30px 0px;
  border-image: linear-gradient(to right, #83B25E,#83B25E) 1/4px 0;
  border-style: solid;
  color: #212121;
  font-size: 24px;
  line-height: 34px;
  padding: 12px 12px;
  width:100%;
}


.form-top .form-top-left h3  {
  width:100%;
  margin-bottom:30px;
  padding: 2rem 2rem;
  color: #fff;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, right top, from(#83B25E), to(#4d647c));
  background-image: -webkit-linear-gradient(left, #83B25E 0%, #83B25E 100%);
  background-image: linear-gradient(to right, #83B25E 0%, #83B25E 100%);
    font-weight:bold;


}


.vsc-initialized > div{
  background-color:#d0d4dc;
}


.form-bottom{
  background-color:#FCFCFC;
}
.btn-primary {
    font-size:0;
    color: #FFFF;
    /*↓ボタン色変更↓*/
    background-color: #83B25E;
    border-bottom: 5px solid #8494a4;
    border-top: none;
    border-right: none;
    border-left: none;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

/* -------------------ボタン（必ず設問の最後にいれる） -------------------*/

/* 元のボタン消す */
form .form-bottom button.btn {
  display: none;
}

/* リンクエリアをbutton画像の上にくるように設定(PC/スマホ共用) */
.form-editor>div:nth-last-of-type(3) a {
    margin: -90px auto 0;
    height: 100px;
    width: 100%;
    opacity: 0;
    display: block;
}

/* button画像の上の余白を設定 */
.form-editor>div:nth-last-of-type(3)>.form-group img {
margin-top: 50px;
}

/* -------------------ボタン（必ず設問の最後にいれる）ここまで -------------------*/

.btn-primary:before {
    font-size:18px;
    font-weight: bold;
    content:'商品の予約をする';
}