@charset "utf-8";
/* CSS Document */
body {
/*	min-width: 1000px;*/
	font-family:"メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	font-size: 14px;
	/font-size: 13px; /* ie6_7 */
	font-size: 13px\9; /* ie8 */
	color: #333333;
	line-height: 1.8em;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

a {color: #326693; text-decoration: none;}
a:hover{text-decoration: underline;}
a:visited{}
a:active{}

h1 {
	font-size: 12px;
	font-weight: normal;
}

.dis_none{
    display: none!important;
}


.bb_none{
    border-bottom: none!important;
}




/* __ ipad用 __ */
@media screen and (max-device-width: 1024px) {#selector {property:value;}}

/* __ ie6用 __ */
* html #selector {property:value;}

/* __ ie7用 __ */
*+html #selector {property:value;}

/* __ ie6_7用 __ */
#selector {/property:value;}

/* __ ie8用 __ */
#selector {property:value\9;}

/* __ Firefox用 __ */
#selector, x:-moz-any-link {property:value;}

@media (max-width: 767px) {

	body {
		font-size: 12px;
		overflow: hidden;
	}

}


/*____________________ RESPONSIVE ____________________*/

/*--------------------------------
column
--------------------------------*/
/* 割り方増やす時に追加すること */
.column2 li {
	margin-right: 16px;
}

.column3 li {
	margin-right: 16px;
}

.column3_in li {
	margin-right: 11px;
}


.column4 li {
	margin-right: 12px;
}

.column4_2 li {
	margin-right: 12px;
	margin-top: 15px;

}
.column5 li {
	margin-right: 16px;
}

.column4_navi .wd_Lcont {
	margin-right: 30px;
}

.column6 li {
	margin-right: 30px;
}

.column6 {
	margin-top: 30px!important;
}

/* 割り方増やす時に追加すること */
.column2,
.column3,
.column5{
	margin-right: -16px;
}
.column4{
	margin-right: -12px;
}

.column4_2,
.column3_in{
	margin-right: -12px;
}

.column6 {
	margin-right: -30px;
	margin-top: 30px!important;
}

/*.column4_navi{
	margin-right: -30px;
}
*/

/* 割り方増やす時に追加すること */
.column1 li img
.column2 li img,
.column3 li img,
.column3_in li img,
.column4 li img,
.column4_2 li img,
.column5 li img,
.column4_navi li img,
.column6 li img{
	max-width: 100%;
	height: auto;
}


.cont_inner{
	width:980px;
	margin: 0 auto;
}

.un_cont_inner{
	width:980px;
	margin: 0 auto;
}


.column3_in li{
	margin-top: 20px;
}


@media (min-width: 768px) {
/* 割り方増やす時に追加すること */
	.column2 li,
	.column3 li,
	.column3_in li,
	.column4 li,
	.column4_2 li,
	.column5 li,
	.column4_navi li,
	.column4 li,
	.column6 li{
		float: left;
	}

/* 割り方増やす時に追加すること */

	.wd2 {
		width: 316px;
	}

	.wd2_sitemap {
		width: 309px;
	}

	.wd3 {
		width: 480px;
	}

	.wd4 {
		width: 236px;
	}

	.wd5 {
		width: 236px;
	}

	.wd_Rnavi{
		width: 220px;
	}

	.wd_Lcont{
		width: 730px;
	}

	.wd_about{
		width: 350px;
	}



	.un_cont_inner{
		padding: 30px 0 50px;
	}

	.pcmt20{
		margin-top: 20px;
	}


}

@media (max-width: 767px) {
/* 割り方増やす時に追加すること */
	.column2,
	.column3,
	.column4,
	.column5,
	.column4_navi{
		margin-right: 0;
	}

	.column4_2,
	.column3_in{
		margin-right: -6px;
	}

	.column6{
		margin-right: 0;
		margin-top: 0!important;
	}


/* 割り方増やす時に追加すること */
	.column2 li,
	.column3 li,
	.column4 li,
	.column5 li,
	.column6 li{
		text-align: center;
		margin-top: 10px;
		margin-right: 0;
	}


	.column4_2 li,
	.column3_in li{
		float: left;
		text-align: center;
		margin-top: 10px;
		margin-right: 6px;
	}

	.column4_2 li{
		float: left;
		text-align: inherit;
		margin-top: 10px;
		margin-right: 6px;
	}

	.column4_navi .wd_Lcont {
		text-align: center;
		margin-top: 0;
		margin-right: 0;
	}

	.wd5 {
		width: 47.5%;
	}

	.li_color {
		text-align: left;
	}

}



@media (max-width: 767px) {

	.win-size{
		width:100%;
		margin:0 auto;
	}

	#TOP_PAGE .cont_inner{
		width: auto;
		padding:0!important;
	}

	.un_cont_inner{
		width: auto;
	}


	.sp_pd{
		padding: 15px 10px 30px;
	}

	.sp_pd02{
		padding: 15px;
	}

	.cont_inner {
		width: auto;
		padding:10px!important;
	}
}



/*____________________ HEADER ____________________*/


#HEADER_TOP{
	position: relative;
}

/*
#LOGO_AREA h1{
	font-size: 12px;
	font-weight: normal;
}
*/

#LOGO_AREA{
	width: 500px;
	float: left;
	font-size: 12px;
	line-height: 1.6em;
}


#HEADER_RIGHT {
	width: 330px;
	float: right;
}

#HEADER_RIGHT ul li {
	float: right;
}

#HEADER_RIGHT ul li span {
	padding: 0 15px;
}

#HEADER_RIGHT ul li a {
	color: #333333;
}


.btn_gr a{
	background: #eeeeee;
	border: 1px solid #d9d9d9;
	padding: 5px 10px;
	margin-left: 20px;
	display: block;
}

.btn_gr a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}


#HEADER_RIGHT .link {
	margin-top: 6px;
}





@media (min-width: 768px) {

	#LOGO{
		margin-top: 5px;
	}

	/*ChromeとOperaのみだけに適用されるCSSハック*/
	_::content, _:future, #HEADER_AREA:not(*:root) {
			min-height: 121px;
	}


	#HEADER_AREA{
		padding-top: 10px;
		/*padding-bottom: 1px;*/
		min-height: 122px;
		position: relative;
	}

	/* IE9,10用 */
	/*#HEADER_AREA:not(:target){
		padding-bottom: 3px\9;
	}*/





	#NAVI_AREA{
		margin-top: 10px;
	}

	#G_NAVI {
		height: 45px;
	}

	#G_NAVI ul li {
		float: left;
		text-align: center;
	}

	#G_NAVI ul li a{
		display: block;
		width: auto;
		padding: 10px 0 ;
		color: #333333;
		background: url("../images/common/naviBorderRight.gif") no-repeat center right;
	}

	#G_NAVI ul li.on{
		/*border-bottom: 4px solid #326693;*/
		background: url("../images/common/naviBorder.gif") repeat-x 0 bottom;
		text-decoration: none;
    height: auto;
	}

	#G_NAVI ul li:hover{
		/*border-bottom: 4px solid #326693;*/
		background: url("../images/common/naviBorder.gif") repeat-x 0 bottom;
		text-decoration: none;
	}

	#G_NAVI ul li.on a:hover,
	#G_NAVI ul li a:hover {
		border-bottom: none;
		text-decoration: none;
	}

	#G_NAVI .bar{
		width: 1px;
		padding: 10px 0;
		color:#d9d9d9;
	}

	/*#G_NAVI ul li {
		width: 196px;
	}*/

	#G_NAVI ul li.nav01 {
		width: 139px;
	}

	#G_NAVI ul li.nav02 {
		width: 227px;
	}

	#G_NAVI ul li.nav03 {
		width: 160px;
	}

	#G_NAVI ul li.nav04 {
		width: 227px;
	}

	#G_NAVI ul li.nav05 {
		width: 227px;
	}


}

@media (max-width: 767px) {


	#HEADER_AREA .cont_inner{
		padding: 0!important;
	}

	#LOGO_AREA{
		width: 260px;
		font-size: 9px;
	}

	#LOGO h1{
		margin-top: 5px;
	}

	#LOGO img{
		width: 147px;
	}

	#LOGO{
		margin-top: 5px;
	}


	#G_NAVI .bar{
		display: none;
	}

	#G_NAVI{
		display: none;
	}

	#G_NAVI ul{
		border-top: 1px solid #cccccc;
		background: #346590;
	}

	#G_NAVI ul li{
		border-bottom: 1px solid #1f3d56;
		font-size: 14px;
	}

	#G_NAVI ul li.white_b {
		border-top: 1px solid #5d84a6;
}

	#G_NAVI ul li a {
		color: #FFF;
		padding: 14px 19px;
		font-weight: normal;
		display: block;
		background: url("../images/common/arrow_03.png") no-repeat 95% 50%;
		background-size: 10px;
	}

	#G_NAVI ul li.sp_area a {
		color: #FFF;
		padding: 14px 19px;
		font-weight: normal;
		display: block;
		background: url("../images/common/arrow_03_m.png") no-repeat 95% 50%;
		background-size: 8px;
	}

	#G_NAVI ul li a:hover {
		text-decoration: none;
	}

	#G_NAVI ul li.sp_area {
		font-size: 12px;
	}

	.menu_btn{
		float: right;
		padding-top: 5px;
	}

	.menu_btn a:hover{
		cursor: pointer;
	}

	.menu_btn img{
		width: 25px;
		height: 31px;
	}

	#HEADER_AREA {
		border-bottom: 2px solid #c2c0c0;
	}

	#HEADER_TOP {
		position: relative;
		padding: 15px;
	}



	.nav06 {
		padding: 20px 20px 28px!important;
	}

	.nav06 p {
		text-align: center;
	}

	.nav06 a {
		color: #333!important;
		font-size: 13px;
		background: #FFF!important;
		background-size: contain;
		padding: 8px 0 4px!important;
		display: block;
	}

	.nav06 a:hover {
		filter: Alpha("opacity=80");opacity:0.8;
		/* For IE 5-7 */
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		/* For IE 8 */
		-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		text-decoration: none;
	}
}

/*____________________ FOOTER ____________________*/


#GUIDE_AREA .txt{
	font-size: 12px;
}

#GUIDE_AREA dt{
	text-indent: -8px;
}

#GUIDE_AREA li{
	float: left;
}

#GUIDE_AREA span{
	color: #333333;
	padding: 2px;
}


#FOOTER{
	background: #2a2a2a;
	padding: 30px 0;
	margin-top: 30px
}

#FOOTER_CRIGHT{
	color: #fff;
	text-align: center;
		font-size: 12px
}

@media (max-width: 767px) {
	#FOOTER{
		margin-top: 0;
		padding: 20px 0;
	}

	#GUIDE_AREA .txt{
		border-top: 1px solid #cccccc;
	}

	#FOOTER_CRIGHT{
			font-size: 8px
	}

}

/*____________________ CONTENT ____________________*/
/*--------------------------------
共通
--------------------------------*/

#WRAP{
	/* overflow: hidden; */
}

.pc_disnon{
	display: none;
}

.sp_disnon{
	display: block;
}

@media (max-width: 767px) {



	.sp_disnon{
		display: none;
	}

	.pc_disnon{
		display: block;
	}
}

/*----------------
下層
----------------*/

.bg_gr{
	background: #f3f3f3;
}

.bd1_gr{
	border: 1px solid #cccccc;
}

.pd3050{
	padding: 30px 0 50px;
}





@media (min-width: 768px) {
	.pc_pd3050{
		padding: 30px 0 50px;
	}
}

.mt15_0{
	margin-top:15px;
}

.mt0_15{
	margin-top:0px;
}

@media (max-width: 767px) {
	.pd3050_0050{
		padding: 0px 0 50px;
	}

	.mt15_0{
		margin-top:0px;
	}

	.mt0_15{
		margin-top:15px;
	}

}
#BREADCRUMB{
	font-size: 12px;
}
/* 160320abeAdd */
#BREADCRUMB .cont_inner div{
	display: inline;
}


/* 下層タブ */

#UNDER_TAB_AREA .career{
	background: url("../../common/images/column/tab_career_off_pc.png") no-repeat 0 0;
	width: 243px;
	height: 39px;
}

#UNDER_TAB_AREA .free{
	background: url("../../common/images/column/tab_free_off_pc.png") no-repeat 0 0;
	width: 243px;
	height: 39px;
}


#UNDER_TAB_AREA .clm{
	background: url("../../common/images/column/tab_clm_off_pc.png") no-repeat 0 0;
	width: 244px;
	height: 47px;
}

#UNDER_TAB_AREA .career.on{
	background: url("../../common/images/column/tab_career_on_pc.png") no-repeat 0 0;
	width: 243px;
	height: 47px;
}

#UNDER_TAB_AREA .free.on{
	background: url("../../common/images/column/tab_free_on_pc.png") no-repeat 0 0;
	width: 243px;
	height: 47px;
}


#UNDER_TAB_AREA .clm.on{
	background: url("../../common/images/column/tab_clm_on_pc.png") no-repeat 0 0;
	width: 244px;
	height: 47px;
}


#UNDER_TAB_AREA li:hover{
	text-decoration: none;
	filter: Alpha("opacity=90");opacity:0.9;
	cursor: pointer;
}

#UNDER_TAB_AREA li{
	position: relative;
	float: left;
}

#UNDER_TAB_AREA li a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* 正社員求人情報 */
#UNDER_TAB_AREA .jobDetail{
	background: url("../../common/images/career/tab_career_detail_off_pc.png") no-repeat 0 0;
	width: 33%;
	height: 39px;
}

#UNDER_TAB_AREA .jobDetailFree{
	background: url("../../common/images/career/tab_free_detail_off_pc.png") no-repeat 0 0;
	width: 50%;
	height: 39px;
}

#UNDER_TAB_AREA .info{
	background: url("../../common/images/career/tab_career_info_off_pc.png") no-repeat 0 0;
	width: 33%;
	height: 39px;
}


#UNDER_TAB_AREA .jobDetail.on{
	background: url("../../common/images/career/tab_career_detail_on_pc.png") no-repeat 0 0;
	width: 33%;
	height: 47px;
}

#UNDER_TAB_AREA .jobDetailFree.on{
	background: url("../../common/images/career/tab_free_detail_on_pc.png") no-repeat 0 0;
	width: 33%;
	height: 47px;
}

#UNDER_TAB_AREA .info.on{
	background: url("../../common/images/career/tab_career_info_on_pc.png") no-repeat 0 0;
	width: 33%;
	height: 47px;
}

#UNDER_TAB_AREA .tabNone{
	background: url("../../common/images/career/tab_career_none_pc.png") no-repeat 0 0;
	width: 33%;
	height: 47px;
}
#UNDER_TAB_AREA li.tabNone:hover{
	cursor: auto;
}





/* フリーランス案件情報 */
#UNDER_TAB_AREA .detail1{
	background: url("../../common/images/company/tab_company_detail1_off_pc.png") no-repeat 0 0;
	width: 243px;
	height: 39px;
}

#UNDER_TAB_AREA .detail2{
	background: url("../../common/images/company/tab_company_detail2_off_pc.png") no-repeat 0 0;
	width: 243px;
	height: 39px;
}

#UNDER_TAB_AREA .detail3{
	background: url("../../common/images/company/tab_company_detail3_off_pc.png") no-repeat 0 0;
	width: 244px;
	height: 47px;
}

#UNDER_TAB_AREA .detail1.on{
	background: url("../../common/images/company/tab_company_detail1_on_pc.png") no-repeat 0 0;
	width: 243px;
	height: 47px;
}

#UNDER_TAB_AREA .detail2.on{
	background: url("../../common/images/company/tab_company_detail2_on_pc.png") no-repeat 0 0;
	width: 243px;
	height: 47px;
}


#UNDER_TAB_AREA .detail3.on{
	background: url("../../common/images/company/tab_company_detail3_on_pc.png") no-repeat 0 0;
	width: 244px;
	height: 47px;
}

@media (max-width: 767px){

	#UNDER_TAB_AREA .career{
		background: url("../../common/images/column/tab_career_off_sp.png") no-repeat 0 0;
		width: 33%;
    /* height: 58px;*/
	background-size: 100% auto;
	padding-top: calc(22%*117/200);
	}

	#UNDER_TAB_AREA .free{
		background: url("../../common/images/column/tab_free_off_sp.png") no-repeat 0 0;
		width: 33%;
    /* height: 58px;*/
	background-size: 100% auto;
	padding-top: calc(22%*117/200);
	}


	#UNDER_TAB_AREA .clm{
		background: url("../../common/images/column/tab_clm_off_sp.png") no-repeat 0 0;
		width: 33%;
    /* height: 58px;*/
	background-size: 100% auto;
	padding-top: calc(22%*117/200);
	}

	#UNDER_TAB_AREA .career.on{
		background: url("../../common/images/column/tab_career_on_sp.png") no-repeat 0 0;
		width: 33%;
    /* height: 58px;*/
	background-size: 100% auto;
	padding-top: calc(22%*117/200);
	}

	#UNDER_TAB_AREA .free.on{
		background: url("../../common/images/column/tab_free_on_sp.png") no-repeat 0 0;
		width: 33%;
    /* height: 58px;*/
	background-size: 100% auto;
	padding-top: calc(22%*117/200);
	}


	#UNDER_TAB_AREA .clm.on{
		background: url("../../common/images/column/tab_clm_on_sp.png") no-repeat 0 0;
		width: 33%;
    /* height: 58px;*/
	background-size: 100% auto;
	padding-top: calc(22%*117/200);
	}


