/* ▼▼ ヘッダー画像を普通に挿入する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 ここまで ▲▲ */

/* ここでプレビューの文字を消しています */
.form-top .form-top-left  {
    display: none;
}
/* ここまでプレビューの文字を消しています */

.form-finish {
    text-align: center;
}
body {
    font-family: "游ゴシック体", "YuGothic", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
    color: #222;
    line-height: 1.6em;
    font-size: 16px;
}
.form-top {
    height: 190px;
    background-color: #fff;
}
.form-top h3 {
    font-size: 0;
}
.form-bottom {
    padding: 16px 16px 30px 16px;
    background: #faf9f7;
    border-radius: 0 0 4px 4px;
    text-align: left;
    background-size: cover;
}
.form-editor {
    background: rgba(255,255,255,0.95);
    padding: 0;
}

.form-bottom {
    animation-name: fadeInAnime;
    animation-fill-mode: backwards;
    animation-duration: 3s;
    animation-timing-function: ease;
    animation-delay: 0.5s;
    animation-direction: normal;
}
@keyframes fadeInAnime {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.col-sm-12 {
padding: 0;
}

.form-editor div:nth-of-type(1) .form-group p.text-break {
    margin: 0 7px 25px 10px;
}

.form-editor div:nth-of-type(n+2) .col-sm-12 {
    padding-left: 20px;
line-height: 1.45em;
}

.form-editor div:nth-of-type(1) h4.description-md-title {
    display: block;
    width: 100%;
    padding: 12px 0;
    margin-left: 0px;
    margin-bottom: 15px;
    background-color: #AE1E56;
    font-size: 20px;
    text-align: center;
    border-radius: 4px;
font-weight: 700;
}
.description-title {
    margin: 35px 0 20px -10px;
    color: #AE1E56;
    padding: 2px 0 3px 9px;
    border-left: solid 7px #AE1E56;
    border-radius: 3px;
    font-size: 18px;
}

/*
.form-editor div:nth-of-type(3) .description-title::after {
    content: "必須";
    color: #ffffff;
    background: #e51c23;
    font-size: 0.7em;
    padding: 0.2em 0.4em 0.2em 0.3em;
    border-radius: 0.2em;
    margin-left:0.6em;
}
*/

.control-label {
    margin-left: 5px;
}

form .form-bottom button.btn-primary {
    width: fit-content;
    margin: -25px auto 40px;
padding: 20px 30px;
background-color: #AE1E56;
border: none;
border-radius: 5px;
}
form .form-bottom button.btn-default {
    margin: -10px 0 15px 5px;
background-color: #d3e0e9;
}
form .form-bottom button.btn-primary {
font-size: 20px;
font-weight: 700;
}
form .form-bottom button.btn-default {
font-size: 0;
}
form .form-bottom .btn-default:before {
font-size: 16px;
content:'≪ 戻 る';
}