@charset 'utf-8';
/*デザイン上書き用*/


/* PCサイド画面
----------------------------- */
/*PCサイド画面の全体の背景の色*/
.flame{
	background-color:#80d7f2;
}

/*
PC画面左側
*/
/*PCサイド画面のメニューの文字が分かった時の色*/
.flame_left_content ul#menu-main li a.current{
	color:#036BA4;
}


/*
PC画面右側
*/


/*  一番上のヘッダー
----------------------------- */
header {
	background:#3494D4;
}

/* メニューのデザイン*/
.drawer-content{
	background-color:#3494D4;
}

/*スモールヘッダー*/
header.smaller{
	background-color: #3494D4;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
}

/*メインビジュアル*/
.main-imagearea{
	position: relative;
}

/* ブロックパターン
----------------------------- */
/*コーナータイトル*/
/*「社長メッセージ」・「事業内容」・「先輩社員のインタビュー」のタイトル文字色*/
.cornertitle{
	color: #0071C2;
}

/*レイアウトパターン①*/

.box_layout01{
	position: relative;
}

/*レイアウトパターン②*/
/*「事業内容」の全体の背景色*/
.box_layout02{
	background-color:#3494D4;
}
/* .box_layout02 .cornertitle{
	color:#fff;
} */

/*「事業内容」の下半分の背景色*/
.content-pattern02{
	background-color: #ffffff;
    margin-bottom: 2em;
}

/*レイアウトパターン③*/
/*「福利厚生」の全体の背景色*/
.box_layout03{
	position: relative;
    z-index: 0;
    background:#EFF5F8;
}
.box_recruit {
	position: relative;
    z-index: 0;
    background:#bbd5ef;
}

/*会社案内セット*/
/*「会社概要」・「アクセスマップ」のボタン型文字背景色*/
.companytitle h3{
	color:#fff;
	background-color: #3494D4;
}

/*採用情報セット*/
/*「採用情報」の全体の背景色*/
.box_recruit{
	background-color:#3494D4;
	padding-top: 2em;
}
/*「-採用情報-」のタイトル文字色*/
.box_recruit .cornertitle{
	color:#ffffff;
}
/*「採用情報」の中身の色*/
.box_recruit_inner{
	background-color:#ffffff;
}

/*「採用情報」の中身のタイトル文字色*/
.box_recruit_inner h3{
	color:#036BA4;
}

.box_recruit_inner h4{
	color:#bbd5ef;
}