/* 正社員求人情報 */
	#UNDER_TAB_AREA .jobDetail{
		background: url("../../common/images/career/tab_career_detail_off_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(16%*71/200);
	}

	#UNDER_TAB_AREA .info{
		background: url("../../common/images/career/tab_career_info_off_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(16%*71/200);
	}

	#UNDER_TAB_AREA .jobDetail.on{
		background: url("../../common/images/career/tab_career_detail_on_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(16%*71/200);
	}

	#UNDER_TAB_AREA .info.on{
		background: url("../../common/images/career/tab_career_info_on_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(16%*71/200);
	}

	#UNDER_TAB_AREA .tabNone{
		background: url("../../common/images/career/tab_career_none_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(16%*71/200);
	}
	/* フリーランス案件情報 */
	#UNDER_TAB_AREA .detail1{
		background: url("../../common/images/company/tab_company_detail1_off_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}

	#UNDER_TAB_AREA .detail2{
		background: url("../../common/images/company/tab_company_detail2_off_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}


	#UNDER_TAB_AREA .detail3{
		background: url("../../common/images/company/tab_company_detail3_off_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}

	#UNDER_TAB_AREA .detail1.on{
		background: url("../../common/images/company/tab_company_detail1_on_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}

	#UNDER_TAB_AREA .detail2.on{
		background: url("../../common/images/company/tab_company_detail2_on_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}


	#UNDER_TAB_AREA .detail3.on{
		background: url("../../common/images/company/tab_company_detail3_on_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}

	#UNDER_TAB_AREA .jobDetailFree.on{
		background: url("../../common/images/career/tab_free_detail_on_sp.png") no-repeat 0 0;
		width: 33%;
		background-size: 100% auto;
		padding-top: calc(15%*71/200);
	}

}








/* 右ナビ共通 */

#RIGHT_NAVI{
	background: #fafaf5;
	overflow: hidden;
	margin-bottom: 20px;
}


#RIGHT_NAVI .tit h3{
	font-weight: normal;
}

#RIGHT_NAVI .cont{
	padding: 0 5px 5px 5px;
	text-align: left;
}

#RIGHT_NAVI .cont_in{
	background: #fff;
	padding: 8px;
	margin-top: 5px;
}


#RIGHT_NAVI h4 {
	color: #326693;
	margin-top: 5px;
	line-height: 1.4em;
}

#RIGHT_NAVI h4:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	cursor: pointer;
}

#RIGHT_NAVI .txt{
	line-height: 1.4em;
}

#RIGHT_NAVI .name{
	font-size: 12px;
	text-align: right ;
	line-height: 1.4em;
	margin-top: 5px;
}


/* 絞り込み */

.cont_open{
	background: url("../images/common/btn_minus_02.png") no-repeat center right!important;
	background-size: 16px!important;
	background-position: 97%!important;
}

.cont_close{
	background: url("../images/common/btn_plus_02.png") no-repeat center right!important;
	background-size: 16px!important;
	background-position: 97%!important;
}

#RIGHT_CONT .refine_area .free_word,
#RIGHT_CONT .refine_area .company_search,
#RIGHT_CONT .refine_area .list_tit{
	z-index: 2;
	position: relative;
}

@media (min-width: 768px){

	#TOP_PAGE .cont_close{
		background: none!important;
	}

}



#RIGHT_CONT .refine_area .tit{
	background: #326693;
	padding: 8px;
	color: #fff;
	text-align: center;
}

/* ピックアップ */
#PICK_UP_NAVI .tit{
	background: #326693;
	padding: 8px;
	color: #fff;
	text-align: center;
}

#PICK_UP_NAVI .status {
	width: 75px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.5;
}

#PICK_UP_NAVI .status{
	color: #0099ff;
	border: 1px solid #0099ff;
}

#PICK_UP_NAVI .status_free{
	color: #708c00 ;
	border: 1px solid #9eb73a;
}

#PICK_UP_NAVI .status_free {
	width: 75px;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 1.5;
}


.ph_txt_box h2{
	float: left;
}

.ph_txt_box h2{
	float: left;
  margin-right: 20px;
}


.ph_txt_box h2 img{
	width: 158px;
}


.ph_txt_box h2.txt {
	width: 530px;
	font-size: 32px;
	line-height: 1.2em;
	margin-right: 20px;
}

.ph_txt_box h2.txt_2{
	font-size: 32px;
	line-height: 1.2em;
	margin-right: 0!important;
}

#SNS_AREA li{
	margin-right: 10px;
}
#SNS_AREA li.last{
	margin-right: 0;
}

#SNS_AREA{
	background: #fafbf5;
	padding-top: 12px;
	padding-right: 12px;
}


.refine_area .free_word input{
	border: 1px solid #cccccc;
	width: 184px;
	padding: 12px;
	font-size: 16px;
}

.refine_area .free_word{
	margin-top: 15px;
}

.refine_area .free_word_column input{
	border: 1px solid #cccccc;
	border-left-style: none;
	width: 145px;
	padding: 12px;
	font-size: 14px;
	float: left;
}

.refine_area .free_word_column{
	margin-top: 15px;
}

/* チェックボックス */
#RIGHT_CONT input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
#RIGHT_CONT input[type=checkbox] + label {
	position: relative;
	display: inline-block;
/*	margin-right: 12px;*/
/*	line-height: 1.5px;*/
	cursor: pointer;
}

@media (min-width: 1px) {
	/* チェックボックス */
	#RIGHT_CONT input[type=checkbox] {
		display: none;
		margin: 0;
	}
	#RIGHT_CONT input[type=checkbox] + label {
	padding: 0px 0 4px 20px;
	width: 161px;
	}
	#RIGHT_CONT input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		/*top: 50%;*/
		top: 14px;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 14px;
		height: 14px;
		margin-top: -9px;
		background-color: white;
	}

	#RIGHT_CONT input[type=checkbox] + label::before {
		border: 1px solid #c2ced2;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

	#RIGHT_CONT input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 14px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	#RIGHT_CONT input[type=checkbox]:checked + label::after {
		left: 2px;
		width: 10px;
		height: 5px;
		margin-top: -6px;
		border-left: 2px solid #4fb500;
		border-bottom: 2px solid #4fb500;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

}

/* ラジオボタン */
#RIGHT_CONT input[type=radio] {
	display: inline-block;
	margin-right: 6px;
}
#RIGHT_CONT input[type=radio] + label {
	position: relative;
	display: inline-block;
	cursor: pointer;
}

@media (min-width: 1px) {
	/* ラジオボタン */
	#RIGHT_CONT input[type=radio] {
		display: none;
		margin: 0;
	}
	#RIGHT_CONT input[type=radio] + label {
	padding: 0px 0 4px 20px;
	width: 161px;
	}
	#RIGHT_CONT input[type=radio] + label::before {
		content: "";
		position: absolute;
		top: 14px;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 14px;
		height: 14px;
		margin-top: -9px;
		background-color: white;
	}

	#RIGHT_CONT input[type=radio] + label::before {
		border: 1px solid #c2ced2;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	}

	#RIGHT_CONT input[type=radio]:checked + label::after {
		content: "";
		position: absolute;
		top: 14px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	#RIGHT_CONT input[type=radio]:checked + label::after {
		left: 3px;
    width: 8px;
    height: 8px;
    margin-top: -6px;
    background-color: #4fb500;
    border-radius: 12px;
	}

}



.refine_btn {
    margin-top: -190px;
    padding-top: 210px;
	z-index: 1;
	position: relative;
}

.refine_btn input,
.r_btn input,
.search_right input {
	background: #FFF; color: #fff; transition: all 0.1s;
}

.refine_btn input:hover,
.r_btn input:hover,
.search_right input:hover,
.red_btn input:hover {
	opacity: 0.8;
}

.refine_btn input:active,
.search_right input:active,
.r_btn input:active {
opacity: 0.8;
}

.refine_btn input {
	width: 100%;
	display: block;
	cursor: pointer;
}

.refine_btn.blue input {
	box-shadow: 0 2px #006bb2;
	-moz-box-shadow: 0 2px #006bb2;
	-webkit-box-shadow: 0 2px #006bb2;
	-o-box-shadow: 0 2px #006bb2;
	-ms-box-shadow: 0 2px #006bb2;
	background: url("../images/common/search_01.png") no-repeat 42px 10px #0099ff;
	background-size: 9%;
	padding: 8px 0 6px 15px;

}

.refine_btn.green input {
	box-shadow: 0 2px #72842b;
	-moz-box-shadow: 0 2px #72842b;
	-webkit-box-shadow: 0 2px #72842b;
	-o-box-shadow: 0 2px #72842b;
	-ms-box-shadow: 0 2px #72842b;
	background: url("../images/common/search_01.png") no-repeat 42px 10px #a4bd3e;
	background-size: 9%;
	padding: 8px 0 6px 15px;

}

.refine_btn input{
	padding: 6px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	text-align: center;
}

.refine_btn_column {
    margin-top: -190px;
    padding-top: 210px;
	z-index: 1;
	float: left;
}

.refine_btn_column input,
.r_btn input,
.search_right input {
	background: #FFF; color: #fff; transition: all 0.1s;
}

.refine_btn_column input:hover,
.r_btn input:hover,
.search_right input:hover,
.red_btn input:hover {
	opacity: 0.8;
}

.refine_btn_column input:active,
.search_right input:active,
.r_btn input:active {
opacity: 0.8;
}

.refine_btn_column input {
	width: 39px;
	display: block;
	cursor: pointer;
	margin-top: -20.5px;
	height: 42px;
}

.refine_btn_column.blue input {
	background: url("../images/common/search_01.png") no-repeat 10px 10px #326693;
	padding: 8px 0 6px 15px;

}

.refine_btn_column input{
	padding: 6px;
	border: none;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	text-align: center;
}

#PICK_UP_NAVI h4 img {
	vertical-align: middle;
}




#RIGHT_CONT .refine_area .seach_tit_area{
	background: url("../images/common/btn_plus_02.png") no-repeat center right;
	background-size: 16px;
	background-position: 97%;
	z-index: 100;
	position: relative;
}


@media (max-width: 767px) {




	/* 右ナビ共通 */

	#RIGHT_NAVI {
		background: none;
	}



	/* 絞り込み */

/*	#RIGHT_CONT .refine_area .cont{
		display: none;
	}
*/

	#SP_REFINE a{
		display: block;
		color: #fff;
		background: #326693;
		padding: 8px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		box-shadow: 0 2px #234767;
		-moz-box-shadow: 0 2px #234767;
		-webkit-box-shadow: 0 2px #234767;
		-o-box-shadow: 0 2px #234767;
		-ms-box-shadow: 0 2px #234767;
	}

	#SP_REFINE a:hover{
		cursor: pointer;
		text-decoration: none;
	}


	#SP_REFINE{
		width: 164px;
		margin: 0 auto;
	    text-align: center;
	}

	#RIGHT_CONT .now_seach_area{
		padding-top: 10px;
	}

	#RIGHT_CONT .refine_area .seach_tit_area,
	#RIGHT_CONT .refine_area .seach_tit_area02{
		padding: 10px 10px 7px;
		border-bottom: 1px solid #cccccc;
	}


	#RIGHT_CONT .refine_area .seach_tit_area:hover{
		cursor: pointer;
	}


	#RIGHT_CONT .refine_area .seach_tit_area .seach_tit{
		display: block;
		width: 100%;
	}

	#RIGHT_CONT input[type=checkbox] + label {
		padding: 3px 0 4px 20px;
	}

	#RIGHT_CONT .refine_area .select_box{
		border-bottom: 1px solid #dddddd;
		padding: 5px 20px 4px 15px;

	}

	#RIGHT_CONT .refine_area .cont_in{
		display: none;
		padding: 0;
		margin-top: 0;
	}


	#RIGHT_CONT .refine_area .cont {
		padding: 0;
	}


	.refine_area .free_word input{
		width: 92%;
		color: #999999;
	}

	.refine_area .free_word_column input{
		width: 92%;
		color: #999999;
	}

	/* ピックアップ */

	#PICK_UP_NAVI .tit h3 {
		font-weight: bold;
	}

	#PICK_UP_NAVI .tit {
	color: #326693;
	background: #eeeeee;
		font-size: 12px;
		padding: 10px 10px 7px;
		text-align: left;
	margin-top: 20px;
	}

	#PICK_UP_NAVI .cont {
		padding: 0;
	}

	#PICK_UP_NAVI .cont_in {
	margin-top: 20px;
	border: 2px solid #dddddd;
	}

	#PICK_UP_NAVI h4 {
		font-size: 17px;
	}

	#PICK_UP_NAVI .income {
	font-size: 14px;
	margin-top: 5px;
	}

	#PICK_UP_NAVI .txt {
		margin-top: 5px;
	}

	#PICK_UP_NAVI .status{
		background: #3bacf7;
		color: #FFF;
	}

	#PICK_UP_NAVI .status_free{
		background: #9eb73a ;
		color: #FFF;
	}


}


/*--------------------------------
TOP
--------------------------------*/

/*------------
MAINVISUAL
------------*/


.topShadow{
	background: url("../images/common/shadowLine.png") repeat-x 0 0;
	position: absolute;
	bottom: -5px;
	left: 0;
	z-index: 5;
	height: 5px;
	    width: 100%;
}

#MAINVISUAL{
	height: 390px;
	overflow: hidden;
	background: #444;
	background-size: cover;
	z-index: 1;
	position: relative;
}

#MAINVISUAL_IN{
	width:1200px;
	height: 486px;
	margin:0 auto;
	position:relative;
}

.main_shadow{
	background: #000;
	opacity:0.7;
	filter: alpha(opacity=70);		/* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;				 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;			  /* Safari 1.x */
	width:530px;
	height:486px;
	position: absolute;
	margin:auto;
	top: 0%;
	right: 0%;
	z-index:100;
}

.main_ph{
	position:relative;
}


.tit_btn_area{
	width:395px;
}

.tit_btn_area a:hover{
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

.tit_btn_right a{
	color:#fff;
	display:block;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:190px;
	text-align:center;
	max-height:37px;
	font-size:18px;
	padding: 10px 0;
}


.tit_btn_left a{
	color:#fff;
	display:block;
	border: 1px solid #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	width:190px;
	text-align:center;
	padding:11px 0;
	font-size:20px;
	border: none;
	background:#ff7c7c;
	max-height:37px;
	box-shadow:0px -2px 1px 0px rgba(223,77,56,1) inset;
}
.tit_btn_area a:hover{

}

.tit_btn_left,
.tit_btn_right{
	width:190px;
	height:50px;
}

.tit_btn_left{
	float:left;
}
.tit_btn_right{
	float:right;
}

#JOB_OFFER_BOX{
	padding-bottom: 40px;
}

.input_area{
	padding:12px 0;
	width:980px;
	margin:0 auto;
}

.search_left{
	background:#fff;
	float:left;
	border: 1px solid #cccccc;
}
.search_right{
	float:right;
}

.search_area input{
	width:812px;
	font-size:18px;
	padding:14px;
	border: none;
	color: #999999;
	font-weight:normal;
	outline:none;
}

.search_area span {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background:#fff;
	font-size:20px;
	padding:6px 30px 6px 40px;
	color:#333;
	border-left: 1px solid #bbbbbb;
	outline:none;
	background: url("../images/down_arrow.png") no-repeat center right;
}

.search_area select:hover,
.search_right input:hover{
	cursor: pointer;
}


.free_key_area h4{
	font-size: 18px;
	font-weight: bold;

}



#TOP_PAGE h2{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #555555;
}

#TOP_PAGE h2 img{
	width: 3%;
	margin-right: 12px;
	vertical-align: sub;
}

#SERVICE_AREA h2 img {
	width: 5%;
	margin-right: 12px;
	vertical-align: middle;
}

#FEATURE_AREA h2 img {
	width: 2.8%;
	margin-right: 12px;
	vertical-align: sub;
}

#NEWS_AREA h2 img {
	width: 2.3%;
	margin-right: 12px;
	vertical-align: sub;
}

#ATTENTION_AREA h2 img{
	width: 2%;
	margin-right: 12px;
	vertical-align: sub;
}


#SUPPORT_AREA h2 img,
#COLUMN_AREA h2 img {
	width: 4%;
	margin-right: 12px;
	vertical-align: sub;
}

#REG_MENU_AREA{
	display:none;
}




@media (min-width: 768px) {

	.tit_area{
		position: absolute;
		margin:auto;
		top: 13%;
		right: 9%;
		z-index:200;
	}

}

@media (max-width: 767px) {

	#TOP_PAGE h2 img{
		width: 6%;
	}

	.free_key_area h4{
	    font-size: 14px;
	}

	.tit_area{
		width:300px;
		position: absolute;
		margin:auto;
		top: 16%;
		bottom:0%;
		left: 0%;
		right:0%;
		z-index:150;
	}

	.tit_area img{
		width:100%;
		height:auto;
	}

	.tit_btn_area {
	width: 100%;
	}

	.tit_btn_left, .tit_btn_right {
	width: 49%;
	}

	.tit_btn_left a,
	.tit_btn_right a{
	width: 100%;
	font-size: 15px;
	}

	#SERVICE_AREA,
	#FEATURE_AREA,
	#SUPPORT_AREA,
	#COLUMN_AREA,
	#NEWS_AREA{
		border-top: 1px solid #e4e4e4;
	}

	#TOP_PAGE .sp_tit_btn:hover{
		text-decoration: none;
		cursor: pointer;
	}

	#TOP_PAGE .arrow_btn{
		float: right;
		padding-right: 3px;
		width: 20px;
	}

	#TOP_PAGE .arrow_btn img{
		width: 40%!important;
		padding-bottom: 4px;
		margin-right: 0;
	}

	#MAINVISUAL_IN{
		width:100%;
	}

	.main_shadow{
		display:none;
	}

	#TOP_PAGE h2{
		font-size: 18px;
		background: #fff;
	}

	#TOP_PAGE h2.info {
		font-size: 18px;
		background: #fff;
		margin-top: 15px;
	}

	#TOP_PAGE #ATTENTION_AREA h2 img{
		width: 6% !important;
	}

	#TOP_PAGE .sp_tit_btn {
		display: block;
		width: 100%;
		padding: 13px 0 11px 0;
		box-shadow: 0 2px 2px rgba(0,0,0,0.3);
		margin-bottom: 2px;
		height: 21px;
		background: #fff url("../images/common/arrow_01.png") no-repeat center right;
		background-size: 10px;
		background-position: 97%;
	}

	#TOP_PAGE #SUPPORT_AREA .sp_tit_btn{
		padding: 9px 0 15px 0;
	}



	#TOP_PAGE h2 img {
		margin-right: 10px;
	}

	#TOP_PAGE #SERVICE_AREA h2 img{
		width: 35px;
	}

	#TOP_PAGE #FEATURE_AREA h2 img{
		width: 20px;
	}

	#TOP_PAGE #SUPPORT_AREA h2 img,
	#TOP_PAGE #COLUMN_AREA h2 img{
		width: 27px;
	}


	#TOP_PAGE #NEWS_AREA h2 img{
		width: 15px;
	}


	#NEWS_AREA{
		padding-top: 45px;
	}



}


