/* タイトルを消すためのカスタムCSS */
div.form-top-left{
display:none;
}

.form-top {
  display:none;
}

/* 全体のフォント */
body{
  font-family: 'Noto Sans JP', sans-serif;
 color:#1a1a1a;
}

/* 背景の設定 */
.form-bottom{
  background-color:#f7f7f7;
  background-repeat: repeat;
  background-position: center;
  background-size: cover;
}


/* 背景白枠の設定*/
.form-editor{
background-color: #fff;
border-radius: 20px;
padding: 50px 20px;
animation-name:fadeUpAnime;
animation-duration:1.8s;
animation-fill-mode:forwards;
opacity:0;
margin-top: 10px;
}


@keyframes fadeUpAnime{
 from {
   opacity: 0;
 transform: translateY(0px);
 }
 to {
   opacity: 1;
 transform: translateY(0);
 }
}


/* 見出し */
.description-md-title{
  display: flex;
  justify-content: center;
 background-color: initial !important;
 font-weight:700;
 font-size:20px !important;  
  color:#008000;  /* ←元: #00008b を緑へ */
  box-shadow: initial;
  text-align:center;
  background: linear-gradient(transparent 90%, #008000 90%);  /* ←元: #00008b */
  font-weight: bold; 
}

h4{
position: relative;
padding: 1.5rem;
text-align: center;
margin-top:-30px !important;
}

.form-group{
  margin-bottom:30px;
}

.text-break{
  line-height: 1.8em;
}

/* 挿入画像の設定 */
.description-image{
  border-radius: 6px;
  width: 100%;
 object-fit: cover;
}


/* ラベルの設定 */
.label-danger{
 background-color: #CC0000;
 font-size: 0.7em;
 font-weight:nomal;
}

/* 補足分の設定 */
.help-block{
 text-align: left;
}
 
/* ラジオボタンの設定 */
.radios {
  margin-top: 0;
}

.radio {
  margin-top: 0;
  margin-bottom: 0;
}

.radio input[type=radio], input[type=radio] {
  padding-left: 1px;
  margin-top: 1px;
  vertical-align: middle;
}

.radio input[type=radio]:before, .radio-inline input[type=radio]:before, input[type=radio]:before {
  background-color: #e9a43d;
  left: 1px;
}

.radio input[type=radio]:checked:after, .radio-inline input[type=radio]:checked:after, input[type=radio]:checked:after {
  border-color: #e9a43d;
}


/* チェックボックスの設定 */
.checkbox-inline input[type=checkbox]:checked:after, .checkbox input[type=checkbox]:checked:after, input[type=checkbox]:checked:after {
   background-color: #e9a43d;
   border-color: #e9a43d;
}


.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: #e9a43d;
}


.has-success .form-control {
   border-color: #333;
   box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}


.checkbox-inline label, .checkbox label, .radio-inline label, .radio label {
   padding-left: 25px;
   cursor: pointer;
   color: #666666;
}



/* ボタンの設定 */
.btn {
 color: #fff;
 background: linear-gradient(to right, #008000, #00a65a );  /* ←元: #00008b → #0000ff */
 border-radius: 30px;
 font-size:20px;
 font-weight: bold; 
 animation-name:poyopoyo;
  animation-delay:0s;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
  animation-iteration-co