/* メディカルジョブズ */

/* 背景画像 */
.bg-image-pc{
  background-image: url("../../img/kids/background-pc.jpg");
}
@media screen and (max-width: 800px){
  .bg-image-sp{
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url("../../img/kids/background-sp.jpg");
  }
}

/* 色 */
/* stepの丸アイコンの色 */
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
  background: #13ea82;
}

.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
  background: #6bcc9e;
}

.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
  background: #ff3111;
}

/* 背景色 */
.bg-white{
  background: #fff;
}
.bg-main{
  background: #fd8300;
}

/* 文字色 */
.text-white{
  color: #fff;
}
.text-main{
  color: #fd8300;
}
.text-red{
  color: #EA0018;
}
.text-yellow{
  color: #FFF23A;
}

.back_btn p:hover, .kouseiroudou a:hover{
  color: #fd8300;
}

.underline{
  background: linear-gradient(transparent 70%, #13ea82 70%);
}


/* フォーム */
.form-title{
  background: #13ea82;
  color: #fff;
}
.form-title::after{
  border-color: #13ea82 transparent transparent transparent;
}


/* 必須ラベル */
.required-label{
  background-color: #fd8300;
}
/* チェックマークの色 */
.label-checked{
  border: 1px solid #fd8300;
}
.checkbox-input:checked + .checkbox-parts{
  color: #fd8300;
}

.checkbox-input:checked + .checkbox-parts::after{
  border-bottom: 3px solid #fd8300;
  border-right: 3px solid #fd8300;
}


/* ボタン色 */
.btnColor, .btnColor:hover{
  background: #98816b;
  color: #FFF;
  border-bottom: solid 4px #766452;
}
.submitBtnColor, .submitBtnColor:hover{
  background: #13ea82;
  color: #fff;
  border-bottom: solid 4px #27d682;
}


header .logo {
    width: 190px!important;
}

@media screen and (max-width: 800px){
  header .logo {
      width: 190px!important;
  }
}