/*------------
求人・案件情報　タブ切り替え
------------*/

#TAB_AREA .tab_box li{
	float: left;
}


#TAB_AREA .current {
	display: block;
}

#REGULAR_AREA,
#FREE_AREA {
	display: none;
	position: relative;
}

.search_btn h4{
	font-weight: normal;
	margin-top: 15px;
}


#MENU_AREA h4{
	font-weight: normal;
	font-size: 16px;
}


.search_btn{
	margin-right: -73px;
}


.search_btn a {
	display: block;
	width: 100%;
	height: 100%;
}


.search_btn li{
	float: left;
	text-align: center;
	margin-right: 73px;
	position: relative;
	margin-top: 40px;
}


.search_btn li:hover{
	cursor: pointer;
}


#REGULAR_AREA {
	border-top: 1px solid #0099ff;
}

#REG_MENU{
	display: none;
}

.search_btn a:hover{
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

.menu_area .menu_tit h4{
	float: left;
}

.menu_area .menu_tit p{
	float: right;
	padding-top: 3px;
}

.closebtn01 a:hover{	cursor: pointer;
}

.menu_area .cont_inner{
	position: relative;
}

.jobcat_balloon,
.buscat_balloon,
.empcat_balloon,
.loccat_balloon,
.sklcat_balloon,
.goodcat_balloon{
	position: absolute;
	top: -30px;
}


.search_btn li {
	float: left;
	text-align: center;
	margin-right: 72px;
	position: relative;
	margin-top: 40px;
}

.search_btn{
	margin-left: 20px;
}

.search_btn {
	margin-right: -72px;
}

.mr56 {
	margin-right: 56px!important;
}

#FREE_AREA {
	border-top: 1px solid #87a800;
}

#REG_MENU_AREA {
	padding: 17px 0 30px;
	border-top: 1px solid #0099ff;
	border-bottom: 1px solid #0099ff;
}

#FREE_MENU_AREA {
	display: none;
}

#FREE_MENU_AREA {
	padding: 17px 0 30px;
	border-top: 1px solid #a8c439;
	border-bottom: 1px solid #a8c439;
}

.search_btn a{
	color: #333333;
}


.search_btn span{
	display: block;
	margin-top: 15px;
	font-size: 16px;
}




#MENU_AREA dl{
	line-height: 1.8em;
}



@media (min-width: 768px) {
	.jobcat_balloon{
		left: 24px;
	}

	.buscat_balloon {
		left: 200px;
	}

	.sklcat_balloon {
		left: 370px;
	}

	.loccat_balloon {
		left: 538px;
	}

	.empcat_balloon {
		left: 706px;
	}

	.goodcat_balloon {
		left: 875px;
	}

	#MENU_AREA .menu_list{
		width: 225px;
		float: left;
		margin-right: 20px;
		margin-top: 10px;
	}


	#MENU_AREA dt{
		background: url("../images/common/arrow_01.png") no-repeat 5px 5px;
		padding-left: 20px;
		background-size: 9px;
	}

	#MENU_AREA .menu_list ul li{
		background: url("../images/common/arrow_01.png") no-repeat 26px 6px;
		padding-left: 40px;
		background-size: 9px;
	}



}






@media (max-width: 767px) {


	.jobcat_balloon,
	.buscat_balloon,
	.empcat_balloon,
	.loccat_balloon,
	.sklcat_balloon,
	.goodcat_balloon{
		left: 50%;
		right: 50%;
		top: -13px;
	}



	#MENU_AREA h4{
		font-weight: normal;
		font-size: 16px;
	}


	#MENU_AREA .menu_list{
		font-size: 14px;
	}

	#MENU_AREA .menu_list ul{
		padding-left: 14px;
	}


	#REG_MENU_AREA,
	#FREE_MENU_AREA  {
		padding: 0 ;
	}

	.menu_area .menu_tit{
		padding: 20px 10px 16px 20px;
	}

	.menu_area .menu_list{
		padding: 7px 10px 7px 20px;
		border-top: 1px solid #cccccc;
	}





	#REG_MENU_AREA .btn_plus dt,
	#FREE_MENU .btn_minus dt,
	#REG_MENU_AREA .btn_plus dt,
	#FREE_MENU .btn_minus dt{
		font-size: 14px;
	}

/*	#REG_MENU_AREA .btn_plus dt,
	#FREE_MENU .btn_plus dt{
		background: #fff url("../images/common/btn_plus.png") no-repeat center right;
		font-size: 14px;
	}

	#REG_MENU_AREA .btn_minus dt,
	#FREE_MENU .btn_minus dt{
		background: #fff url("../images/common/btn_minus.png") no-repeat center right;
		font-size: 14px;
	}

	#REG_MENU_AREA .btn_plus dt:hover,
	#FREE_MENU .btn_plus dt:hover,
	#REG_MENU_AREA .btn_minus dt:hover,
	#FREE_MENU .btn_minus dt:hover{
		cursor: pointer;
	}


	#MENU_AREA dd,
	#FREE_MENU dd{
		padding: 3px 0 4px 20px;
		font-size: 14px;
	}
*/




}

#KEYWORD h2,
#KEYWORD h2 a{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	cursor: pointer;
}

#KEYWORD p {
	color: #fff;
	text-align: center;
}

.key_area {
	display: table;
	margin-left: auto;
	margin-right: auto;
}



.key_area li {
	float: left;
	color: #fff;
	text-align: center;

}

.key_area li a{
	display: block;
	width: auto;
	padding: 8px 28px ;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:10px 8px 0 0;

}

#JOB_OFFER_AREA .blue a{
	background: #3bacf7;
	box-shadow: 0 1px #006bb2;
	-moz-box-shadow: 0 1px #006bb2;
	-webkit-box-shadow:0 1px #006bb2;
	-o-box-shadow: 0 1px #006bb2;
	-ms-box-shadow:0 1px #006bb2;
	border-bottom: 1px solid #006bb2;
}

#JOB_OFFER_AREA .blue input{
/*	background: url("../images/search_btn.svg") no-repeat 50% 50% #3bacf7;*/
	background-color: #3bacf7;
	background-image: url(../images/search_btn.svg);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 60%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 2px #006bb2;
	-webkit-box-shadow: 0 2px #006bb2;
	-o-box-shadow: 0 2px #006bb2;
	-ms-box-shadow: 0 2px #006bb2;
}

#JOB_OFFER_AREA .green a{
	background: #a4bd3e;
	box-shadow: 0 1px #72842b;
	-moz-box-shadow: 0 1px #72842b;
	-webkit-box-shadow: 0 2px #72842b;
	-o-box-shadow: 0 1px #72842b;
	-ms-box-shadow: 0 1px #72842b;
	border-bottom: 1px solid #a4bd3e;
}

#CONT_AREA .green input,
#JOB_OFFER_AREA  .green input{
	background: url("../images/search_btn.svg") no-repeat 50% 50% #a4bd3e;
	background-size: 60%;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 2px #72842b;
	-webkit-box-shadow: 0 2px #72842b;
	-o-box-shadow: 0 2px #72842b;
	-ms-box-shadow: 0 2px #72842b;
}


.search_right input{
	width:130px;
	padding:14px 0;
	border: none;
}


.news_area dl{
	border-bottom: 1px solid #cccccc;
	padding: 10px 0;
}

.news_area dt{
	width: 153px;
	float: left;
	margin-right: 20px;
	padding: 3px 10px;
	border: 1px solid #4f90d0;
	text-align: center;
	color: #4f90d0;
}

.news_area dd{
	width: 785px;
	float: left;
	padding-top: 4px;
	color: #326693;
}



.news_area dt.gr{
	border: 1px solid #8dad0c;
	color: #8dad0c;
}

.link_box {
	background:#fff;
	position: relative;
	opacity:0;
}

.link_box a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}


.link_ph_area{
	height: 180px;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
}

.link_ph_area img{
	max-width: inherit!important;
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%!important;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.link_box a:hover,
.link_box:hover,
.link_box_att:hover{
	filter: Alpha("opacity=80");opacity:0.8!important;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	cursor: pointer;
}






.link_box .txt p{
	margin-top: 5px;
	word-break: break-all;
}

#ATTENTION_AREA .link_box_att{
	position: relative;

}


#ATTENTION_AREA .link_box_att a{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
}

.attention .ph{
	float: left;
	margin-right: 20px;
	width: 180px;
	height: 116px;
	overflow: hidden;
}

.attention .ph img{
	width: 180px;
	height: auto;
}

.attention .txt {
	float: left;
	width: 278px;
}


@media (min-width: 768px) {
	#ATTENTION_AREA .link_box_att{
		height: 123px;
	}

}

@media (max-width: 767px) {

	.link_ph_area{
		height: 112px!important;
	}

	.link_ph_area img{
		 /* width: 100%; */
	}

	.link_ph_area_about img{
		width: 100%;
	}


	.attention .txt {
		width: 51%;
		text-align: left;
	}

	.attention .ph{
		width: 129px;
		height: 83px;
	  overflow: hidden;
		margin-right: 10px;
	}

	.attention .ph img{
		width: 126px;
	}



	.attention .txt p{
		line-height: 1.4em;
		margin-top: 0;
	}


	#ATTENTION_AREA .cont_inner{
		padding: 5px 15px 15px 15px!important;
	}




}

.attention .txt p{
	line-height: 1.6em;
	margin-top: 5px;
}

.cont_area .txt{
	/*background: #fff;*/
	padding: 17px;
	line-height: 1.6;
}



.cont_area .wd4{
	position: relative;
	overflow: hidden;
}

.cont_area .txt h3{
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	word-break: break-all;
}



#TWEETS_AREA ul.twArea {
    display:table;
}

#TWEETS_AREA ul.twArea li {
    /*padding: 0 10px;*/
    /*border:1px solid #aaa;*/
    display:table-cell;
    /*background-color:#efefee;*/
    list-style:none;
    vertical-align: middle;
}

.twLeft{
	    background-color:#efefee;
}

.twRight{
	    background-color:#fff;
}

.tw_fl{
	width: 130px;
	/*height: 118px;
	float: left;*/
	background: #efefee;
	/*padding: 20px 20px 20px 16px;*/
	text-align: center;
	font-weight: bold;
}

.tw_fl p{
	font-size: 16px;
	margin-bottom: 10px;
}

.tw_tl{
	width: 820px;
	/*float: right;*/
}

.space{
	width: 30px;
}


.tw_table{
    border-top: 1px solid #cccccc;
}

.tw_table tr{
	border-bottom: 1px solid #cccccc;
}

.tw_table th{
	width: 64px;
	padding: 12px;
}


.tw_table .tw_box{
	width: 665px;
	padding: 12px;
	line-height: 1.2em;
}

.tw_table .tw_box .account{
	color: #999999;
}

.tw_table .tw_time{
	width: 50px;
	text-align: right;
	padding: 12px 0 12px 12px;
	vertical-align: top;
	color: #999999;
}


#twitter-widget-1{
	height: 185px;

}

iframe.twitter-timeline {
	width: 800px;
	border-left:none!important;
	border-right:none!important;

}





.regular_area,
.free_area{
position: relative;
}

.regular_area{
z-index:100;
}

#JOB_OFFER_BOX li a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

.key_area li a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

li.menu_margin {
	margin-right: 56px;
}


@media (min-width: 768px) {


	.cont_area .wd_about .txt{
	    min-height: 135px;
	}

	#MENU_AREA{
	    padding-bottom: 30px;
	}

	.link_box_att{
		margin-top: 15px;
	}

	.cont_area{
		margin-top: 10px;
	}

	.tab_box{
		width: 100%;
		height: 48px;
		position: relative;
	}

	.tab_box .btn01 {
		position: absolute;
		top: 1px;
		left: 20px;
	}

	.tab_box .btn02 {
		position: absolute;
		top: 1px;
		right: 20px;
	}

	.news_area {
		border-top: 1px solid #cccccc;
		margin-top: 30px
	}

	.news_area a {
		display: block;
		width: 755px;
		padding-right: 25px;
		background: url("../images/common/arrow_01.png") no-repeat center right;
		background-size: 10px;
	}

}

#TAB_AREA02 li.btn01 a:hover,
#TAB_AREA02 li.btn02 a:hover{
	text-decoration: none;
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}



@media (max-width: 767px) {


	#TOP_PAGE .cont_area{
		display: none;
		padding: 0 15px 15px 15px!important;
	}


	.tab_box{
		width: 100%;
		height: 29px;
		position: relative;
	}


	.tab_box .btn01 {
		position: absolute;
		left: 3%;
	}



	.tab_box .btn02 {
		position: absolute;
		right: 3%;
	}


	.tab_box img{
		width: 100%;
	}

	.tab_box .btn01,
	.tab_box .btn02 {
		width: 147px;
	}

	.key_area {
		width: 100%;
		text-align: center;
	}
	.key_area li{
		 float: none;
		 display: inline-block;
	}

	.key_area li a{
		padding:4px 15px;
	}

	.search_btn li {
		width: 31%;
		margin-right: 10px;
		margin-top:15px;
	}

	.search_btn li.goodcat_career {
		width: 30.5%;
		margin-right: 10px;
		margin-top:15px;
	}

	.search_btn span{
		margin-top: 5px;
		font-size: 12px;
	}

	.search_btn li img{
		width: 80%;
	}

	.search_btn {
		margin-left:0;
		margin-right:0;
	}

	.search_left {
	    width: 67%;
	}

	.search_right {
		width: 30%;
	}
	.search_area input{
		width: 89%;
	}

	.search_area .search{
		width: 100%;
	}

	.search_left input {
		font-size: 12px;
		padding: 10px;
	}

	.search_right input {
		font-size: 12px;
		padding: 10px;
	}

	#JOB_OFFER_AREA .blue input{
/*
		background: url("../images/search_btn.svg") no-repeat 40% 50% #3bacf7;
		background-size: 63%;
*/
	}

	#JOB_OFFER_AREA .green input{
		background: url("../images/search_btn.svg") no-repeat 50% 50% #a4bd3e;
		background-size: 63%;
	}


	.cont_area .txt{
		text-align: left;
		padding: 10px;
		/*height: 140px;*/
		font-size: 11px;
	}

	.link_box .txt p{
		margin-top: 2px;
	}

	.sp_mr0{
		margin-right: 0!important;
	}

	#JOB_OFFER_BOX{
		padding-bottom: 20px;
	}


	.news_area dt{
		width: 121px;
		float: none;
	padding: 0;
		margin-right: 0;
	}

	.news_area dd{
		width: 90%;
		float: none;
	}

	.news_area dl {
		background: url("../images/common/arrow_01.png") no-repeat center right;
		background-size: 7px;
	background-position: 97%;
	}

	.news_area a {
		background: none;
		background-size: 0;
	}


	.cont_area .txt h3{
		font-size: 12px;
		line-height: 1.4em;
	}
	#GUIDE_AREA .cont_inner,
	#NEWS_AREA .news_area dl{
		padding: 10px!important;
	}

}


/*--------------------------------
フォーム
--------------------------------*/

.err_txt{
	color: red!important;
}


.form_table{
	width: 100%;
	text-align: left;

}

.form_table th {
	width: 30%;
	background: #fbfbfb;
	border: solid 1px #cccccc;
	padding: 5px;
}

.form_table td {
	border: solid 1px #cccccc;
	padding: 5px;
}

.form_table input,
.form_table textarea {
	border: solid 1px #cccccc;
	margin: 2px;
	font-size: 13px;
	padding: 3px;
}

.btn_submit{
	width: 290px;
	margin: 0 auto;
	padding: 10px;
}


.policy_box {
	width: 100%!important;
	height: 228px;
	overflow-y: scroll;
	border: 1px solid #e0e0e0;
	margin: 0 auto;
	padding: 15px;
	outline: none;
}



span.req {
	color: red;
}

.btn_submit input,
.btn_submit_2_in input {
	width: 260px;
	padding:10px 10px 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	color: #fff;
	margin-right: 30px;
	background: #ff7c7c!important;
	box-shadow: 0 2px #df5c5c;
	-moz-box-shadow: 0 2px #df5c5c;
	-webkit-box-shadow: 0 2px #df5c5c;
	-o-box-shadow: 0 2px #df5c5c;
	-ms-box-shadow: 0 2px #df5c5c;
	border-bottom: 1px solid #ff7c7c;
}

.btn_submit input{
	font-size: 22px;
	margin-right: 0;
	width: 290px;
}

.btn_submit input:hover,
.btn_submit_2 input:hover{
	cursor: pointer;
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}


@media (min-width: 767px) {

	.btn_submit_2{
		width: 980px;
		margin: 0 auto;
		padding: 10px;
		position: relative;
	  overflow: hidden;
	}

	.btn_submit_2_in{
		width: 585px;
    margin: 0 auto;
	}
/*
	.btn_submit_2_in input{
		width: 260px;
		padding:12px 10px;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border: none;
		font-size: 16px;
		font-weight: bold;
		font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
		color: #fff;
		margin-right: 30px;
		background: #ff7c7c!important;
		box-shadow: 0 2px #df5c5c;
		-moz-box-shadow: 0 2px #df5c5c;
		-webkit-box-shadow: 0 2px #df5c5c;
		-o-box-shadow: 0 2px #df5c5c;
		-ms-box-shadow: 0 2px #df5c5c;
		position: relative;
	  left: -50%;
	  float: left;
	}*/
}

