@charset "utf-8";
/*****************************************
	setting.css
	インタビュー用スタイルシート
******************************************/

/*****************************************
  メリット編
******************************************/
/* メインビジュアル */
#merit_wrap .mainvisual {
  background: #4451A0;
}
#merit_wrap .v_catch,
#merit_wrap .v_editing {
  color: #fff;
}

/* メリット */
#merit_wrap .v_editing span {
  color: #fde723;
}

/* 動画面接 4つのメリット */
#merit_wrap .sec_ttl {
  color: #006fbc;
}
#merit_wrap .sec_ttl_inner:before,
#merit_wrap .sec_ttl_inner:after {
  background: #006fbc;
}

/* 4つのメリット 丸数字 */
#merit_wrap .m_box h3:before {
  background: #4451A0;
}

/* 4つのメリット サブタイトル下線 */
#merit_wrap .m_box h3 span {
    background: -webkit-linear-gradient(transparent 50%, #fde723 50%);
    background: linear-gradient(transparent 50%, #fde723 50%);
}

/* 動画面接 4つのステップ 背景 */
#merit_wrap .step {
  background: #4451A0;
}
/* step文字色 */
#merit_wrap .s_ttl .s_count {
  color: #4451A0;
}
/* 動画面接 4つのステップ 下矢印 */
#merit_wrap .step .triangle,
#merit_wrap .step .triangle:before,
#merit_wrap .step .triangle:after {
  border-top: 8px solid #fff;
}

/* QA Q */
#merit_wrap .qa_ttl .qa_count {
  color: #fff;
  background: #4451A0;
}
/* QA A */
#merit_wrap .qa_sentence .qa_count {
  color: #9b9b9b;
  border: solid 2px #9b9b9b;
  background: #fff;
}


/* 動画面接で応募する リンク */
.qa_sentence .qa_link a {
  color: #006fbc;
}
.qa_sentence .qa_link a:after {
  border-top: 2px solid #006fbc;
  border-right: 2px solid #006fbc;
}

/* フロートボタン */
.addoubo p a {
  color: #fff !important;
  background-color: #4451A0;
}

.footoubo {
  background-color:  rgba(161, 161, 161, 0.7);
}

.pagetop p a {
  color: #fff !important;
  background-color: #1e309e !important;
}
li.addoubo a:hover{
  background-color: #ffffff !important;
  border: solid 2px #4451A0 !important;
  color: #4451A0 !important;
}

li.pagetop a:hover {
  background-color: #4451A0 !important;

}


/*****************************************
  マナー編
******************************************/
/* メインビジュアル */
#manners_wrap .mainvisual {
  background: #006fbc;
}
#manners_wrap .v_catch,
#manners_wrap .v_editing {
  color: #fff;
}

/* メリット */
#manners_wrap .v_editing span {
  color: #fde723;
}

/* 印象度UP 5つのメリット */
#manners_wrap .sec_ttl {
  color: #4451A0;
}
#manners_wrap .sec_ttl_inner::before,
#manners_wrap .sec_ttl_inner::after {
  background: #4451A0;
}

/* 5つのメリット 丸数字 */
#manners_wrap .manners h3:before {
  background: #006fbc;
}

/* 5つのメリット サブタイトル下線 */
#manners_wrap .manners h3 span {
  background: -webkit-linear-gradient(transparent 50%, #fde723 50%);
  background: linear-gradient(transparent 50%, #fde723 50%);
}

/* アドバイス背景 */
#manners_wrap .advice {
  background: #006fbc;
}
/* アドバイス文字色 */
#manners_wrap .advice_sentence {
  color: #fff;
}

/* 採用担当者からアドバイス */
#manners_wrap .sec_ttl_type2 {
  color: #fde723;
}
#manners_wrap .sec_ttl_type2 .sec_ttl_inner:before,
#manners_wrap .sec_ttl_type2 .sec_ttl_inner:after {
  background: #fde723;
}