@import url('https://use.fontawesome.com/releases/v5.0.6/css/all.css');

/*全体*/
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #222;
}

.form-top {
    padding-top: 0px;
    background: #88aa52;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.form-bottom {
    padding: 0;
}

.form-editor {
    border-radius: none;
}

.form-group{
	/*margin-top: 2rem;*/
    margin-bottom: 2rem;
}

/*見出しや説明文*/
.text-break{
    margin-bottom: 3rem;
    padding: 0 auto; /*左右の余白*/
}

.control-label{
	border-bottom: 2px solid #88aa52;
	width: 100%;
	padding: 0 0 1rem;
	margin-top: 1rem;
    margin-bottom: 1rem;
}

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

.col-sm-8{
	padding: 0;
    margin-bottom: 1.5rem;
}

/*中見出し装飾*/
.description-md-title {
    display: flex;
    justify-content: center;form-top
    background-color: initial;
    color: initial;
    padding: initial;
    margin: initial;
    box-shadow: initial;
    text-align: center;
    }

.form-editor {
    background-color: #fff;
    border-radius: 0px;
    padding: 30px 20px;
    animation-name: fadeIn;
    animation: fadeIn 2.0s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.form-top .form-top-left h3 {
    width: 100%;
}

/*タイトル*/
h3 {
  position: relative;
  padding: 1.5rem 1.5rem 0 1.5rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
}

/*中見出し*/
.col-sm-12 h4 {
    color: #fff !important;
    position: relative;
    background: #88aa52 !important;
    padding: 1.5rem 2rem !important;
    border: 0px solid #88aa52;
    border-radius: 0px;
    margin: 0 -20px  0 -20px ;
    font-weight: bold;
}

/*中見出し:吹き出し
h4:before {
    position: absolute;
    bottom: -10px;
    left: 45%;
    width: 0;
    height: 0;
    content: '';
    border-width: 10px 8px 0 8px;
    border-style: solid;
    border-color: #88aa52 transparent transparent transparent;
}
*/

/*画像*/
.description-image {
    margin-bottom: 1rem;
}


/*小見出し*/
.col-sm-12 h5  {
	color: #88aa52 !important;
    position: relative;
    padding: 1rem 0;
    line-height: 1.4;
    margin-top: 1rem;
    margin-bottom: 3rem;
    border-bottom: 3px dotted #88aa52;
    font-size:2rem !important;
}

/*小見出しテキスト*/
.col-sm-12 h5 ~ p {
	line-height:1.6;
    font-size: 1.2rem !important;
}

.form-editor div: .col-sm-12 {
    margin: 4rem 0 5rem 0;
}

form .form-bottom button.btn {
    margin-bottom: 3rem;
}

/*ボタン*/
.col-sm-6 {
    min-width: 100%;
    top: -30px;
}

.btn-primary {
	background-color: #03a864;
	border-color: #03a864;
 /*  グラデーションにする場合
 background-image: linear-gradient(to right, #88aa52 0%, #03a864 100%);  */ 
 height:50px;
 margin:1em 0;
 border-radius:25px;
}

.btn-primary:hover {
  background: #88aa52;
  border-color: #88aa52;
}

/*エラー時の色指定*/
.has-error .checkbox,.has-error .checkbox-inline,.has-error.checkbox-inline label,.has-error.checkbox label,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.radio-inline label,.has-error.radio label {
    color: #e51c23;
}