@media (max-width: 767px) {
	.btn_submit input {
	    width: 100%;
	    float: none;
	    font-size: 14px;
	    padding: 11px 0 7px;
			margin-right: 0;
	}

	.btn_submit_2{
		margin-bottom: 20px;
	}

	.btn_submit_2_in input {
			width: 47%;
			float: none;
			font-size: 14px;
			padding: 11px 0 7px;
			margin-right: 10px;
	}

	.btn_submit_2_in input:last-child {
			margin-right: 0;
	}

	.btn_submit {
		width: 180px;
		margin: 15px auto;
		padding: 0;
	}
}











/*--------------------------------
下層ページ
--------------------------------*/

/*------------------------
企業情報 詳細
------------------------*/

.comp_box h2{
	float: left;
}

.comp_box h2.bd1_gr{
	height: 79px;
	overflow: hidden;
}


.comp_box h2 img{
	width: 118px;
}

.rec_box .ph img{
	width: 120px;
}

.comp_box h2.bd1_gr{
	margin-right: 15px;
}

/*
.comp_box .name_table{
	width: 602px;
	min-height: 78px;
}*/

.comp_box th,
.rec_box .name_table th{
	padding: 10px 0 10px 0;
	vertical-align: middle;
	text-align: left;
}

.comp_box h2.comp_name {
	font-size: 24px;
	font-weight: normal;
	line-height: 1.3em;
}


.comp_txt{
	margin-top: 30px;
	text-align: left;
	background: #fff;
	padding: 10px;
}

.comp_table{
	width: 100%;
	text-align: left;
	background: #fff;
}

.comp_table th {
	width: 120px;
	background: #f3fffd;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.comp_table td {
	padding: 10px;
}

.comp_table tr {
	border-bottom: dotted 1px #cccccc;
}

.comp_table tr {
	border-bottom: dotted 1px #cccccc;
}

.comp_table tr:last-child {
    border-bottom: none;
}

.work_loca p{
	float: left;
	background: #326693;
	padding: 3px 7px;
	margin-right: 8px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.work_loca a{
	display:block;
	float: left;
	background: #326693;
	padding: 3px 7px;
	margin-right: 8px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


.rec_other_top,
.rec_other{
	font-size: 14px;
	color: #326693;
	background: #eeeeee;
	padding: 12px 12px 9px;
}

.rec_box{
	margin-top: 20px;
	border: 1px solid #3bacf7;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #e3f4ff;
}

.rec_box.free_area{
	border: 1px solid #a8c439;
	background: #f1fcd6;

}

.main_area{
	padding: 14px;
}


.rec_table{
	width: 100%;
	text-align: left;
	margin-top: 10px;
	border-collapse: separate;
	/*border-spacing: 1px;*/
}

.rec_table th {
	width: 100px;
	background: #f5fbff;
	padding: 10px;
	font-weight: normal;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px dotted #cccccc;
}

.rec_table tr:last-child th,
.rec_table tr:last-child td{
	border-bottom: none;
}


.free_area .rec_table th {
	background: #fbfff2;

}

.rec_table td {
	padding: 10px;
	background: #fff;
	border-bottom: 1px dotted #cccccc;
}

@media (min-width: 768px) {
	.rec_table td {
		padding-right: 25%;
	}
}

.rec_box .ph{
	border: 1px solid #cfcfcf;
}




/* 求人一覧 */
.rec_box .tit h2 {
	width: 615px;
	float: left;
	font-size: 20px;
	color: #326693;
	font-weight: bold;
}

/* 企業一覧 */
.rec_box .tit h2.companyTit {
	width: 563px;
}

.rec_box .tit .status,
.rec_box .tit .status_free.green {
	width: 75px;
	float: left;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center!important;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1.7em;
	margin-right: 10px;
	/*margin-bottom: 15px;*/
}

.rec_box .tit .status {
	background: #3bacf7;
}

.camName{
	margin-top: 2px;
}


.rec_box .tit .status_free.green {
	background: #9eb73a;
}


.rec_box .tit h2 img{
	width: 27px;
	margin-left: 10px;
	padding-top: 3px;
}

.rec_tit_area .income{
	font-size: 16px;
	font-weight: bold;
	margin-top: 7px;
}


.rec_box .btn_area{
	padding: 0 14px 14px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #e3f4ff;
}

.free_area .btn_area{
	background: #f1fcd6;
}

input[type="button"],input[type="submit"] {
	background: none;
}

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}



.l_btn,
.r_btn {
	float: left;
	width: 230px;

}

.l_btn{
	margin-right: 30px;
}

.single_btn{
	width: 230px;
	margin: 0 auto;
}

.single_btn a,
.l_btn a,
.r_btn input{
	line-height: 35px;
	padding-top: 5px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

.btn_area .blue a{
	width: auto;
	display: block;
	background: #0099ff;
	box-shadow: 0 2px #006bb2;
	-moz-box-shadow: 0 2px #006bb2;
	-webkit-box-shadow: 0 2px #006bb2;
	-o-box-shadow: 0 2px #006bb2;
	-ms-box-shadow: 0 2px #006bb2;
	border-bottom: 1px solid #0099ff;
	font-size: 16px;
}

.btn_area .green a{
	width: auto;
	display: block;
	background: #a4bd3e;
	box-shadow: 0 2px #72842b;
	-moz-box-shadow: 0 2px #72842b;
	-webkit-box-shadow: 0 2px #72842b;
	-o-box-shadow: 0 2px #72842b;
	-ms-box-shadow: 0 2px #72842b;
	border-bottom: 1px solid #a4bd3e;
	font-size: 16px;
}

.btn_area .blue a:hover,
.btn_area .green a:hover,
.btn_area .LightGreen_b a:hover,
.btn_area #PAGINATION_AREA .display .on.more_btn a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

.btn_area input:hover{
	cursor: pointer;
}

.r_btn input {
	width: 100%;
	background: #ff7c7c;
	box-shadow: 0 2px #df5c5c;
	-moz-box-shadow: 0 2px #df5c5c;
	-webkit-box-shadow: 0 2px #df5c5c;
	-o-box-shadow: 0 2px #df5c5c;
	-ms-box-shadow: 0 2px #df5c5c;
	border-bottom: 1px solid #ff7c7c;
}

span.loccat_tree {
	margin-right :20px;
}

/*----------- ライトグリーン ------------*/

.LightGreen{
	margin-top: 20px;
	border: 1px solid #00cfb5;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: #e5fffc;
}

.LightGreen .btn_area {
	padding: 12px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  background: #e5fffc;
}

.LightGreen .rec_table th {
width: 100px;
background: #f3fffd;
padding: 10px;
font-weight: normal;
vertical-align: top;
text-align: left;
border-bottom: 1px dotted #cccccc;
}

.btn_area .LightGreen_b a {
	width: auto;
	display: block;
	background: #00cfb5;
	box-shadow: 0 2px #00907e;
	-moz-box-shadow: 0 2px #00907e;
	-webkit-box-shadow: 0 2px #00907e;
	-o-box-shadow: 0 2px #00907e;
	-ms-box-shadow: 0 2px #00907e;
	border-bottom: 1px solid #00cfb5;
	font-size: 16px;
}


#COMPANY_AREA_IN {
  background: #e5fffc;
  border: 1px solid #00cfb5;
  padding: 15px;
}

.comp_box .name_table,
.rec_box .name_table {
	/*width: 563px;*/
	min-height: 78px;
}







@media (min-width: 768px) {
	#COMPANY_AREA{
		padding-top: 30px;
	}

	.rec_box .ph{
	margin-right: 15px;
	float: left;
	overflow: hidden;
	height: 77px;
	}

	.rec_box .rec_tit_area{
		margin-top: 2px;
	}


	.rec_box .btn_area_in{
		width: 490px;
		margin: 0 auto;
	}

	.free_area td.work_loca{
		padding: 0 10px 10px 10px;
	}

	.free_area .work_loca span{
		width: 120px;
		display: inline-block;
	background: #f8fbef;
		padding: 8px;
		margin-left: 100px;
		margin-right: 10px;
	}

}




@media (max-width: 767px) {

	.rec_box .name_table {
		width: auto;
		min-height: inherit;
	}
	.rec_box .name_table th {
	    padding:  0 ;
	}

	.comp_box h2.bd1_gr{
		height: 78px;
	}
	/*#COMPANY_AREA{
		padding-top: 20px;
	}*/

	.comp_box .name_table {
	    width: 49%;
	}

	.comp_box th {
		padding: 0;
	}

	.comp_box h2 {
		float: left;
		margin-right: 10px;
}

	.comp_box h2.comp_name {
		font-size: 17px;
		text-align: left;
	}

	.comp_txt{
		margin-top: 20px;
	}

	.search_area .cont_inner .clearfix{
		width: auto;
	}

	.search_area .search_left{
		width: 78%;
	}

	.cont_inner form{
		width: auto!important;
	}

	.search_area .search_left input{
		width: 88%!important;
	}

	.search_area .search_right {
		width: 20%;
	}

	#CONT_AREA .search_area .cont_inner form{
		margin-bottom: 0px!important;
	}

	.main_area{
		padding: 10px;
	}
	.comp_table th,
	.comp_table td {
		display: block;
		width: auto;
	}


	.rec_box .tit h2.companyTit {
		width: 100%;
	}


	.rec_other{
		font-size: 12px;
		padding: 10px 10px 7px;
		text-align: left;
	}

	.rec_box{
	margin-top: 20px;
		text-align: left;
	line-height: 1.6em;
	}


	.rec_box .tit{
		text-align: left;
	}


	.rec_tit_area .income{
		font-size: 14px;
	}


	/*.rec_table{
		margin-top: 8px;
	}*/


	.rec_table th {
		width: 63px;
		padding: 10px 5px;
	}

	.rec_table td {
		padding: 10px 0 10px 5px;
	}

	.rec_box .tit .status,
	.rec_box .tit .status_free,
	.rec_box .tit h2 {
		float: none!important;
	}

	.rec_box .tit h2 {
		font-size: 17px;
		width: auto;
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.rec_box .btn_area {
		font-size: 14px;
		padding: 0 10px 10px;
	}

	.rec_box .btn_area_in{
		width: 100%;
	}

	.single_btn,
	.l_btn {
		width: 48%;
	}

	.r_btn {
		float: right;
		width: 48%;
	}

	.l_btn a {
		font-size: 14px;
	}

	.single_btn a{
		font-size: 14px!important;
	}

	.r_btn input{
		font-size: 14px;
	}


	.l_btn{
		margin-right: 0;
	}

	.free_area .work_loca span{
		width: auto;
		display: inline;
		background: #f8fbef;
		padding: 8px;
		margin: 0 5px 0 10px;

	}

	.rec_box .tit h2 img{
		padding-top: 2px;
		margin-left: 5px;
	}

	.btn_area .blue a{
		width: auto;
		display: block;
		background: #0099ff;
		box-shadow: 0 2px #006bb2;
		-moz-box-shadow: 0 2px #006bb2;
		-webkit-box-shadow: 0 2px #006bb2;
		-o-box-shadow: 0 2px #006bb2;
		-ms-box-shadow: 0 2px #006bb2;
		border-bottom: 1px solid #0099ff;
		font-size: 14px;
	}

	.btn_area .green a{
		width: auto;
		display: block;
		background: #a4bd3e;
		box-shadow: 0 2px #72842b;
		-moz-box-shadow: 0 2px #72842b;
		-webkit-box-shadow: 0 2px #72842b;
		-o-box-shadow: 0 2px #72842b;
		-ms-box-shadow: 0 2px #72842b;
		border-bottom: 1px solid #a4bd3e;
		font-size: 14px;
	}

	.single_btn a,
	.l_btn a,
	.r_btn input{
		line-height: 33px;
		padding-top: 4px;
	}

}

@media (max-width: 487px) {
	.search_area .search_right {
		width: 33%;
	}

	.search_area .search_left{
		width: 65%;
	}

}








/*------------------------
正社員求人情報　求人詳細
------------------------*/

.job_detail_box{
	background: #e3f4ff;
	border: 1px solid #3bacf7;
	padding: 15px;
}

.job_detail_box_g{
	background: #f1fcd6;
	border: 1px solid #a8c439;
	padding: 15px;
}

.detail_tit_area h2.icon,
.detail_tit_area .tit{
	float: left;
}

.detail_tit_area .icon img{
	width: 84px;
	height: 84px;
}

.detail_tit_area .tit{
	width: 599px;
	margin-top: 20px;
	margin-left: 15px;
}

.detail_tit_area .tit h2 img{
	margin: 5px 0 0 10px;
}

.detail_tit_area .tit p{
	margin-top: 10px;
}


.detail_box .btn_area_free {
	padding: 5px 0 7px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #f1fcd6;
}

.detail_box .btn_area_free input{
	width: 250px;
	float: left;
	padding: 11px 0 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

.detail_box .btn_area_free input:hover{
	cursor: pointer;
}


.detail_box .btn_area{
	padding: 5px 0 7px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	background: #e3f4ff;
}

.detail_box .btn_area input{
	width: 250px;
	float: left;
	padding: 11px 0 7px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	font-size: 16px;
	font-weight: bold;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

.detail_box .btn_area input:hover{
	cursor: pointer;
}

.detail_box .red_btn input{
	color: #fff;
	margin-right: 30px;
	background: #ff7c7c;
	box-shadow: 0 2px #df5c5c;
	-moz-box-shadow: 0 2px #df5c5c;
	-webkit-box-shadow: 0 2px #df5c5c;
	-o-box-shadow: 0 2px #df5c5c;
	-ms-box-shadow: 0 2px #df5c5c;
	border-bottom: 1px solid #ff7c7c;
}

.detail_box .inq_btn input{
	background: #fff;
	color:#ff7c7c;
	border: 1px solid #ff7c7c;
}



.detai_table{
	width: 100%;
	text-align: left;
	background: #fff;
}

.detai_table_area{
    position: relative;
}

.detai_table_area .ph{
	position: absolute;
	top: 0;
	right: 0;
	height: 110px;
	overflow: hidden;
	border: 1px solid #ccc;
}


.detai_table_area .ph img{
	width: 170px;
}

.detai_table th {
	width: 120px;
	background: #f5fbff;
	padding: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}


.detai_table td {
	padding: 10px;
}

@media (min-width: 768px) {
	.detai_table td {
		padding-right: 25%;
	}
}

a.parent {
	background: url("../images/common/arrow_01.png") no-repeat 50px 3px;
padding: 0 17px 0 0;
	background-size: 9px;
	margin-right: 5px;
}

.detai_table tr {
	border-bottom: dotted 1px #cccccc;
}


.detail_keyword{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.detail_keyword_area{
	background: #fff;
	padding: 0 10px 10px;
}

.detail_keyword p{
	float: left;
	background: #326693;
	padding: 3px 7px;
	margin: 10px 8px 0 0;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.detail_keyword p a {
	color: #fff;
}

.detail_keyword p a:hover {
	text-decoration: none;
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}



#RIGHT_NAVI .keyword p {
	float: left;
	background: #326693;
	padding: 4px 7px;
	margin-right: 4px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	margin-top: 15px;
	line-height: 1.4em;
}

#RIGHT_NAVI .keyword.column p {
	float: left;
	background: #326693;
	padding: 4px 7px;
	margin-right: 4px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 12px;
	margin-top: 5px;
	line-height: 1.4em;
}

.detail_box .red_btn input{
	margin-right: 0;
}

.detai_table_area .free th {
		background: #fbfff2;
}

#JOB_DETAILS_AREA .blue{
	background: #e3f4ff;
	border: 1px solid #3bacf7;
	padding: 15px;
}

#JOB_DETAILS_AREA .green{
	background: #f1fcd6;
	border: 1px solid #a8c439;
	padding: 15px;
}

@media (min-width: 768px) {

	.detail_box .btn_area_in{
		width: 250px;
		margin: 0 auto;
	}


	.detai_table .wd_s {
		margin-right: -20px;
	}


}


@media (max-width: 767px) {

	.job_detail_box{
		background: #e3f4ff;
		border: 1px solid #3bacf7;
		padding: 10px;
		margin-top: 0!important;
	}

	.job_detail_box_g{
		background: #f1fcd6;
		border: 1px solid #a8c439;
		padding: 15px;
		margin-top: 0!important;
	}

	/*#JOB_DETAILS_AREA{
		padding-top: 15px;
	}*/


	.detail_tit_area h2{
		font-size: 17px;
		/*color: #326693;*/
	}



	.detail_tit_area .tit h2 img{
		margin: 3px 0 0 5px;
	}


	.detail_tit_area .icon img{
		width: 48px;
		height: 48px;
	}

	.detail_tit_area .tit{
		width: 78%;
		margin-top: 3px;
		margin-left: 10px;
		text-align: left;
	}

	.detail_tit_area .tit p{
		margin-top: 5px;
	}


	.detail_box .btn_area {
		font-size: 14px;
		padding: 5px 0 7px;
	}

	.detail_box .btn_area_in{
		width: 100%;
		margin: 0 auto;
	}

	.detail_box .btn_area input{
		width: 180px;
		float: none;
		font-size: 14px;
		padding: 11px 0 7px;
	}

	.detail_box .red_btn input {
		width: 180px;
		float: none;
		font-size: 14px;
		padding: 11px 0 7px;
	}


	.detai_table th,
	.detai_table td {
		display: block;
		width: auto;
	}


	.detai_table th {
		font-size: 14px;
	}

	a.parent{
		margin-right: 5px;
		padding: 0px 15px 0 0;
		background: url("../images/common/arrow_01.png") no-repeat 45px center;
		background-size: 12%;
	}


	#RIGHT_CONT .refine_area .keyword,
	#RIGHT_CONT .refine_area .free_word {
		padding: 0 10px 10px 10px;
		margin-top: 0 ;
	}

	#RIGHT_CONT .refine_area .company_search{
		padding: 10px;
	}

	#RIGHT_CONT .refine_area .keyword p {
		margin-top: 5px;
	}

	#RIGHT_CONT .refine_area .refine_btn.blue,
	#RIGHT_CONT .refine_area .refine_btn.green {
		width: 200px;
		margin: 10px auto;
		padding: 10px 0;
	}


	#RIGHT_CONT .refine_area .seach_tit_area .sp_btn {
		width: 10px;
		float: right;
		padding: 4px 12px 0 0;
	}

	#RIGHT_NAVI .sp_tit:hover,
	#RIGHT_CONT .refine_area .seach_tit_area .sp_btn img:hover{
		cursor: pointer;
	}



	#RIGHT_NAVI .sp_tit{
		text-align: center;
		padding: 15px 10px 13px;
		border-bottom: 2px solid #326693;

	}


	#RIGHT_NAVI .sp_tit h3{
		font-size: 16px;
	}

	#RIGHT_NAVI .refine_close{
		float: right!important;
		padding-top: 2px;
	}
}




