@charset "utf-8";
/************************************************************************
	original.css
	企業固有のスタイルを指定
*************************************************************************/
/*==========================================================================================================================
　■PCMODE
　～900px
============================================================================================================================*/
/**************************************************************
■共通項目（PC）
***************************************************************/

/*==================================================*/
/*アイコンフォント使用
/*==================================================*/
@font-face{
	font-family:recop-iconfont;
	src:
	url("option/font/recop-iconfont.eot?") format('eot'),
	url("option/font/recop-iconfont.woff") format('woff'),
	url("option/font/recop-iconfont.ttf") format('truetype');
}
em {font-style: normal;}
img {display: block;}
#joblist .joblist .job .salery{max-width:100%!important;}

/**************************************************************
★各種外寸幅設定
***************************************************************/
body {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	background-color: #ffffff!important;
	font-size: 14px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	padding: 0;
	-ms-font-family: "メイリオ"!important;
}
div#container {
	width: 100%;
	overflow: hidden;
	max-width: none;
	margin: auto;
	padding: 0;
}

#main > .content,
#header .content,
#footer .content .free{margin:auto;}

#header .content,
#footer .content .free {
	box-sizing: border-box;
	max-width: 980px;
	width: 100%;
}
#main > .content{
	box-sizing: border-box;
	margin-bottom: 60px;
	max-width: 980px;
	width: auto;
}
#mainContent {
	width: 100%;
	max-width: 535px;
	float: none;
	margin: 0 auto;
}
/*----------------------
/*マウスオーバー
------------------------*/
a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);	/* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	zoom: 1;
}
/*----------------------
/*エントリーフォーム
------------------------*/
#formContent div.entryFlow {font-size: 11px;}
/*----------------------
可変画像
------------------------*/
.v_img {
	height: auto;
	max-width: 100%;
	width: auto;
}
/**************************************************************
■各種表示対応
***************************************************************/
/*PC*/
.pc_block,
.pt_block,
.ps_block {display: block!important;}
.pc_inline,
.pt_inline,
.ps_inline {display: inline!important;}
.tb_block,
.ts_block {display: none!important;}
.tb_inline,
.ts_inline {display: none!important;}
.sp_block,
.sp_inline {display: none!important;}
.sp_block2,
.sp_inline2 {display: none!important;}
@media screen and (max-width:900px) {
/*TAB*/
.pc_block,
.ps_block
.pc_inline,
.ps_inline {display: none!important;}
.tb_block,
.ts_block {display: block!important;}
.tb_inline,
.ts_inline {display: inline!important;}
}
@media screen and (max-width:768px) {
/*SP*/
.pt_block,
.pt_inline,
.tb_block,
.tb_inline {display: none!important;}
.ps_block,
.sp_block {display: block!important;}
.ps_inline,
.sp_inline {display: inline!important;}
}
@media screen and (max-width:480px) {
.sp_block2 {display: block!important;}
.sp_inline2 {display: inline!important;}
}


/**************************************************************
■ヘッダー（PC）
***************************************************************/
#header{
	border:0 none transparent;
	margin-bottom:0;
}

/*==================================================*/
/*【#h_wrapper】
/*テーブルで横並び
/*==================================================*/
#h_wrapper{
	box-sizing:border-box;
	display: table;
	padding: 10px;
	table-layout: fixed;
	width: 100%;
}
#h_wrapper > *{
	display: table-cell;
	vertical-align:middle;
}
/*（左端）ロゴ*/
#h_wrapper #h_logo{
	width: 47%;
}
#h_wrapper #h_logo a {
	margin-left: -2%;
	display: block;
}
#h_wrapper #h_logo img {
	display: inline;
	width: 46%;
	margin: 0 2%;
}
/*（右端）H1*/
#h_wrapper h1{
	text-align:right;
	font-size: 14px;
	font-weight:normal;
	line-height: 1.2em;
}
/*改行対応*/
#h_wrapper h1 *{
	display: inline-block;
}


/*********************************************************************************************
■フッター（PC）
**********************************************************************************************/
#footer{
	background-color:#404040;
	color:#fff;
}
#footer .free{padding: 1em;}
#footer .free a{color:#ffffff!important;}

/*==================================================*/
/*【#f_floatBtn】
/*フロートボタン
/*==================================================*/
#f_floatBtn {
	color: #fff;
	background-color: #BD132E;
	font-family: recop-iconfont;
	height: 3em;
	position: fixed;
	right: 5px;
	text-align: center;
	width: 3em;
}
#f_floatBtn a{
	font-size: 2em;
	text-decoration:none!important;
}

/*==================================================*/
/*【#f_wrapper】
/*テーブルで横並び
/*==================================================*/
#f_wrapper {
	display: table;
	width: 100%;
}
#f_wrapper > *{display: table-cell;

/*フッターメニュー*/}
#f_wrapper .ul_footer {
	text-align: right;
}
#f_wrapper .ul_footer li {
	line-height: 1.7;
}


/*===========================================================================================================================
　■TABMODE
　900～670px
============================================================================================================================*/
@media screen and (max-width:900px){
/**************************************************************
■共通項目（TAB）
***************************************************************/
#main >.content{
	margin-left:10px;
	margin-right:10px;
}

/**************************************************************
■ヘッダー（TAB）
***************************************************************/

/**************************************************************
■フッター（TAB）
***************************************************************/

}
/*===========================================================================================================================
　■SPMODE
　768px～
============================================================================================================================*/
@media screen and (max-width:768px){
/**************************************************************
■共通項目（SP）
***************************************************************/

/**************************************************************
■ヘッダー（SP）
***************************************************************/

	/*==================================================*/
	/*【#h_wrapper】
	/*横並び解除でロゴ上、h1下配置
	/*==================================================*/
	#h_wrapper {
		display: block;
		padding: 1em;
	}
	#h_wrapper > *{
		display: block;
		text-align: center!important;
	}
	/*ロゴ*/
	#h_wrapper #h_logo {
		width: auto;
		margin: 0 auto 10px;
	}
	#h_wrapper #h_logo a {
		margin: 0;
		display: block;
	}
	#h_wrapper #h_logo img {
		display: inline-block;
		width: 46%;
		margin: 0 2%;
	}
/**************************************************************
■フッター（SP）
***************************************************************/
	#footer .free {
		padding: 2em 1em;
	}
	/*==================================================*/
	/*【#f_wrapper】
	/*横並び解除で全中央揃え
	/*==================================================*/
	#f_wrapper,
	#f_wrapper > *,
	#footer .recop{
		display: block;
		text-align:center!important;
	}
	#f_wrapper .f_copy span{display: inline-block;}

}
/*===========================================================================================================================
　■SPMODE_2(フォントサイズ調整など)
　480px～
============================================================================================================================*/
@media screen and (max-width:480px){

	body{font-size: 11px;}
	.dl_int dt {font-size: 1.6em;}
	.dl_int dd {font-size: 12px;}
}