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

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

/* メリット */
#merit_wrap .v_editing span {
  color: #fde723;
  text-shadow: 2px 2px 1px #505050, -2px 2px 1px #505050, 2px -2px 1px #505050, -2px -2px 1px #505050, 2px 0px 1px #505050, 0px 2px 1px #505050, -2px 0px 1px #505050, 0px -2px 1px #505050;
}

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

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

/* 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: #F6F2EA;
}
/* step文字色 */
#merit_wrap .s_ttl .s_count {
  color: #B10000;
}
/* 動画面接 4つのステップ 下矢印 */
#merit_wrap .step .triangle,
#merit_wrap .step .triangle:before,
#merit_wrap .step .triangle:after {
  border-top: 8px solid #B10000;
}

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


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

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

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

.pagetop p a {
  color: #fff !important;
  background-color: #E60012 !important;
}
li.addoubo a:hover {
  background-color: #fff !important;
  color: #B10000;
}
li.pagetop a:hover {
 opacity: 0.6;
}

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

/* メリット */
#manners_wrap .v_editing span {
  color: #fde723;
  text-shadow: 2px 2px 1px #505050, -2px 2px 1px #505050, 2px -2px 1px #505050, -2px -2px 1px #505050, 2px 0px 1px #505050, 0px 2px 1px #505050, -2px 0px 1px #505050, 0px -2px 1px #505050;  
}

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

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

/* 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: #F6F2EA;
}
/* アドバイス文字色 */
#manners_wrap .advice_sentence {
  color: #000;
}

/* 採用担当者からアドバイス */
#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;
}



/* add */
#merit_wrap .v_txt {
  color: #000 !important;
}
#manners_wrap .v_txt {
  color: #000 !important;
}
#footer .f_wrap {
  padding: 0 !important;
}
.secCopyright {
  background-color: #E60012;
  padding: 25px 15px;
}
p.ga_pdf a,
.copyright {
  color: #fff !important;
}
#merit_wrap .qa_sentence .qa_link a:hover {
  opacity: 0.6;
}

/* パンくず */
#topic-path {
	width: 100%;
	background-color: #EDEDED;
	box-shadow: 0px 1px 3px #0000004D;
	border-bottom : 2px solid #B1B1B1;
}
#topic-path p {
	font-size : 14px;
	color : #606060;
	margin: 0 auto;
  padding: 5px 0 0 10px;
	overflow-x : scroll;
	overflow-y : hidden;
	text-align : left;
}
#topic-path a {
  text-decoration : none;
	color : #606060;
}
#topic-path a:hover {
 opacity: 0.6;
}
#topic-path p::-webkit-scrollbar-thumb{
    background: #B1B1B1 !important;
}
#topic-path p::-webkit-scrollbar {
	height : 3px;
	margin-bottom : 3px;
	background : #EDEDED;
}
@media (min-width: 1200px) {
  #topic-path p {
	  max-width: 1200px;
  }
}

@media (max-width : 768px) {
  #topic-path p {
    font-size : 10px;
    padding: 5px 0 0 0;
    text-align: center;
  }
}


/* 求人TOPへ戻るリンク */
.home_link {
    position:relative;
    top:40px;
    text-align:right;
}
.advice_sentence {
    margin-bottom: 40px;
}
.home_link > a {
    text-decoration: none;
    color: #B10000;
    padding-left:10px;
}
.home_link > a:before {
    position: relative;
    top: -1px;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    display: inline-block;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 2px solid #B10000;
    border-left: 2px solid #B10000;
}
.home_link > a:hover {
  opacity: 0.6;
}