/*------------------------
正社員求人情報　求人一覧
------------------------*/

/*.un_main_ph{
	background: url("../images/common/arrow_01.png") no-repeat 5px 3px;
}
*/


.un_main_ph{
	position: relative;
}

.un_main_ph p img {
	width: 100%;
}

.read{
	text-align: left;
	margin-top: 20px;
	font-size: 11px;
	line-height: 1.7em;
	color: #666;
	background: rgb(248,248,248);
	padding: 10px;
}

#PAGINATION_AREA {
	position: relative;
}


#PAGINATION_AREA .total{
	float: left;
	font-size: 16px;
	font-weight: bold;
}

#PAGINATION_AREA .total span{
	font-size: 26px;
	color: #ff6666;
	padding: 0 2px 0 5px;
}

#PAGINATION_AREA .display{
	float: right;
}

#PAGINATION_AREA .display p{
	float: left;
	margin-left: 5px;
}


#PAGINATION_AREA .display a{
	color: #333333;
}

#PAGINATION_AREA p.nomal_number a {
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGINATION_AREA .display.light_green .on {
	background: #00cfb5;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGINATION_AREA .display.light_green a:hover {
	background: #00cfb5;
	color: #fff;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	text-decoration: none;
}


#PAGINATION_AREA .display.blue .on {
	background: #3bacf7;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGINATION_AREA .display.blue a:hover {
	background: #3bacf7;
	color: #fff;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	text-decoration: none;
}

#PAGINATION_AREA .display.green .on {
	background: #a3bd3e;
	color: #fff;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGINATION_AREA .display.green a:hover {
	background: #a3bd3e;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}

#PAGINATION_AREA .display .on a:hover{
	text-decoration: none;
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}



.select_box input{
	float: left;
	margin-top: 6px;
/*	display: block;*/
}



.select_box .list p{
	width: 160px;
}


.select_box .list_tit div,
.menu_list .tit{
	float: left;
}

.select_box .list_tit p{
	padding-top: 5px;
}

.select_box .list_tit p,
.menu_list p img{
	float: right;
}

.select_box .list_tit p img,
.menu_list p img{
	width: 13px;
	height: 13px;
}

.menu_list p img{
	padding-top: 6px;
}

.select_box .list_tit p img:hover,
.menu_list p img:hover{
	cursor: pointer;
}


.select_box .list_tit label,
.select_box .list{
	color: #326693;
}

.select_box dd{
	padding-left: 17px;
}


.select_box li{
	float: none;
	width: 177px;
}

.select_box dt a{
	width: 87%;
}

.select_box dd a{
	display: block;
	width: 100%;
}


.select_box dl a:hover{
	cursor: pointer;
}


#SEACH_LIST {
	display: none;
}

.seach_list_none {
	display: none;
}


h4.seach_tit{
	color: #333333!important;
	font-size: 16px;
	border-left: 2px solid #326693;
	padding-left: 10px;
	height: 20px;
	margin-top: 15px!important;
}


.more_btn_area{
	width: 212px;
	margin: 0 auto;
}

.more_btn a{
	width: 100%;
	display: block;
	color: #999999;
	padding: 10px 0 6px 8px;
	font-weight: bold;
	font-size: 16px;
	border: 2px solid #cccccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.more_btn a:hover {
	text-decoration: none;
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

h2.bnr_area a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.un_main_txt_in td h2{
	max-width: 290px;
	float: left;
	font-size: 28px;
	color: #666;
	font-weight: bold;
	line-height: 1.2em;
text-align: left;
}

.un_main_txt_in td p{
	float: left;
	color: #666;
	font-weight: bold;
	font-size: 22px;
	padding: 7px  0 0 10px;
}




@media (min-width: 768px) {


	.un_main_txt{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		padding-left: 20px;
		width: 470px;
		height: 120px;
	}


	.un_main_txt_in{
		width: 100%;
		height: 100%;
	}

	.un_main_txt_in th{
		width: 84px;
	}

	.un_main_txt_in td{
		padding: 0 0 0 15px;
	}



/* フリーランス */

	.free .un_main_txt_in td h2{
		max-width: 241px;
	}

	.un_main_txt.free .tit_sub{
		width: auto;

	}
}


@media (max-width: 767px) {

	.select_box .list_tit p{
		padding-top: 0;
	}

.list_tit img{
	padding-top: 6px;
}


	.un_main_txt{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 287px;
		height: 66px;
		padding-left: 15px;
	}



	.un_main_txt_in td {
		padding: 0 0 0 10px;
	}

	.un_main_txt_in{
		width: 100%;
		height: 100%;
	}

	.un_main_txt_in th{
		width: 57px;
	}


	.un_main_txt_in td h2{
		max-width: 171px;
		font-size: 16px;

	}


	.un_main_txt_in td p{
		font-size: 13px;
		padding: 0 0 0 10px;
	}


	.select_box li{
		width: auto;
	}

/* フリーランス */
	.free .un_main_txt{
		width: 247px;
	}

	.free .un_main_txt_in td h2{
		max-width: 145px;
	}

	.read{
		margin-top:5px;
	}


#PAGINATION_AREA .display p {
	float: left;
	margin-left: 5px;
}


	.more_btn_area{
		width: 182px;
	}


	.more_btn a{
		font-size: 14px;
	}

	h4.seach_tit{
		height: auto;
		margin-top: 0!important;
	}

	#PAGINATION_AREA .display.blue .on,
	#PAGINATION_AREA .display.light_green .on{
		height: 22px!important;
		padding-top: 3px;
	}

	#PAGE_BOX li.on,
	#PAGE_BOX li a ,
	#PAGE_BOX_G li.on,
	#PAGE_BOX_G li a,
	#PAGE_BOX_LG li.on,
	#PAGE_BOX_LG li a,
	#PAGE_AREA2 li.on,
	#PAGE_AREA2 li a {
		height: 22px!important;
		padding-top: 3px;
	}

	#PAGINATION_AREA p.nomal_number a {
		height: 22px!important;
		padding-top: 3px;
	}

	#PAGINATION_AREA p.nomal_number a:hover {
		height: 22px!important;
		padding-top: 3px;
	}

#PAGINATION_AREA .display.green .on {
		height: 22px!important;
		padding-top: 3px;
	}



}


/*------------------------
コラムページ
------------------------*/

#READ_AREA,
#PICK_UP_ARTICLE{
	margin-top: 30px;
}

#READ_AREA p {
	font-size: 14px;
}


.main_txt_box {
	margin-top: 40px;
}


.main_txt_box p{
	margin-top: 10px;
}


#PICK_UP_ARTICLE h2{
	color: #999999;
	font-size: 20px;
	font-weight: normal;
	border-bottom: 2px solid #cccccc;
	padding-bottom: 10px;
}

ul.column_attention li {
	font-size: 85%;
}

ul.column_attention li.attention_l {
	float: left;
	width: 45%;
}

ul.column_attention li.attention_r {
	float: right;
	width: 45%;
	text-align: right;
}


ul.column_attention li.attention_r_2 {
	text-align: right;
	width: 100%;
}

.point_area {
	border: 2px solid #42adf3;
	padding: 10px;
	background: #e2f3fd;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}

.main_detail_box ul li{
	float: none;
	font-size: 14px;
}


@media (max-width: 767px) {
	#PICK_UP_ARTICLE h2{
		text-align: left;
	}

	ul.column_attention li.attention_l,
	ul.column_attention li.attention_r{
		float: none;
		width: 100%;
		text-align: left;
	}

	ul.column_attention li.attention_r_2 {
		text-align: right;
		width: 90%;
		float: right;
	}
}


/*------------------------
tebleテンプレート用
------------------------*/

/*---- テンプレート1 -----*/

	.table{
		width: 100%;
		border-collapse: collapse;
	}

	.table td,
	.table th{
		padding: 5px;
		border: 1px solid #E2E2E2;
		font-size: 14px;
	}

	.table th{
		font-weight: bold;
		text-align: left;
	}

	.table thead th{
		background:#F2F2F2;
	}

	.table th.gray {
		background:#F2F2F2;
	}





@media only screen and (max-width:767px){
	.table{
		display: block;
	}

	.table thead{
		display: none;
	}

	.table tbody{
		display: block;
	}

	.table tbody tr{
		display: block;
		margin-bottom: 1em;
	}

	.table tbody th,
	.table tbody td{
		display: list-item;
		border: none;
	}

	.table tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		color: #333;
		background: #E3E3E3;
		margin-top: 1em;
	}

	.table tbody td{
		padding: 0;
	}
}

/*---- テンプレート2 -----*/

/*clearfix*/
.cf:after { visibility: hidden;display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .cf { zoom: 1; }
*:first-child+html .cf { zoom: 1; }

.table2{
	border-collapse: collapse;
	width: 100%!important;
}
.table2 th{
	margin: 0;
	padding: 10px;
	background: #eee;
	border-top: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
}

.table2 td{
	margin: 0;
	padding: 10px;
	text-align: left;
	width: 100%;
}

@media (min-width: 768px) {
	.table2 td {
		border: 1px solid #E2E2E2!important;
	}
}

@media (max-width: 767px) {
	.table2 {
		display: block;
		position: relative;
	}
	.table2 thead {
		display: block;
		float: left;
	}

	.table2 tbody{
		display: block;
		position: relative;
		overflow-x: auto;
		white-space: nowrap;
		border: 1px solid #E2E2E2;
	}

	.table2 tbody::-webkit-scrollbar {
		height: 8px;
	}

	.table2 tbody::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.table2 tbody::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #B4B4B4;
	}

	.table2 thead tr{
		display: block;
	}
	.table2 th{
		display: block;
		border-right: none;
	}

	.table2 tbody tr{
		display: inline-block;
		vertical-align: top;
	}

	.table2 td{
		display: block;
		border-bottom: 1px solid #E2E2E2;
	}

	/* borderの調整 */
	.table2 th{
		border-bottom: 0;
	}

	.table2 tbody tr{
		border-right: 1px solid #E2E2E2;
	}

	.table2 tr:last-child{
		border-right: 0;
	}

	.table2 th:last-child{
		border-bottom: 1px solid #E2E2E2;
	}

}




/*------------------------
twitter
------------------------*/
.timeline {
	max-width: 100% !important;
	width: 100% !important;
	box-sizing:border-box;
}


/*------------------------
ページネーション
------------------------*/
/******** 共通 ********/
#PAGE_BOX,
#PAGE_BOX_G,
#PAGE_BOX_LG {
	margin-top: 10px;
	position:relative;
	overflow:hidden;
}

#PAGE_BOX ul,
#PAGE_BOX_G ul,
#PAGE_BOX_LG ul {
	position:relative;
	left:50%;
	float:left;
}

#PAGE_BOX li,
#PAGE_BOX_G li,
#PAGE_BOX_LG li {
	position:relative;
	left:-50%;
	float: left;
	margin-right: 10px;
}

#PAGE_BOX li a,
#PAGE_BOX_G li a,
#PAGE_BOX_LG li a,
#PAGE_AREA2 li a{
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGE_BOX li.on,
#PAGE_BOX2 li.on,
#PAGE_BOX_G li.on,
#PAGE_BOX2_G li.on,
#PAGE_BOX_LG li.on,
#PAGE_BOX2_LG li.on{
	color: #fff;
	display: inline-block;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGE_BOX li.arrow_icon a:hover,
#PAGE_BOX_G li.arrow_icon a:hover,
#PAGE_BOX_LG li.arrow_icon a:hover {
	background: none;
}


/******** ブルー ********/
#PAGE_BOX li.on {
	background: #3bacf7;
}
#PAGE_BOX li a:hover {
	background: #3bacf7;
	color: #fff;
	text-decoration: none;
}

/******** ライトグリーン ********/
#PAGE_BOX_LG li.on,
#PAGE_BOX2_LG li.on {
	background: #00cfb5;
}

#PAGE_BOX_LG li a:hover {
	background: #00cfb5;
	color: #fff;
	text-decoration: none;
}



@media (max-width: 767px) {

	#PAGE_BOX li,
	#PAGE_BOX_G li,
	#PAGE_BOX_LG li{
		margin-right: 8px;
	}

	#PAGE_BOX li img,
	#PAGE_BOX_G li img,
	#PAGE_BOX_LG li img  {
		width: 35%;
		vertical-align: sub;
	}

	#PAGE_BOX li:last-child,
	#PAGE_BOX_G li:last-child,
	#PAGE_BOX_LG li:last-child  {
		margin-right: 0;
	}
}

@media (min-width: 767px) {
	#PAGE_AREA {
		position: relative;
	}

	#PAGE_BOX,
	#PAGE_BOX_LG {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 65%;
		height: 57px;
	}

	#PAGE_BOX li img,
	#PAGE_BOX_LG li img {
		width: 35%;
		vertical-align: sub;
	}

/*------------------------
Firefoxハック
------------------------*/
	@-moz-document url-prefix() {
		#PAGE_BOX,
		#PAGE_BOX_LG {
			position: absolute;
			top:-25px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 65%;
			height: 57px;
		}
	}

}




/*------------------------
ページネーション2
------------------------*/
#PAGE_BOX2,
#PAGE_BOX2_G,
#PAGE_BOX2_LG {
	margin-top: 25px;
	position:relative;
	overflow:hidden;
}

#PAGE_BOX2 ul,
#PAGE_BOX2_G ul,
#PAGE_BOX2_LG ul {
	position:relative;
	left:50%;
	float:left;
}

#PAGE_BOX2 li,
#PAGE_BOX2_G li,
#PAGE_BOX2_LG li {
	position:relative;
	left:-50%;
	float: left;
	margin-right: 10px;
}

#PAGE_BOX2 li.arrow_icon a:hover,
#PAGE_BOX2_G li.arrow_icon a:hover {
	background: none;
}

#PAGE_BOX2 li img,
#PAGE_BOX2_G li img,
#PAGE_BOX2_LG li img {
	width: 35%;
	vertical-align: sub;
}

/* ブルー */
#PAGE_BOX2 li.on{
	background: #3bacf7;
	color: #fff;
}

#PAGE_BOX2 li a:hover {
	background: #3bacf7;
	color: #fff;
	text-decoration: none;
}


/* グリーン */
#PAGE_BOX2_G li.on{
	background: #a3bd3e;
	color: #fff;
}

#PAGE_BOX2_G li a:hover {
	background: #a3bd3e;
	color: #fff;
	text-decoration: none;
}




@media (max-width: 767px) {

	#PAGE_BOX2 li {
		margin-right: 10px;
	}

	#PAGE_BOX2 li.on{
		background: #3bacf7;
		color: #fff;
	}

	#PAGE_BOX2 li:last-child {
		margin-right: 0;
	}
}

@media (min-width: 767px) {
	#PAGE_AREA2 {
		position: relative;
	}


}

/*------------------------
ページネーション（グリーン）
------------------------*/

#PAGE_BOX_G li.on {
	background: #a3bd3e;
	color: #fff;
	width: 25px;
	height: 25px;
	text-align: center;
}

#PAGE_BOX_G li a:hover {
	background: #a3bd3e;
	color: #fff;
	text-decoration: none;
}


@media (max-width: 767px) {


	#PAGE_BOX_G li.on{
		background: #a3bd3e;
		padding: 3px 0 0;
		color: #fff;
		width: 7px;
	}

	#PAGE_BOX_G li.on{
		width: 25px;
	}

	#PAGE_BOX_G li a:hover,
	#PAGE_BOX_G li a {
		font-size: 12px;
	}

	#PAGE_BOX_G li {
		margin-right: 8px;
			font-size: 12px;
	}


	#PAGE_BOX_G li:last-child {
		margin-right: 0;
	}
}

@media (min-width: 767px) {
	#PAGE_AREA {
		position: relative;
	}

	#PAGE_BOX_G {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		width: 65%;
		height: 57px;
	}

	#PAGE_BOX_G li img {
		width: 35%;
		vertical-align: sub;
	}

/*------------------------
Firefoxハック
------------------------*/
	@-moz-document url-prefix() {
			#PAGE_BOX_G {
			position: absolute;
			top:-25px;
			left: 0;
			right: 0;
			bottom: 0;
			margin: auto;
			width: 65%;
			height: 57px;
			}
	}
}



#PAGE_BOX2_LG li a:hover {
	background: #00cfb5;
	color: #fff;
	text-decoration: none;
}

#PAGE_BOX2_LG li.arrow_icon a:hover {
	background: none;
}

#PAGE_BOX2_LG li {
	margin-right: 10px;
}

@media (max-width: 767px) {
	#PAGE_BOX2_LG li img {
		width: 35%;
		vertical-align: sub;
	}

	#PAGE_BOX2_LG li.on{
		background: #00cfb5;
		color: #fff;
	}


	#PAGE_BOX2_LG li:last-child {
		margin-right: 0;
	}
}

@media (min-width: 767px) {
	#PAGE_AREA2_G {
		position: relative;
	}

	#PAGE_BOX2_LG li img {
		width: 35%;
		vertical-align: sub;
	}
}








.b_none {
	border-bottom: none!important;
}

@media (max-width: 767px) {
	.title_border{
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.25);
		margin-bottom: 3px;
		border-top: 1px solid #CCC;
		border-botton: 1px solid #CCC;
		padding:13px 0;
	}


}


.fb-like span{
	height:25px !important;
}






/*------------------------
転職お役立ち　詳細
------------------------*/
#READ_AREA,
#MAIN_TXT_AREA{
	font-size: 16px;
}

.main_txt_box h2{
	color: #326693;
	font-size: 24px;
}

.main_txt_box h2 span{
	color: #999999;
}

.main_txt_box h3{
font-weight: normal;
	color: #326693;
	font-size: 18px;
}

.main_txt_box h4{
	color: #326693;
}

#MAIN_TXT_AREA .cont01 .right{
	float: right;
	width: 530px;
}


#MAIN_TXT_AREA .cont01{
	margin-top: 15px;
}

#MAIN_TXT_AREA .cont01 .img_area,
#MAIN_TXT_AREA .cont01 img{
	width: 180px;
	float: left;
}

#MAIN_TXT_AREA .cont01 .img_area img{
	float: none;
}

#MAIN_TXT_AREA .ph_area img{
	filter: drop-shadow(1px 1px 2px rgba(0,0,0,0.6));
}

.main_txt_box .list_box li{
	float: none;
    text-align: left;
}


.main_txt_box .ph_area ul{
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.main_txt_box .ph_area ul li{
	margin: 10px 10px 0 0;
}

.main_txt_box .ph_box img{
	width: 210px;
	height: 156px;
}

.main_txt_box .ph_box02 img{
	width: 160px;
}
 .ph_box2{
	text-align: center;
	margin-top: 20px;
 }

 .ph_box2 img{
 border: 1px solid #cccccc;
 }

#COLIMN_ARTICLE {
	background: url("../images/content/tit_career.png") no-repeat top left;
	height: 170px;
}

#COLIMN_ARTICLE .column_area {
	padding: 20px 390px 20px 20px;
	color: #FFF;
}

#COLIMN_ARTICLE .column_area p {
	font-size: 18px;
}

#COLIMN_ARTICLE .column_area h3 {
	font-size: 28px;
	margin-top: 8px;
}

#COLIMN_ARTICLE p.clm_txt {
	font-size: 14px;
	margin-top: 8px;
}

.c_main_txt {
	color: #fff;
}

p.tit_clm {
	font-size: 18px;
	margin-bottom: 3px;
}

.c_main_txt_in h3{
	font-size: 28px;
}

.c_main_txt_in p.txt_clm {
	font-size: 14px;
	margin-top: 8px;
}

#READ_AREA p.txt_mt {
	margin-top: 25px;
}

.c_main_ph{
	position: relative;
	margin-top: 40px;
}

.ex_area {
  height: 430px;
  overflow: hidden;
  border: 1px solid #ccc;
}

p.ph_ex_box a:hover{
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

p.tit_column {
	background: #eeeeee;
	padding: 3px;
	margin-bottom: 5px;
}

p.tit_column span.column_b {
	border-left: 2px solid #000200;
	padding-left: 10px;
	margin-left: 15px;
}


@media (min-width: 768px) {
	.c_main_txt{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		padding-left: 20px;
		width: 470px;
		height: 93px;
	}

	.c_main_txt_in{
		width: 315px;
	}

	.ph_txt_box h2.bd1_gr {
		height: 106px;
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	#CONT_AREA p{
		text-align: left;
		font-size: 12px;
		margin-bottom: 0;
	}

	#CONT_AREA .link_box{
		height:auto;
	}

	#READ_AREA,
	#MAIN_TXT_AREA{
		font-size: 16px;
	}

	/*.ph_txt_box h2{
	  margin-right: 0;
	}*/

	.ph_txt_box h2 img {
		width: 126px;
		/*margin-right: 10px;*/
	}

	.ph_txt_box h2.bd1_gr {
		height: 79px;
		overflow: hidden;
	}

	.ph_txt_box h2.txt{
		width: 54%;
		/*margin-left: 10px;*/
		font-size: 18px;
		text-align: left;
		margin-right: 0;
	}

	.ph_txt_box h2 {
    margin-right: 10px;
}

	.ph_txt_box h2.txt_2{
		font-size: 18px;
		text-align: left;
	}

	#SNS_AREA{
		padding: 10px;
	}

	#SNS_AREA li{
		float: left;
		height: 27px;
		margin-right: 8px;
	}

	#SNS_AREA .f_right {
		float: none!important;
	}

	.main_txt_box h2 {
		font-size: 18px;
		text-align: left;
	}

#MAIN_TXT_AREA{
	margin-top: 20px !important;
}

	#MAIN_TXT_AREA .cont01 .img_area,
	#MAIN_TXT_AREA .cont01 img {
		width: 30%;
	}

	#MAIN_TXT_AREA .cont01 .img_area img{
		width: 100%;
	}

	#MAIN_TXT_AREA .cont01 .right {
		float: left;
		margin-left: 10px;
		width: 65%;
		text-align: left;
	}

	.main_txt_box h3 {
	font-size: 17px;
	}

	.fb-like span{
		height:25px !important;
	}

	.main_txt_box .ph_box img{
		width: auto;
		height: auto;
	}

	.main_txt_box .ph_box li,
	.main_txt_box .ph_box02 li{
		float: left;
		width: 31%;
	}

	.main_txt_box .ph_box02 img {
		width: auto;
		height: auto;
	}

	.c_main_txt_in h3{
		font-size: 20px;
		text-align: left;

	}

	.c_main_txt_in p.tit_clm{
		font-size: 14px;
		padding: 7px 0 2px;
	}

	.c_main_txt_in p.txt_clm{
		font-size: 14px;
		padding-top: 2px;
	}

	.c_main_txt {
		color: #333;
	}

	.c_main_txt_in p.txt_clm {
		margin-top: 0;
	}

	.c_main_ph {
		position: relative;
		margin-top: 40px;
	}

	.main_txt_box {
		margin-top: 25px;
	}

	#READ_AREA {
		margin-top: 25px;
	}

	.ex_area {
	  height: 220px;
	}


/*---------- 160115 ------------*/
	.link_box{
		background: #FFF;
	}
}

/*---------- 160115 privacy_policy ------------*/


#CONTENTS_BOX h2 {
	font-size: 24px;
	font-weight: normal;
}

#CONTENTS_BOX ul.main_cont_inner li {
	margin-top: 30px;
}

.adress_area {
	width: auto;
	margin-top: 30px;
}

@media (max-width: 768px) {

	#CONTENTS_BOX {
		width: auto;
		margin-top: 10px;
		padding: 0 10px ;
	}

	#GUIDE_AREA .main_cont_inner {
	width: auto;
	margin: 0 auto;
	}

	#CONTENTS_BOX ul.main_cont_inner li {
		margin-top: 15px;
	}

	#CONTENTS_BOX h2 {
		font-size: 20px;
		font-weight: normal;
	}

	.main_cont_inner {
		width: auto;
	}

	.adress_area {
		width: auto;
		margin: 20px 0;
	}

	#CONTENTS_BOX ul.main_cont_inner li {
		margin-top: 15px;
	}

}

/*------------------------
運営会社
------------------------*/
/*.comp_txt{
	margin-top: 30px;
	text-align: left;
}*/

.adm_table{
	width: 100%;
	text-align: left;
	border-top: solid 1px #e0e0e0;
}

.adm_table th {
	width: 100px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding:10px;
	background: #eeeeee;

}


.adm_table td {
	padding: 10px;
	width: 840px;
}

.adm_table tr {
	display: block;
	border-bottom: solid 1px #e0e0e0;
	padding: 3px 0;
}

/*.adm_map img{
	padding-left: 100px;
}
*/

.adm_map{
	position:relative; /* 絶対配置の基準点 */

}


@media (min-width: 768px) {

.adm_map p{
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 660px;
	height: 660px;
}

.adm_map img{
	width: 100%;
}



}


@media (max-width: 768px) {

	.adm_table th {
		width: 63px;
		padding: 10px 5px;
	}

	.adm_table td {
		width: auto;
		padding: 10px 0 10px 5px;
	}

	.adm_table tr {
		padding: 2px 0;
	}

	.adm_map img {
		width: 100%;
		padding-left: 0;
	}

}

/*------------------------
お問い合わせ
------------------------*/
.inq_table{
	width: 100%;
	text-align: left;
	border-top: solid 1px #e0e0e0;
}

.inq_table th {
	min-width: 240px;
	position: relative;
	/*display: table-cell;*/
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	padding:10px;
	background: #eeeeee;
}



.inq_table td {
	padding: 10px 15px;
	width: 740px;
}

.inq_table tr {
	display: block;
	border-bottom: solid 1px #e0e0e0;
	padding: 3px 0;
}

.inq_table span {
	color: #333;
}

.inq_table .required img {
	width: 44px;
	float: right;
}

	.inq_table input,
	.inq_table textarea {
	border: 1px solid #e0e0e0;
}

.your-name1 input,
.your-name2 input,
.your-ruby1 input,
.your-ruby2 input,
.your-tel1 input {
	width: 210px;
	height: 14px;
	padding: 6px 9px 8px ;
	font-size: 14px;
	color: #3b3939;
}

.your-email input,
.your-email_confirm input {
	width: 320px;
	height: 14px;
	padding: 6px 9px 8px ;
	font-size: 14px;
	color: #3b3939;
}

.your-message textarea,
.your-career4 textarea{
	width: 685px;
	height: 114px;
	padding: 6px 9px 8px;
	font-size: 14px;
	color: #3b3939;
}

p.policy_check {
	color: #326693;
	font-size: 14px;
	color: #3b3939;
}

p.policy_check input {
	margin-right: 5px;
	font-size: 14px;
	color: #3b3939;
}

.formCont{
	height: 130px;
	display: block;
}

.formName{
	width: 40px;
	display: inline-block;
}


.errBg{
	background: #FFEAEA;
}

select.errBg{
	background: #FFEAEA url("../images/common/arrow_04.png") no-repeat center right;
	background-size: 9px;
	background-position: 90%;
}

.emp.errBg{
	background: #FFEAEA;
	padding: 3px 9px;
}

.errBgPolicy{
	background: #FFEAEA;
	padding: 5px;
}

@media (min-width: 768px) {
	.height01{
		height: 112px;
	}

	.requiredName{
		position: absolute;
		top: 10px;
		right: 10px;
	}
}

@media (max-width: 768px) {

	.inq_table th {
		/*max-width: 70px!important;*/
		padding: 10px 5px;
		display: block;
		line-height: 1.4em;
	}

	.inq_table td {
		width: 100%;
		padding: 10px;
	}

	.inq_table tr {
		padding: 2px 0;
	}

	.inq_table .required img {
		width: 35px;
	}

	/*.your-name1 ,
	.your-name2 ,
	.your-ruby1 ,
	.your-ruby2 {
		display: block;
		margin-left: 7px;
}*/



	.your-name1 input,
	.your-name2 input,
	.your-ruby1 input,
	.your-ruby2 input {
		width: 27%;
		height: 19px;
	}

	.your-email input,
	.your-email_confirm input,
	.your-tel1 input {
		width: 91%;
		height: 19px;
	}

	.inq_table textarea {
		border: 1px solid #e0e0e0;
		width: 91%;
	}

	.formName {
    width: 35px;
	}

	.emp.errBg {
    display: block;
	}

}

/*--- facebook いいねボタン調整 ---*/

.fb_iframe_widget {
  width: auto !important;
  display: inline-block !important;
}


/*------------------------
利用規約
------------------------*/

#CONTENTS_BOX ul.rule_list li {
	margin-top: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#CONTENTS_BOX .rule_line {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin-top: 15px!important;
}

/*------------------------
プロエンジニアとは　キャリアコンサルタント
------------------------*/
.aboutArea h2{
	font-size: 22px!important;
	font-weight: bold!important;
}

.aboutArea p{
    line-height: 22px;
}

.aboutArea .r_txt h3{
	font-size: 18px;
}


.aboutArea .consultantArea li{
	float: none!important;
}

.aboutArea .un_main_ph{
	margin-top: 15px;
}
.consultantArea .l_ph{
	width: 140px;
	float: left;
}
.consultantArea .r_txt{
	width: 570px;
	float: right;
	margin-left: 20px;
}

.consultantArea .contBox{
	margin-top: 30px;
}

.consultantArea .contBox:first-child{
	margin-top: 0;
}

.grayBox{
	margin-top: 5px;
	border: 1px solid #e1e1e1;
	background: #fafaf5;
	padding: 10px;
}

.greenBox{
	margin-top: 5px;
	border: 1px solid #a8c439;
	background: #f1fcd6;
	padding: 10px;
}

.wd_about:hover{
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

@media (max-width: 768px) {

	.consultantArea .l_ph,
	.consultantArea .r_txt{
		float: none;
	}

	.consultantArea .l_ph{
		width: inherit;
	}

	.consultantArea .l_ph p{
		text-align: center!important;
	}

	.consultantArea .r_txt {
		width: auto;
    margin-left: 0;
		margin-top: 10px;
	}

	.aboutArea p {
		text-align: left;
		line-height: 1.6em;
	}

	.aboutArea #CONTENTS_BOX {
  	  margin-top: 25px;
	}

	.aboutArea #CONTENTS_BOX  h2{
		font-size: 20px!important;
    font-weight: normal!important;
    text-align: left;
	}

}



/*------------------------
企業担当者様へ
------------------------*/

.forEmployerArea .read{
	margin-top: 25px;
}

.forEmployerArea .subTit{
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
}


#G_BTN_AREA .grayBox{
	border: 1px solid #e1e1e1;
	background: #fafaf5;
	padding: 10px;
}
#G_BTN_AREA .btn_area {
    background: none;
}

#G_BTN_AREA .btn_area a {
	width: auto;
	display: block;
	font-size: 22px;
	line-height: 35px;
	padding: 8px 10px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #fff;
	font-weight: bold;
}

#G_BTN_AREA .btn_area .red_btn a {
	background: #ff7c7c;
	box-shadow: 0 2px #df5c5c;
	-moz-box-shadow: 0 2px #df5c5c;
	-webkit-box-shadow: 0 2px #df5c5c;
	-o-box-shadow: 0 2px #df5c5c;
	-ms-box-shadow: 0 2px #df5c5c;
	border-bottom: 1px solid #ff7c7c;
}

.btn_area .red_btn a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}


@media (min-width: 768px){
	#G_BTN_AREA .btn_area_in {
	    width: 290px;
	    margin: 0 auto;
	}
}
@media (max-width: 768px) {
	.employerArea .graph img{
		width: 100%;
	}


	.forEmployerArea .subTit {
	    margin-top: 20px;
	    margin-bottom: 5px;
	    font-size: 17px;
	}

	#G_BTN_AREA .btn_area {
	    font-size: 14px;
	    padding: 0;
	}


	#G_BTN_AREA .btn_area p{
		text-align: center;
	}

	#G_BTN_AREA .btn_area_in {
	    width: 180px;
	    margin: 0 auto;
	}

	#G_BTN_AREA .btn_area a {
		width: 100%;
    float: none;
    font-size: 14px;
    padding: 3px 0 0;
	}

}


/*------------------------
求人・案件　右検索ボタン固定
------------------------*/
.searchFix{
	 position: fixed;
	 top: 210px;
	 right: 0;
	z-index: 10000;
	 box-shadow: 0 2px #006bb2;
	 -moz-box-shadow: 0 2px #006bb2;
	 -webkit-box-shadow: 0 2px #006bb2;
	 -o-box-shadow: 0 2px #006bb2;
	 -ms-box-shadow: 0 2px #006bb2;
	 background-size: 9%;
	 text-align: center;
	 border-radius: 10px 0 0 10px;
	 background: #0099ff url("../images/common/arrow_04.png") no-repeat 43px 57px !important;
	 background-size: 14px!important;
}

.searchFix a{
	color: #fff;
	display: block;
	padding: 15px 15px 25px 15px;
	line-height: 1.4em;
	font-weight: bold;
}

.searchFix:hover,
.searchFix a:hover{
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

/*------------------------
ご利用の流れ
------------------------*/
.flowArea h2{
	font-size: 22px!important;
	font-weight: bold!important;
}

.flowArea .un_main_ph{
	margin-top: 30px;
}

.stepArea .r_ph{
	width: 250px;
	float: right;
	margin-left: 20px;
}
.stepArea .l_txt{
	width: 460px;
	float: left;
}

.stepArea .contBox{
	margin-top: 30px;
}

.stepArea .contBox:first-child{
	margin-top: 0;
}

.stepArea{
	overflow: hidden;
}

.stepArea .step{
	color: #326693;
}

.stepArea h3{
	font-size: 20px;
}


.s_btn_area .btn_area {
	padding: 0;
    background: none;
}

.s_btn_area .btn_area a {
	width: auto;
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 8px 10px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #fff;
	font-weight: bold;
}

.s_btn_area .btn_area .red_btn a {
	background: #ff7c7c;
	box-shadow: 0 2px #df5c5c;
	-moz-box-shadow: 0 2px #df5c5c;
	-webkit-box-shadow: 0 2px #df5c5c;
	-o-box-shadow: 0 2px #df5c5c;
	-ms-box-shadow: 0 2px #df5c5c;
	border-bottom: 1px solid #ff7c7c;
	text-align: center;
}

.s_btn_area .btn_area2 a {
	width: auto;
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 8px 10px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #0568ab;
	font-weight: bold;
}

.s_btn_area .btn_area2 .blue_btn a {
	border: 1px solid #326693;
	text-align: center;
}

.flowArea .btn_area .red_btn a:hover,
.flowArea .btn_area2 .blue_btn a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

.grayBox02 {
    background: #fafaf5;
    padding: 25px;
}

.businessPersonArea{
	text-align: left;
}

.businessPersonArea .tit,
.businessPersonArea .bpBox dt{
	font-size: 18px;
}

.businessPersonArea .tit span{
	font-size: 14px;
	font-weight: normal;
}

.flowArea .bpBox dt{
	background: url("../images/about/flow/icon.png") no-repeat 0px 5px;
	background-size: 15px;
	padding-left: 20px;
}


@media (min-width: 768px){
	.s_btn_area .btn_area_in {
	    width: 230px;
	    margin: 0;
	}
}


@media (max-width: 768px) {

	.stepArea h3{
		font-size: 17px;
		text-align: left;
	}

	.stepImg img{
		width: 50%!important;
	}

	.stepArea .r_ph,
	.stepArea .l_txt{
		float: none;
	}

	.stepArea .r_ph{
		width: inherit;
		margin-left: 0;
	}

	.stepArea .r_ph img{
		width: 100%;
		margin-left: 0;
	}

	.stepArea .r_ph p{
		text-align: center!important;
	}

	.stepArea .l_txt {
		width: auto;
    margin-left: 0;
		margin-top: 20px;
	}

	.stepArea .l_txt p {
		text-align: left;
	}

	.s_btn_area .btn_area a,
	.s_btn_area .btn_area2 a {
		width: 180px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 30px;
	}

	.flowArea .bpBox dt{
		background: url("../images/about/flow/icon.png") no-repeat 0px 3px;
		background-size: 15px;
		padding-left: 20px;
	}

	.flowArea #CONTENTS_BOX {
  	  margin-top: 25px;
	}

	.flowArea #CONTENTS_BOX  h2{
		font-size: 20px!important;
    font-weight: normal!important;
    text-align: left;
	}

}


/*------------------------
プロエンジニアの強み/選ばれる理由
------------------------*/

.proengineerArea h2{
	font-size: 22px!important;
	font-weight: bold!important;
}

.proengineerArea h3.tit{
	font-size: 20px!important;
	font-weight: bold!important;
}

.proengineerArea .un_main_ph{
	margin-top: 15px;
}

.proengineerArea .img{
	margin-top: 20px;
}

.proengineerArea .text{
	margin-top: 10px;
}

.proengineerArea .cfBtn .r_btn a {
    line-height: 35px;
    padding-top: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
		text-align: center;
}

.proengineerArea .cfBtn .l_btn a {
		text-align: center;
}

.p_btn_area .btn_area {
	padding: 0;
    background: none;
}

.p_btn_area .btn_area a {
	width: auto;
	display: block;
	font-size: 16px;
	line-height: 30px;
	padding: 8px 10px 4px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #0568ab;
	font-weight: bold;
}

.p_btn_area .btn_area .blue_btn a {
	border: 1px solid #326693;
	text-align: center;
}

.proengineerArea .btn_area .blue_btn a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}

@media (min-width: 768px){
	.proengineerArea .btn_area_in {
	    width: auto;
	    margin: 0 120px;
	}
	.proengineerArea .btn_area_in2 {
	    width: 150px;
	    margin: 0 auto;
	}
}


@media (max-width: 768px) {

	.proengineerArea .text{
		text-align: left;
	}

	.proengineerArea .cfBtn .r_btn a {
	  font-size: 14px;
		line-height: 33px;
	}

	.p_btn_area .btn_area a {
		width: 158px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 30px;
	}

	.proengineerArea #CONTENTS_BOX {
  	  margin-top: 25px;
	}

	.proengineerArea #CONTENTS_BOX  h2{
		font-size: 20px!important;
    font-weight: normal!important;
    text-align: left;
	}

	.proengineerArea #CONTENTS_BOX  h3{
		font-size: 17px!important;
    text-align: left;
	}

	.proengineerArea .l_btn,
	.proengineerArea .r_btn {
		width: 210px;
		float: none;
		margin: 0 auto;
	}

	.proengineerArea .r_btn {
		margin-top: 10px;
	}

}

/*------------------------
コラムコンテンツ
------------------------*/
.indentBox{
	margin-left: 90px;
	text-indent: -90px;
}

.fontNormal{
	font-weight: normal;
}
.personaArea{
	width: 100%;
	border-top: 1px dotted #326693;
	border-bottom: 1px dotted #326693;
}

.personaArea th{
	width: 20%;
	text-align: left;
	vertical-align: top;
}

.column_txt_c th{
	text-align: center;
}

#MAIN_TXT_AREA p{
	font-size: 15px;
}



@media (max-width: 768px) {
	.indentBox{
		margin-left: 18%;
    text-indent: -18%;
	}

	.personaArea th{
		width: 36%;
	}

	.personaArea td{
		text-align: left;
	}
}




/*------------------------
コラムコンテンツ
------------------------*/

/* リンクボタン */
#BTN_AREA .btn_area a,
#BTN_2AREA .btn_area a,
#BTN_3AREA .btn_area a {
	width: auto;
	display: block;
	line-height: 35px;
	/*padding: 8px 10px 4px;*/
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	padding-top: 3px;
}

#BTN_AREA.detail_box .btn_area {
	padding:  0;
	background: none;
}

#BTN_3AREA .l_btn,
#BTN_3AREA .r_btn,
#BTN_3AREA .c_btn {
	float: left;
	width: 230px;

}

#BTN_3AREA .l_btn,
#BTN_3AREA .c_btn {
	margin-right: 15px;
}

/* 赤 */
#BTN_AREA .btn_area .red_btn a {
	background: #ff7c7c;
	box-shadow: 0 2px #df5c5c;
	-moz-box-shadow: 0 2px #df5c5c;
	-webkit-box-shadow: 0 2px #df5c5c;
	-o-box-shadow: 0 2px #df5c5c;
	-ms-box-shadow: 0 2px #df5c5c;
	border-bottom: 1px solid #ff7c7c;
}

/* 緑 */
#BTN_AREA .btn_area .green_btn a {
	background: #a4bd3e;
	box-shadow: 0 2px #72842b;
	-moz-box-shadow: 0 2px #72842b;
	-webkit-box-shadow: 0 2px #72842b;
	-o-box-shadow: 0 2px #72842b;
	-ms-box-shadow: 0 2px #72842b;
	border-bottom: 1px solid #a4bd3e;
}

/* 青縁 */
.btn_area .blue_btn02 a {
	color: #0568ab!important;
	border: 1px solid #326693!important;
}


/*
#BTN_2AREA .btn_area .blue_btn02 a{
    line-height: 35px;
    padding-top: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 16px;
    font-weight: bold;
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}*/

.btn_area .red_btn a:hover,
.btn_area .green_btn a:hover,
.btn_area .blue_btn02 a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;
}


@media (min-width: 768px){
	#BTN_AREA .btn_area_in {
	    width: 250px;
	    margin: 0 auto;
	}


	#BTN_2AREA .btn_area_in {
    width: auto;
    margin: 0 120px;
	}
}
@media (max-width: 768px) {

	#BTN_AREA .btn_area {
	    font-size: 14px;
	    padding: 0;
	}


	#BTN_AREA .btn_area p{
		text-align: center;
	}

	#BTN_AREA .btn_area_in {
	    width: 210px;
	    margin: 0 auto;
	}

	#BTN_AREA .btn_area a,
	#BTN_2AREA .btn_area .blue_btn02 a,
	#BTN_3AREA .btn_area a {
		width: 100%;
		float: none;
		font-size: 14px;
		padding: 7px 5px;
		line-height: 1.4em;
	}
	#BTN_2AREA .btn_area .blue_btn02 a {
		width: auto!important;
	}


	#BTN_3AREA .l_btn,
	#BTN_3AREA .c_btn,
	#BTN_3AREA .r_btn {
		width: 210px;
		float: none;
		margin: 0 auto;
	}

}


/*------------------------
利用者の声
------------------------*/
.column4_navi .userArea li{
	float: none;

}
/*
	.userArea h2 {
	    font-size: 22px!important;
	    font-weight: bold!important;
	}

	.userArea .un_main_ph {
	    margin-top: 15px;
	}*/

/*@media (max-width: 768px){
	.userArea#CONTENTS_BOX h2 {
	    font-size: 20px!important;
	    font-weight: normal!important;
	    text-align: left;
	}
}*/

.consultantArea .blueBox{
	margin-top: 5px;
	border: 1px solid #3bacf7;
	background: #e3f4ff;
	padding: 10px;
}





	/*------------------------
05お取引企業様の声
	------------------------*/
.main_txt_box .phTxtArea p {
    margin-top: 0;
}

.userArea .r_txt h3 {
    font-size: 18px;
}
@media (min-width: 768px){
	.phTxtArea .ph{
		float: left;
	    width: 270px;
	}
	.phTxtArea .txt{
		float: right;
	    width: 440px;
	}

	.phTxtArea .ph_r{
		float: right;
	    width: 270px;
	}
	.phTxtArea .txt_l{
		float: left;
	    width: 440px;
	}
	.column05_table th{
	    width: 20%;
	}

}


@media (max-width: 768px){
	.phTxtArea .txt,
	.phTxtArea .ph_r{
    margin-top: 10px!important;
	}
}


/*------------------------
エンジニア研修
------------------------*/
.trainingArea h2{
	font-size: 22px!important;
	font-weight: bold!important;
}

.trainingArea h2.tit{
	color: #326693;
}

.trainingArea .un_main_ph{
	margin-top: 15px;
}

.trainingArea .text h3{
	font-size: 18px;
	margin-top: 20px;
}

.trainingArea .text_merit {
		margin-top: 20px;
}

.trainingArea .text_merit h3{
	font-size: 18px;
	color: #326693;
}

.opa1:hover{
	opacity: 1;
}



@media (min-width: 768px){

	.technical_cont table th{
		width: 20%;
	}

	.technical_cont img{
		margin-left: 20px;
	}

	.sp_inline{
		display: none;
	}

	img.stuts{
		height: inherit!important;
		width: 110px;
		/*margin-top: 8px;*/
	}

}

@media (max-width: 768px) {
	.trainingArea h2{
		text-align: left;
		font-size: 20px!important;
		font-weight: normal!important;
	}

	.trainingArea .text h3{
		font-size: 16px;
		text-align: left;
	}

	.trainingArea .text,
	.trainingArea .text_merit{
		text-align: left;
	}

	.technical_cont img{
		height: 46px!important;
	}

	.sp_inline{
		display: inline;
	}

	img.stuts{
		height: inherit!important;
		width: 20%;
		/*margin-top: 8px;*/
	}
}




/*------------------------
160420 お問い合せ　
------------------------*/
/* チェックボックス */
.policy_box_area input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
.policy_box_area input[type=checkbox] + label {
	position: relative;
	display: inline-block;
/*	margin-right: 12px;*/
/*	line-height: 1.5px;*/
	cursor: pointer;
}

.formAge,
.formPref,
.formHope,
.formCareer,
.forminqType{
	border: 1px solid #e0e0e0;
	width: 80px;
	height: 30px;
	padding: 4px 9px 6px;
	font-size: 14px;
	background: #fff url("../images/common/arrow_04.png") no-repeat center right;
	background-size: 9px;
	background-position: 90%;
}

.formPref{
	width: 150px;
	background: #fff url("../images/common/arrow_04.png") no-repeat center right;
	background-size: 9px;
	background-position: 94%;
}

.forminqType{
	width: 340px;
	background: #fff url("../images/common/arrow_04.png") no-repeat center right;
	background-size: 9px;
	background-position: 97%;
	cursor: pointer;
}

#policyCheck{
	cursor: pointer;
}

.formHope,
.formCareer{
	width: 310px;
	background: #fff url("../images/common/arrow_04.png") no-repeat center right;
	background-size: 9px;
	background-position: 97%;
}


.formPref:hover,
.formAge:hover,
.formHope:hover,
.formCareer:hover{
	cursor: pointer;
}

.formFile{
	display: inline-block;
	border: 1px solid #e0e0e0;
	width: 400px;
	height: 18px;
	padding: 3px 5px 7px;
	font-size: 14px;
	background: #fff;
}


.formFileTxet{
	height: 20px;
	text-align: left!important;
	font-size: 14px;
}

input.formFileTxet{
	border: none;
}

/*.formFile label{
	width: 50px;
	border: 1px solid #e0e0e0;
	background: #efefef;
	position: absolute;
	top: 0;
	right: 0;
	border-bottom: 2px solid #cdcdcd;
	text-align: center;
	padding-top: 1px;
}*/


.formFile {
	position: relative;
}



.formFile #text,
.formFile #text02 {
	border: none;
	font-size: 14px;
	color: #333;
	width: 100%;
	outline: none;
}


.formFileArea input[type="button" i],
.formFileArea input[type="submit" i],
.formFileArea input[type="reset" i],
.formFileArea input[type="file" i]::-webkit-file-upload-button,
.formFileArea button {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border: 1px solid #e0e0e0;
		background: #efefef;
		position: absolute;
		top: 0;
		right: 0;
		border-bottom: 2px solid #cdcdcd;
		font-size: 14px;
		color: #333;
		height: 29px;
}

.formFileArea input[type="file" i]::-webkit-file-upload-button:hover{
	cursor: pointer;
}

.file1,
.file2{
	display: inline-block;
	position: relative;
}

.formEmp{
	margin-right: 10px;
	cursor: pointer;
}

.formEmp input{
	cursor: pointer;
}

.formEmp:last-child{
	margin-right: 0;
}

@media (min-width: 1px) {
	/* チェックボックス */
	.policy_box_area input[type=checkbox] {
		display: none;
		margin: 0;
	}
	.policy_box_area input[type=checkbox] + label {
	padding: 0px 0 4px 20px;
	}
	.policy_box_area input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		/*top: 50%;*/
		top: 14px;
		left: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
		width: 14px;
		height: 14px;
		margin-top: -9px;
		background-color: white;
	}

	.policy_box_area input[type=checkbox] + label::before {
		border: 1px solid #c2ced2;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	}

	.policy_box_area input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 14px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	.policy_box_area input[type=checkbox]:checked + label::after {
		left: 2px;
		width: 10px;
		height: 5px;
		margin-top: -6px;
		border-left: 2px solid #4fb500;
		border-bottom: 2px solid #4fb500;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

}

@media (max-width: 767px) {

	.policy_box_area input[type=checkbox] + label::before {
		top: 12px;
	}

	.policy_box_area input[type=checkbox]:checked + label::after {
    margin-top: -8px;
	}

	.policy_box {
    -webkit-overflow-scrolling: touch;
	}

	.formEmp{
		display: block;
	}

	.formPref{
		font-size: 12px;
	}

	.formAge,
	.formHope,
	.formCareer{
		font-size: 12px;
		width: 98%;
	}

	.your-hope1,
	.your-hope2,
	.your-hope3,
	.your-career1,
	.your-career2,
	.your-career3{
		display: block;
		margin-top: 3px;
	}


	.formAge{
			width: 80px;
	}

	.formFile{
		width: 100%;
		height: 25px;
	}

	.formFileTxet {
		width: 100%;
		height: 27px;
		font-size: 12px;
	}

	.formFileArea input[type="file" i]::-webkit-file-upload-button,
	.formFileArea button {
		font-size: 12px;
		top: inherit;
		right: inherit;
	}

	.forminqType{
		width: 105%;
	  font-size: 91%;
		background: #fff url("../images/common/arrow_04.png") no-repeat center right;
		background-size: 9px;
		background-position: 97%;
	}

}
/*------------------------
160420 スマホinput打ち消し　
------------------------*/

input[type=text],
textarea,
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	color: #333;
}


select::-ms-expand {
display: none;
}

/*------------------------
160421 お問い合せ完了ページ
------------------------*/
.fin_txt_area{
	padding-bottom: 50px;
}

.flowImage{
	margin-top: 35px;
}
@media (max-width: 767px) {
	.fin_txt_area{
		padding-bottom: 20px;
	}

	.flowImage{
		margin-top: 15px;
	}


	.flowImage img{
		width: 100%;
	}

}

/*------------------------
コラムコンテンツ　お取引企業様の声
------------------------*/

.tradingCompaniesArea .r_txt h3 {
	font-size: 28px;
}
.tradingCompaniesArea .r_txt h3 a{
	color: #333333;
}

.tradingCompaniesArea .blueBox,
.tradingCompaniesArea .greenBox {
    margin-top: 15px;
}

.tradingCompaniesArea .l_ph {
	width: 126px;
	margin: 0 auto;
}

.tradingCompaniesArea .l_ph :hover{
	filter: Alpha("opacity=80");opacity:0.8;
	cursor: pointer;
}



.tradingCompaniesArea .bd1_gr {
    height: 85px;
    overflow: hidden;
}
.tradingCompaniesArea .l_ph img {
    width: 126px;
}


@media (min-width: 768px) {
	.tradingCompaniesArea .r_txt {
		width: 584px;
	}
}


@media (max-width: 767px) {
	.tradingCompaniesArea .r_txt h3 {
	    font-size: 18px;
	}

}

#SNS_AREA iframe {
	margin: 0 !important;
}

div.pocket-btn iframe {
	width:92px;
}

div#___plusone_0,
div#___plusone_1 {
  width: 64px !important;
}

@media (max-width: 767px) {
#SNS_AREA .fb-like.fb_iframe_widget iframe {
		margin: 4px 0 0 0 !important;
	}
}

/* 2016/05/23 お問い合わせ */

.basic {
	margin-bottom: 10px;
	border-bottom: solid 2px #e0e0e0;
}

.basic_2 {
	margin-top: 10px;
	margin-bottom: 5px;
	border-bottom: solid 1px #e0e0e0;
}

.listPrag {
	margin-bottom: 10px;
	padding-left: 30px;
}

.listPrag_1 {
	margin-bottom: 10px;
}

.listPrag_last {
	margin-bottom: 10px;
}
@media (max-width: 767px) {
	.basic {
		padding-bottom: 2px;
		border-bottom: solid 1px #e0e0e0;
	}
}

/*---------- 160115 privacy_policy ------------*/

.privacy_policy .policyBox{
	margin-top: 30px;
}

.privacy_policy .policyBoxList li{
	margin-top: 7px;
	text-indent: -23px;
	padding-left: 23px;
}
.privacy_policy .policyBoxList02 li{
	margin-top: 7px;
	text-indent: -35px;
	padding-left: 35px;
}
.privacy_policy .policyBoxList03 li{
	margin-top: 3px;
	text-indent: -14px;
	padding-left: 14px;
}

.privacy_policy .policyBoxList04 .policyBoxIn{
	margin-top: 20px;
	text-indent: -2.5%;
	padding-left: 2.5%;
}

.privacy_policy .table th {
	width: 250px;
}

.privacy_policy .indent{
	margin-left: 20px;
}

@media (max-width: 767px) {
	.privacy_policy .policyBox{
		margin-top: 20px;
	}

	.privacy_policy .policyBoxList li{
		text-indent: -6.5%;
		padding-left: 6.5%;
	}
	.privacy_policy .policyBoxList02 li{
		text-indent: -10%;
    padding-left: 10%;
	}
	.privacy_policy .policyBoxList03 li{
		text-indent: -4%;
		padding-left: 4%;
	}

	.privacy_policy .policyBoxList04 .policyBoxIn{
		text-indent: -6%;
		padding-left: 6%;
	}

	.privacy_policy .indent{
		margin-left: 0;
	}

	.privacy_policy .table td,
	.privacy_policy .table th {
    font-size: 12px;
	}

	.privacy_policy .table th {
    width: auto;
	}

}

/* 160527 企業情報　その他の求人 */
#OTHER_AREA{
	margin-top: 30px;
}
@media (max-width: 767px) {

	#OTHER_AREA{
		margin-top: 20px;
	}
}

/* 160531 職務経歴書 */
@media (max-width: 767px) {
	.img_files img{
		width: 100%;
	}
}

/*---------- 160607 sitemap ------------*/

@media (min-width: 767px) {
	#SITEMAP_AREA {
		min-height: 500px;
	}
}

#SITEMAP_AREA ul p {
  background: url("../images/common/arrow_01.png") no-repeat center left;
  background-size: 10px;
	padding-left: 18px;
}

#SITEMAP_AREA h3 {
	background: url("../images/common/arrow_01.png") no-repeat center left;
  background-size: 10px;
	padding-left: 18px;
	color: #333important;
	font-size: 14px;
	font-weight: normal;
}

#SITEMAP_AREA ul p a,
#SITEMAP_AREA h3 a {
	color: #333;
}

#SITEMAP_AREA ul p a:hover {
	text-decoration: underline;
}

@media (max-width: 767px) {
	#SITEMAP_AREA ul.column3 li {
		text-align: left!important;
	}

	#SITEMAP_AREA ul,
	#SITEMAP_AREA h3 {
		margin-top: 20px!important;
	}

	#SITEMAP_AREA {
		margin-bottom: 20px;
	}

	#SITEMAP_AREA ul.cl_mt {
		margin-top: 10px!important;
	}

}

/*** 20160609 ***/

@media (min-width: 768px){
	.technical_cont img.JUnit{
		height: inherit!important;
		width: 108px;
	}

}

@media (max-width: 768px) {
	.technical_cont img.JUnit{
		height: inherit!important;
		width: 23%;
	}


	.technical_cont img.php{
    height: 38px!important;
	}

	.technical_cont .table tbody th{
		margin-bottom: 8px;
	}

	/* 表示件数 */
	.displayedResults{
		padding-top: 3px;
	}


}




/* 160622 ピックアップ高さ */

@media (min-width: 768px){
	#PICK_UP_NAVI.minHeight{
		min-height: 1100px;
	}
}


/* 160623 企業担当者様へ */

@media (max-width: 768px) {
	h2.forEmpTit{
		font-size: 20px!important;
	}
}

/* 17322 フッターお問い合わせボタン */
#CONTACT_BTN {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 65px;
	line-height: 65px;
	text-align: center;
    z-index: 110;
}
#CONTACT_BTN > span {
	background-color: #f99;
	display: block;
}
#CONTACT_BTN > span > span {
	font-size: 12px;
}

#LP_BNR #bnrInr{
	width: 220px;
    margin-bottom: 20px;
}


#LP_BNR #bnrInr a:hover {
	filter: Alpha("opacity=80");opacity:0.8;
	text-decoration: none;
}

/*=====================
170329
=====================*/


#CONTACT_BTN {
	background-color: rgba(0, 0, 0, 0.6);
	display: block;
	height: auto;
	padding: 15px;
}


#CONTACT_BTN input:hover{
	cursor: pointer;
}

#CONTACT_BTN .l_btn{
	float: left;
	margin-right: 0;
}

#CONTACT_BTN .r_btn{
	float: right;
}

#CONTACT_BTN .l_btn,
#CONTACT_BTN .r_btn {
     width: 48%;
}

#CONTACT_BTN .r_btn a:hover,
#CONTACT_BTN .l_btn a:hover,
#CONTACT_BTN .r_btn input:hover,
#CONTACT_BTN .l_btn input:hover{
	filter: Alpha("opacity=80");opacity:0.8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	text-decoration: none;}


#CONTACT_BTN .r_btn a,
#CONTACT_BTN .r_btn input {
    line-height: 35px;
    padding-top: 5px;
    display: inline-block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: bold;
    font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

/*無料キャリア相談をする*/
#CONTACT_BTN a.consultation,
#CONTACT_BTN input.consultation{
    /*width: auto;*/
    display: block;
    background: #ff7c7c;
    box-shadow: 0 3px #cb4848;
    -moz-box-shadow: 0 3px #cb4848;
    -webkit-box-shadow: 0 3px #cb4848;
    -o-box-shadow: 0 3px #cb4848;
    -ms-box-shadow: 0 3px #cb4848;
    border-bottom: 1px solid #ff7c7c;
    font-size: 16px;
}

/*未経験からエンジニアを目指す*/
#CONTACT_BTN a.inexperience,
#CONTACT_BTN input.inexperience{
    /*width: auto;*/
    display: block;
    background: #3e7eb6;
    box-shadow: 0 3px #0a4a82;
    -moz-box-shadow: 0 3px #0a4a82;
    -webkit-box-shadow: 0 3px #0a4a82;
    -o-box-shadow: 0 3px #0a4a82;
    -ms-box-shadow: 0 3px #0a4a82;
    border-bottom: 1px solid #3e7eb6;
    font-size: 16px;
}

/*この案件に問い合わせる*/
#CONTACT_BTN a.freelance,
#CONTACT_BTN input.freelance{
    /*width: auto;*/
    display: block;
    background: #a8c439;
    box-shadow: 0 3px #749005;
    -moz-box-shadow: 0 3px #749005;
    -webkit-box-shadow: 0 3px #749005;
    -o-box-shadow: 0 3px #749005;
    -ms-box-shadow: 0 3px #749005;
    border-bottom: 1px solid #a8c439;
    font-size: 16px;

}

/*この求人に問い合わせる*/
#CONTACT_BTN a.career,
#CONTACT_BTN input.career{
    /*width: auto;*/
    display: block;
    background: #3cacf6;
    box-shadow: 0 2px #0878c2;
    -moz-box-shadow: 0 2px #0878c2;
    -webkit-box-shadow: 0 2px #0878c2;
    -o-box-shadow: 0 2px #0878c2;
    -ms-box-shadow: 0 2px #0878c2;
    border-bottom: 1px solid #3cacf6;
    font-size: 16px;
}

#CONTACT_BTN  .center{
	/*width: 670px;*/
	width: 760px;
	margin: 0 auto;
}

.sp_only{
	display: none;
}

@media (max-width: 768px) {

	#CONTACT_BTN {
    height: auto;
    line-height: 65px;
		padding: 0px;
}
	#CONTACT_BTN .l_btn,
	#CONTACT_BTN .r_btn {
	     /*width: 150px; */
			width: 45%;
			padding: 10px 12px;
	}
	.sp_only{
		display: block;
	}

	#CONTACT_BTN .r_btn a,
	#CONTACT_BTN .l_btn a,
	#CONTACT_BTN .r_btn input,
	#CONTACT_BTN .l_btn input{
		font-size: 14px;
		line-height: 18px;
		padding: 10px 5px 8px;
		/*padding-bottom: 2px;*/
	}

	#CONTACT_BTN .r_btn input,
	#CONTACT_BTN .l_btn input{
		min-height: 55px;
	}

	#CONTACT_BTN  .center{
		width: 100%;
		margin: 0 auto;
		/*padding: 20px 0px;*/
	}

	#CONTACT_BTN .l_btn{
		padding-right: 0;
	}

	#CONTACT_BTN .r_btn{
		padding-left: 0;
	}
}

/*=====================
170404
=====================*/
/*下部のナビゲーション調整用*/
@media (min-width: 769px) {
	.fotter_mb{
		margin-bottom: 70px;
	}
}
@media (max-width: 768px) {
	.fotter_mb{
		margin-bottom: 75px;
	}
}

/*=====================
170411abeadd
=====================*/
#bnrInr{
z-index: 2;
position: static;
}
#SP_CONT{
z-index: 1;
position: relative;
}
@media (max-width: 768px) {
	#SP_CONT{
		z-index: inherit;
		position: inherit;
	}
}

/*=====================
170531 column
=====================*/
.main_txt_box h2,
#MAIN_TXT_AREA h2{
	margin-top: 80px;
	color: #ffffff;
	background-color: #326693;
	padding: 12px 20px 8px;
	font-weight: normal;
}

#MAIN_TXT_AREA h3{
	margin-top: 30px;
	padding-bottom: 8px;
	position: relative;
	border-bottom: 2px solid #fafaf5;
}

@media (max-width: 768px) {
	#MAIN_TXT_AREA h3{
		text-align: left;
	}
}

#MAIN_TXT_AREA h3::after{
	content: "";
	line-height: 0;
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: 1px;
	width: 100%;
	border-bottom: 2px solid #326693;
}

#MAIN_TXT_AREA .contentsArea{
	background-color: #fbfaf5;
	margin-top: 35px;
	padding: 20px;
	border-left: 4px solid #cdcd92;
}

#MAIN_TXT_AREA .bulletArea{
	background-color: #f5f5f5;
	border-bottom: 4px solid #e6e6e6;
	padding: 40px 50px;
	background-image:
			url(../images/common/bullet_top.gif),url(../images/common/bullet_bottom.gif);
	background-repeat: no-repeat,no-repeat;
	background-position: 20px 20px,right 20px bottom 20px;
}

/*=====================
170605 サーチ
=====================*/

#CONT_AREA .search_area .cont_inner .search_left input{
	width: 565px;
}

#CONT_AREA .search_area .cont_inner form{
	width: 730px;
	margin-bottom: 30px;
}

#CONT_AREA .search_area .cont_inner h4{
	margin-top: 30px;
}

.columnForm{
	font-size: 16px;
	margin-top: 5px;
}

.columnForm input{
	width: auto!important;
}

.careerBtn{
	float: left;
	margin-right: 10px;
}

.freelanceBtn{
	float: left;
}

.columnForm .careerBtn{
	color:#3bacf7;
}

.columnForm .freelanceBtn{
	color:#a4bd3e;
}

form#freelance{
	display: none;
}

/*=====================
170613 見出し
=====================*/
#MAIN_TXT_AREA h2 a{
	color: #ffffff;
}

/*=====================
top link
=====================*/

.btn-square-shadow {
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	background: #326693;/*ボタン色*/
	color: #FFF;
	border-bottom: solid 3px #627295;
	border-radius: 3px;
	margin: 0 auto;
	display: block;
	width: 150px;
	text-align: center;
}

.btn-square-shadow:hover {
	/*ボタンにカーソルを合わせた時*/
	background: #387bb5;
	color: white;
}

.pb_50 {
	padding-bottom: 50px;
}

/*=====================
記事内リストタグスタイル変更
=====================*/

.li_color ul li {
	display: list-item;
	list-style-type: none;
	float: none;
	margin-left: 55px !important;
}

.li_color ul li::before {
	display: list-item;
	position: relative;
	top: -2px;
	left: -18px;
	display: inline-block;
	width: 6px;
	height: 6px;
	content: '';
	border-radius: 100%;
	background: #326693;
}

.li_color ol {
	display: list-item;
	list-style-type: none;
	float: none;
	margin-left: 35px !important;
	counter-reset: li;
}

.li_color ol li {
	float: none;
}

.li_color ol li::before {
    color: #326693;
    font-weight: bold;
    counter-increment: li;
    content: counter(li) "．";
}

/*=====================
記事内フォントカラー、装飾
=====================*/
.font_color_red {
	color: #FF0000;
}

.font_color_blue {
	color: #0000FF;
}

.highlight_red {
	background: rgba(255,0,0,0.15);
}

.highlight_yellow {
	background: rgba(255,255,0,0.20);
}

/*=========================
投稿記事内の画像に枠線を追加する
=========================*/
.img_border{
    border: 1px solid #cccccc !important;
}

/*==========
上に戻るボタン
===========*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}
.pagetop a {
    display: block;
    text-decoration: none;
    padding: 5px 10px;
    opacity: 0.8;
}
.pagetop a:hover {
    display: block;
    text-decoration: none;
    padding:5px 10px;
    opacity: 1;
}
.inq_pagetop {
    bottom: 80px !important;
}
@media screen and (max-width: 768px) {
    .is_display {
        display: none !important;
    }
}
.under_line_red{
	background:linear-gradient(transparent 85%, #ff6f6f 90%);
	font-weight:bold;
}

.under_line_blue{
	background:linear-gradient(transparent 85%, #6f79ff 90%);
	font-weight:bold;
}

.color_box_blue{
	text-align: left;
	padding: 0.5em;
	margin: 1em 0;
	background: #cde4ff;
}

.color_box_blue_center{
	padding: 0.5em;
	margin: 1em 0;
	background: #cde4ff;
	text-align: center;
}

/*-----------------------------------
内部リンクをショートコードでブログカード化
------------------------------------*/
.blog-card{
	border:1px solid #999;
	word-wrap:break-word;
	max-width:100%;
	border-radius:0px;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size :1.2em;
	box-shadow: 2px 2px 0px #999;
	transition:0.1s ease;
	position:relative;
}

.blog-card a {
	color: #333;
	background: #fff;
	display: block;
	text-decoration:none;
	font-weight: bold;
	border-radius: 0px;
	padding: 0px;
}

.blog-card-thumbnail{
	padding:10px;
}

.blog-card-thumbnail:hover{
	padding:10px;
	background-color: #ecf8ff;
}

.blog-card-thumbnail img {
	display: block;
	padding: 0;
	margin-top: 0!important;
	float:left;
	width: 100px; /* 任意の幅を指定 */
	height: 90px; /* 任意の高さを指定 */
	object-fit: cover;
}

.blog-card-content{
	line-height:120%;
}

.blog-card-title{
	padding: 22px 10px 30px 135px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5em;
}

.blog-card-date{
	color:#333;
	font-size: 90%;
	margin-right:10px;
	font-family: GillSans;
}

/*-----------------------------------
スマホのサイズ調整
------------------------------------*/
@media only screen and (max-width: 600px){
	.blog-card-title {
		padding: 22px 10px 30px 110px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.5em;
		text-align: left;
	}

	.blog-card-title::before {
		font-size: 0.7em;
	}

	.blog-card-thumbnail img {
		max-width: 100%;
		margin-left: 0px!important;
		margin-bottom: 0!important;
	}
}
.table_blue_stripe {
	width: auto;
	border-spacing: 0;
	font-size:14px;
	word-break: break-all;
}

.table_blue_stripe th {
	color: #fff;
	padding: 8px 15px;
	background: #258;
	background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
	font-weight: bold;
	border:1px solid #258;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

.table_blue_stripe th[class="th-l"] {
	text-align: left;
}

.table_blue_stripe th[class="th-r"] {
	text-align: right;
}

.table_blue_stripe td[class="td-l"] {
	text-align: left;
}

.table_blue_stripe td[class="td-r"] {
	text-align: right;
}

.table_blue_stripe th:last-child {
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

.table_blue_stripe tr td {
	padding: 8px 15px;
	border: 1px solid #84b2e0;
	text-align: center;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

.table_blue_stripe tr {
	background: #fff;
}

.table_blue_stripe tr:nth-child(2n+1) {
	background: #f1f6fc;
}

.stripe_reverse tr:nth-child(2n+0) {
	background: #f1f6fc;
}

.stripe_reverse tr:nth-child(2n+1) {
	background: #ffffff;
}

.table_blue_stripe tr:hover {
	background: #bbd4ee;
	cursor:pointer;
}

.table_none_stripe {
	width: auto;
	border-spacing: 0;
	font-size:14px;
	word-break: break-all;
}

.table_none_stripe th {
	color: #fff;
	padding: 8px 15px;
	background: #258;
	background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
	font-weight: bold;
	border:1px solid #258;
	line-height: 120%;
	text-align: center;
	text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

.table_none_stripe th[class="th-l"] {
	text-align: left;
}

.table_none_stripe th[class="th-r"] {
	text-align: right;
}

.table_none_stripe td[class="td-l"] {
	text-align: left;
}

.table_none_stripe td[class="td-r"] {
	text-align: right;
}

.table_none_stripe th:last-child {
	border-right:1px solid #258;
	box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}

.table_none_stripe tr td {
	padding: 8px 15px;
	border: 1px solid #84b2e0;
	text-align: center;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}

.table_none_stripe tr {
	background: #fff;
}

.table_none_stripe tr:hover {
	background: #bbd4ee;
	cursor:pointer;
}

.th-nowrap {
	white-space: nowrap;
}

.td-nowrap {
	white-space: nowrap;
}

/*-----------------------------------
スマホのサイズ調整
------------------------------------*/
.column_cont_in {
	display: block !important;
}

.column_search_tit {
	margin-bottom: 1%;
}

@media (max-width: 767px) {
	#RIGHT_CONT .refine_area .column_search_link {
		border-bottom: 1px solid #dddddd;
		padding: 5px 20px 4px 15px;
	}
}