@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------------------ */

/*  Reset

/* ------------------------------------------------------------------------ */

html {
	overflow-y	: scroll;
	height		: 100%;
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

body *{
	box-sizing: border-box;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

hr,legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	border		: 0;
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

p {
	/*word-break	: break-all;*/
	overflow-wrap: break-word;
	word-wrap: break-word;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
}

submit	{ -webkit-appearance : none;}

/*table {
    border-collapse: collapse;
    border-spacing: 0;
}*/
/* ------------------------------------------------------------------------ */

/*  Basic Style

/* ------------------------------------------------------------------------ */
html{ font-size: 62.5%; /* sets the base font to 10px for easier math */}

body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: "メイリオ", Meiryo, MS PGothic,arial,"Hiragino Kaku Gothic Pro", sans-serif;
	font-size	: 1.5rem;
	font-size	: 15px;
	line-height	: 2.0;
	text-align	: center;
	color		: #444;
	-webkit-text-size-adjust	: 100%;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body > #wrap { height : auto;}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	background-color: rgba(0,0,0,0.2);
}

a:link	{
	text-decoration	: none;
	color			: #333;
}

a:visited	{
	text-decoration	: none;
	color			: #333;
}

a:hover	{
	text-decoration	: underline;
}

/* ------------------------------------------------------------------------ */

/* Hedaer

/* ------------------------------------------------------------------------ */

header {
	margin: 0 auto;
	position: relative;
}

header section{
	max-width: 950px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 0;
}

header section > .flex{
	display: flex;
	align-items: center;
}

header h1{
	padding: 0 10px 0 0;
}

header h2{
}

header .header_right {
	text-align: right;
	line-height: 1.6;
}
header .header_right p{
	display: block;
}
header .header_right p span{
	font-weight: bold;
	font-size: 26px;
}
header .header_right p.tel span:before{
	content: "";
	display: inline-block;
	background: url("../img/header/icon_tel.png") no-repeat center;
	width: 22px;
	height: 22px;
	background-size: contain;
	vertical-align: middle;
	padding-right: 5px;
}
header .header_right p span a{
	color: #023894;
}

@media screen and (max-width: 950px) {
	header{
		height: auto;
	}
	
	header section{
		padding: 0 20px;
		margin: 10px auto 5px;
	}
	
	header section > .flex{
		flex-direction: column;
	}
	
	header h1{
		padding: 0;
	}
}

@media screen and (max-width: 478px) {
	header section{
		padding: 0 10px;
	}
	
	header h1{
		padding: 10px 5px;
	}
	
	header .header_right p{
		font-size: 14px;
	}
	
	header .header_right p span{
	}
	
	header .header_right p span a{
		font-size: 24px;
	}
}

/* ------------------------------------------------------------------------ */

/* Navigation

/* ------------------------------------------------------------------------ */
.group_top a{
	color: #023894;
}

	.group_top a:after{
		content:url(/hotkensaku/img/blank_img01.png);
		padding-left: 6px;
	}


	.header_right>nav {
		text-align: right;
	}

	#gNav ul li span {
		display: inline-block;
		margin: 0 6px 0 0;
		vertical-align: middle;
		line-height: 1.5;
	}

nav {
	overflow: hidden;
	float:right;
}

#gNav ul {
	overflow: hidden;
}

#gNav ul li {
	float: left;
	font-size: 1.4rem;
	padding: 10px 10px 0px 15px;
}

#gNav ul li .fa.fa-search{
	font-size: 21px;
	padding: 0;
	color: #3399ff;
}

.review_btn{
	width: 25%;
	border: 1px solid #3399ff;
	background: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.3;
	margin: 10px 0;
}

.review_btn a{
	color: #3399ff;
	display: block;
	text-align: center;
	padding: 5px 0px;
	text-decoration: none;
	font-size: 14px;
}

	.review_btn a:hover{
		opacity: 0.5;
	}

.review_btn span{
	color: #ffc619;
}

.review_btn span.number{
	color: #3399ff;
	font-size: 12px;
}


.web_btn{
	width: 25%;
	background: #fa7e19;
	border-radius: 30px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.3;
	margin: 10px 0;
}

.web_btn a{
	color: #fff;
	display: block;
	text-align: center;
	padding: 5px 0px;
	text-decoration: none;
	font-size: 14px;
}

	.web_btn a:hover{
		opacity: 0.5;
	}

/* ------------------------------------------------------------------------ */

/* ttlBox

/* ------------------------------------------------------------------------ */
.ttlBox_area {
	min-width: 950px;
    width: 100%;
    background: #d9ebff;
    text-align: left;
	-webkit-box-shadow	: inset 0px 4px 4px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow		: inset 0px 4px 4px 0px rgba(50, 50, 50, 0.1);
	box-shadow			: inset 0px 4px 4px 0px rgba(50, 50, 50, 0.1);
	position: relative;
	margin: 0 auto;
}

.ttlBox{
	max-width: 950px;
	min-height: 133px;
	margin:0 auto;
	/*display: flex;
	align-items: center;*/
	position: relative;
}

.ttlBox h2 {
	width: 70%;
	color: #023894;
	font-size: 20px;
	line-height: 1.6;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

.ttlBox h2 span{
	color: #023894;
	font-size: 34px;
}

	.ttlBox h2 span > span{
		font-size: 22px;
		margin-left: 10px;
	}

.ttlBox div{
	position: absolute;
	right: 0;
	bottom: 0;
}

/* ------------------------------------------------------------------------ */

/* sub_nav

/* ------------------------------------------------------------------------ */
.sub_nav{
	background: #6eadf5;
}

.sub_nav ul{
	background: #d9ebff;
	max-width: 950px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

	.sub_nav ul li{
		background: #6eadf5;
		width: 100%;
		border-right: 1px solid #9ac6f8;
		-webkit-box-shadow	: inset 0px 4px 4px 0px rgba(50, 50, 50, 0.1);
		-moz-box-shadow		: inset 0px 4px 4px 0px rgba(50, 50, 50, 0.1);
		box-shadow			: inset 0px 4px 4px 0px rgba(50, 50, 50, 0.1);
	}
		.sub_nav ul li:first-child{
			border-left: 1px solid #9ac6f8;
		}

	.sub_nav ul li a{
		display: block;
		padding: 7px;
		color: #fff;
	}

	/*特徴・メリット*/
	.community ul li.subNav01,
	.followup ul li.subNav02,
	.support ul li.subNav03,
	.welfare ul li.subNav04{
		background: #d9ebff;
	}

	.community ul li.subNav01 a,
	.followup ul li.subNav02 a,
	.support ul li.subNav03 a,
	.welfare ul li.subNav04 a{
		color: #6eadf5;
		font-weight: bold;
	}

	/*人材活用をお考えの企業様*/
	.client_support ul li.subNav01,
	.service ul li.subNav02,
	.type ul li.subNav03{
		background: #d9ebff;
	}

	.client_support ul li.subNav01 a,
	.service ul li.subNav02 a,
	.type ul li.subNav03 a{
		color: #6eadf5;
		font-weight: bold;
	}

	/*はじめての方へ*/
	.system ul li.subNav01,
	.difference ul li.subNav02,
	.temptoperm ul li.subNav03,
	.flow ul li.subNav04{
		background: #d9ebff;
	}

	.system ul li.subNav01 a,
	.difference ul li.subNav02 a,
	.temptoperm ul li.subNav03 a,
	.flow ul li.subNav04 a{
		color: #6eadf5;
		font-weight: bold;
	}

	/*会社情報*/
	.profile ul li.subNav01,
	.message ul li.subNav02,
	.history ul li.subNav03,
	.recruit ul li.subNav04,
	.csr ul li.subNav05,
	.training ul li.subNav06,
	.access ul li.subNav07,
	.director ul li.subNav08{
		background: #d9ebff;
	}

	.profile ul li.subNav01 a,
	.message ul li.subNav02 a,
	.history ul li.subNav03 a,
	.recruit ul li.subNav04 a,
	.csr ul li.subNav05 a,
	.training ul li.subNav06 a,
	.access ul li.subNav07 a,
	.director ul li.subNav08 a{
		color: #6eadf5;
		font-weight: bold;
	}

	/*人材活用をお考えの企業様 サブカテゴリー*/
	.tips ul li.subNav01,
	.glossary ul li.subNav02,
	.m_glossary ul li.subNav03{
		background: #d9ebff;
	}

	.tips ul li.subNav01 a,
	.glossary ul li.subNav02 a,
	.m_glossary ul li.subNav03 a{
		color: #6eadf5;
		font-weight: bold;
	}

	/*CSR サブカテゴリー*/
	.child ul li.subNav01,
	.eco ul li.subNav02,
	.kizuna ul li.subNav03{
		background: #d9ebff;
	}

	.child ul li.subNav01 a,
	.eco ul li.subNav02 a,
	.kizuna ul li.subNav03 a{
		color: #6eadf5;
		font-weight: bold;
	}

.none_shadow{
	-webkit-box-shadow	: none;
	-moz-box-shadow		: none;
	box-shadow			: none;
}

/* ------------------------------------------------------------------------ */

/* Contents

/* ------------------------------------------------------------------------ */

.crumb {
    display: flex;
    flex-wrap: nowrap;
    font-size: 14px;
    margin: 10px 0 0px;
    padding: 0 0 5px;
}

.crumb li {
    display: flex;
}

	.crumb li .fa {
		color: #3399ff;
	}

.crumb li:after {
    content: "\f105";
    font-family: "FontAwesome";
    margin: 0 10px;
}

.crumb li:last-child::after {
    content: none;
}

.crumb li a{
	text-decoration: underline;
}
	.crumb li a:hover{
		text-decoration: none;
	}


.contentsBlock {
	max-width: 950px;
	margin: 0 auto;
}

.searchBox a{
	color: #3399ff;
	text-decoration: underline;
}

	.searchBox a:hover{
		text-decoration: none;
	}

.searchBox{
	padding: 20px;
	overflow: hidden;
	margin-bottom: 40px;
}

#search.searchBox{
	border: 2px solid #3399ff;
	border-radius: 5px;
	padding: 20px;
	overflow: hidden;
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	-o-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	-ms-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	margin-bottom: 40px;
}

	.searchBox dl{
		display: flex;
		border-bottom: 1px solid #cccccc;
		padding: 5px 0;
	}

	.searchBox dl:first-child{
		padding: 0 0 5px;
	}

	.searchBox dt,
	.searchBox dd{
		/*display: inline-flex;*/
	}

	.searchBox.results_itemBox dl {
		display: table;
	}

	.searchBox.results_itemBox dt {
		background: #e6e6e6;
	}

	.searchBox.results_itemBox dt,
	.searchBox.results_itemBox dd{
		display: table-cell;
		vertical-align:middle;
	}

	.searchBox.results_itemBox dd {
		margin-left: 10px;
		align-items: center;
		width: 100%;
	}

	.searchBox dd{
		margin-left: 10px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.searchBox.results_itemBox dd{
		/*display: block;*/
		width: 762px;
	}

	.searchBox.results_itemBox a{
		text-decoration: underline;
		color: #3399ff;
	}
		.searchBox.results_itemBox a:hover{
			text-decoration: none;
		}

	.details_link{
		text-align: left;
		margin-left: 15px;
	}

	.details_link a{
		color: #2e8ae6;
	}
		.details_link:before{
			content: "\f105";
			font-family: FontAwesome;
			padding-right: 8px;
			color: #2e8ae6;
		}

.label{
	background: #d9ebff;
	padding: 5px 10px;
	display: block;
	font-weight: bold;
	width: 120px;
}

.choice_btn{
	border: 1px solid #3399ff;
	background: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: table-cell;
	line-height: 1.3;
	cursor: pointer;
	font-size: 1.3rem;
}

.choice_btn+p{
	margin-left: 10px;
}

.choice_btn a{
	color: #3399ff;
	display: block;
	text-align: center;
	padding: 5px 15px;
	text-decoration: none;
}

	.choice_btn a:hover{
		opacity: 0.5;
	}

.searchBtn_area{
	/*overflow: hidden;*/
	padding-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.applicableBox{
	float: left;
}

.conditionBox{
	width: 34%;
	float: left;
}

.applicableBox p{
	width: 74%;
	display: inline-block;
	line-height: 1.4;
}

.applicableBox span{
	display: inline-block;
	font-weight: bold;
	color: #e83421;
	font-size: 25px;
}

/*この条件で探すボタン*/
.conditionBox .condition_btn{
	background: #3399ff;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: block;
	line-height: 1.3;
	font-weight: bold;
	font-size: 18px;
}

.conditionBox .condition_btn a{
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 0px 10px 15px;
	text-decoration: none;
}

	.conditionBox .condition_btn a:hover{
		opacity: 0.5;
	}

	.conditionBox .condition_btn a span{
		display: inline-block;
		margin-left: 10px;
	}

	.conditionBox .condition_btn a span img{
		vertical-align: middle;
	}

/*検索結果_一覧*/
.resultsBox{
	border-top: 1px dotted #999999;
	overflow: hidden;
	padding: 20px 0 5px 0;
}

.resultsBox.searchresult_none,
.underreviewresult_none{
	min-height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.resultsBox .search_txt{
	float: left;
}
	.resultsBox .search_txt span{
		display: inline-block;
		font-weight: bold;
		color: #e83421;
		font-size: 25px;
	}

.resultsBox .search_menu{
	float:right;
}

.search_count{
	float: left;
}

.search_order{
	float: right;
	padding-left: 20px;
}

.results_itemBox{
	border: 1px solid #cccccc;
	border-top: 4px solid #3399ff;
	border-radius: 5px;
	padding: 0px;
	overflow: hidden;
	margin-bottom: 40px;
}

.shadow_box{
	border: 1px solid #cccccc;
	border-radius: 5px;
}

.other_itemBox{
	padding: 0px;
	overflow: hidden;
	margin-bottom: 40px;
}

/*.other_itemBox{
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding: 0px;
	overflow: hidden;
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	-o-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	-ms-box-shadow: 4px 4px 4px rgba(0,0,0,0.1);
	margin-bottom: 20px;
}*/

.other_itemBox:last-child{
	margin-bottom: 0;
}

.other_itemBox .hd_area{
	background: #fff;
	padding: 20px 20px 0 20px;
}

.other_itemBox .hd_area .title{
	font-size: 20px !important;
}
.other_itemBox .hd_area .jobother_area{
	width: 100%;
	overflow: hidden;
	margin: 20px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	text-align: left;
}
	.other_itemBox .hd_area .jobother_area li{
		float: left;
		margin-right: 20px;
	}

	.other_itemBox .hd_area .jobother_area li span {
		display: inline-block;
		margin: 0 6px 0 0;
		vertical-align: middle;
	}

.other_itemBox .results_itemBox2 .searchBtn_area{
	padding-top: 0;
}


.hd_area{
	background: #d9ebff;
	padding: 10px 15px;
	overflow: hidden;
}

	/*ラベル*/
	.results_label{
		text-align: left;
	}

	.new{
		font-size: 12px;
		color: #fff;
		background: #e83421;
		border-radius: 5px;
		padding: 2px 5px;
		margin-right: 5px;
	}

	.h_label{
		font-size: 12px;
		color: #fff;
		background: #3399ff;
		border-radius: 5px;
		padding: 2px 10px;
		margin-right: 5px;
	}

	.hd_area .name{
		text-align: left;
	}

	.hd_area .title{
		text-align: left;
		max-width: 700px;
		font-size: 24px;
		font-weight: bold;
		color: #2e8ae6;
		line-height: 1.4;
		float: left;
	}

	/*お仕事詳細*/
	.jobdetails .hd_area .title,
	.underreview .hd_area .title{
		width: 100%;
		text-align: left;
		font-size: 24px;
		font-weight: bold;
		color: #2e8ae6;
		line-height: 1.4;
		float: none;
	}

		.underreview .hd_area .title a{
			color: #2e8ae6;
			text-decoration: none;
		}

		.underreview .hd_area .title a:hover{
			text-decoration: underline;
		}


	.jobdetails .details_area,
	.underreview .details_area {
		text-align: right;
		float: none;
		width: auto;
	}
		.jobdetails .details_area p,
		.underreview .details_area p{
			float: none;
			padding: 0;
		}

	.details_area{
		text-align: right;
		float: right;
		width: 200px;
	}

	.details_area .details_btn{
		width: 70%;
		background: #3399ff;
		color: #fff;
		border-radius: 30px;
		text-decoration: none;
		display: table-cell;
		line-height: 1.3;
		font-weight: bold;
		float: right;
	}

	.details_area .details_btn a{
		color: #fff;
		display: block;
		text-align: center;
		padding: 10px 15px;
		text-decoration: none;
	}

	.details_area .details_btn a:hover{
		opacity: 0.5;
	}

	.details_area p{
		float: right;
		font-size: 12px;
		padding: 5px 0;
	}

	.label2 {
		background: #e6e6e6;
		padding: 0px 10px;
		font-weight: bold;
		width: 145px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}

/*.results_itemBox2{
	padding: 15px;
}*/

.searchBox.results_itemBox .results_itemBox2{
	padding: 15px;
}

.searchBox.other_itemBox .results_itemBox2{
	padding: 15px;
}

	.results_itemBox2 .details_photo{
		margin-bottom: 10px;
	}

	.results_itemBox2 .ulStyle01{
		margin-left: 15px;
	}

.results_itemBox2 dd p{
	text-align: left;
	padding: 0 0 0 15px;
	margin-left: 0;
}

/*検討中に入れる*/
.underreview_btn{
	width: 40%;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #3399ff;
	background: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.3;
	float: left;
}

.underreview_btn a{
	color: #3399ff;
	display: block;
	text-align: center;
	padding: 10px 15px;
	text-decoration: none !important;
}

	.underreview_btn a:hover{
		opacity: 0.5;
	}

.underreview_btn span{
	color: #ffc619;
}

	.underreview_btn span.number{
		font-size: 14px;
		color: #3399ff;
	}

	.underreview_btn span.s_number{
		font-size: 12px;
		color: #3399ff;
	}

/*検討中に追加済みボタン*/
.underreview_btn_add{
	width: 34%;
	font-size: 16px;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: inline-block;
	line-height: 1.3;
	float: left;
}

.underreview_btn_add a{
	color: #b9b9b9 !important;
	display: block;
	text-align: center;
	padding: 21px 15px;
	text-decoration: none !important;
}

	.underreview_btn_add a:hover{
		opacity: 0.5;
	}


.underreview_btn span.none_txt{
	color: #333;
	font-size: 13px;
	font-weight: normal;
}

/*詳細を見る*/
.job_detailsBox{
	width: 40%;
	float: left;
	margin-left: 20px;
}

.job_detailsBox .job_detailsbtn{
	background: #3399ff;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: block;
	line-height: 1.3;
	font-weight: bold;
	font-size: 18px;
}

.job_detailsBox .job_detailsbtn a{
	color: #fff;
	display: block;
	text-align: center;
	padding: 20px 0px;
	text-decoration: none;
}

	.job_detailsBox .job_detailsbtn a:hover{
		opacity: 0.5;
	}


/*エントリーする*/
.entryBox{
	width: 34%;
	float: left;
	margin-left: 20px;
}

.entryBox .entry_btn{
	background: #fa7e19;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: block;
	line-height: 1.3;
	font-weight: bold;
	font-size: 18px;
}

.entryBox .entry_btn a{
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 0px 10px 15px;
	text-decoration: none;
}

	.entryBox .entry_btn a:hover{
		opacity: 0.5;
	}
	.entryBox .entry_btn a span{
		display: inline-block;
		margin-left: 10px;
	}

	.entryBox .entry_btn a span img{
		vertical-align: middle;
	}

.entryBox .entry_btn02{
	background: #e83421;
	color: #fff;
	border-radius: 30px;
	text-decoration: none;
	display: block;
	line-height: 1.3;
	font-weight: bold;
	font-size: 18px;
}

.entryBox .entry_btn02 a{
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 0px 10px 0;
	text-decoration: none;
}

	.entryBox .entry_btn02 a:hover{
		opacity: 0.5;
	}
	.entryBox .entry_btn02 a span{
		display: inline-block;
		margin-right: 5px;
	}

	.entryBox .entry_btn02 a span img{
		vertical-align: middle;
	}

/*画像入る2カラムver*/
.left_itemBox{
	width: 560px;
	float: left;
}

.right_itemBox{
	width: 330px;
	float: right;
}
	.right_itemBox:hover{
		opacity: 0.7;
	}

	.right_itemBox a{
		display: block;
	}

	.right_itemBox img{
		max-height: 230px;
	}

/*ページネーション*/
ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	background: #fff;
	text-align: center;
}

ul.pageNav li {
	display: inline-block;
	margin: 0 2px;
	padding: 0;
}

ul.pageNav li.active a{
	border: 1px solid #3399ff;
	color: #3399ff;
	background: #fff;
	font-weight: bold;
}

ul.pageNav li span,
ul.pageNav li a {
	display: inline-block;
	margin-bottom: 5px;
	padding: 5px 13px;
	background: #3399ff;
	border: 1px solid #3399ff;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 5px;
	color: #fff;
}

ul.pageNav li a:hover {
	border: 1px solid #3399ff;
	color: #3399ff;
	background: #fff;
}

/* ------------------------------------------------------------------------ */

/* Pagetop

/* ------------------------------------------------------------------------ */
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 999;
}
#pagetop a {
	text-decoration: none;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#pagetop a:hover {
	text-decoration: none;
}
/* ------------------------------------------------------------------------ */

/* Footer

/* ------------------------------------------------------------------------ */

footer {
	width: 100%;
	background: #fff;
	margin-top: 20px;
	font-size: 14px;
	border-top: 1px solid #ccc;
}

.footer_area{
	max-width: 950px;
	margin: 0 auto;
	padding: 10px 0;
	position: relative;
}

.footer_areainner{
	width: 845px;
	margin: 0 auto;
}

.footerBox01{
	margin: 15px auto 10px;
}
	.footerBox01 .logo img{
		width: 102px;
	}
	.footerBox01 .add{
		float: left;
		margin-left: 20px;
	}

	.footerBox02{
		text-align: right;
		float: left;
		margin-top: 90px;
	}

	.footerBox02 .base_btn{
		color: #fff;
		border-radius: 30px;
		text-decoration: none;
		display: table-cell;
		line-height: 1.3;
		font-weight: bold;
	}

	.footerBox02 .base_btn a{
		color: #fff;
		background: #3399ff;
		display: block;
		text-align: center;
		padding: 10px 35px;
		text-decoration: none;
		border-radius: 30px;
	}

	.footerBox02 .base_btn a:hover{
		opacity: 0.7;
	}

	.footerBox02 .base_btn a span{
		display: inline-block;
		margin: 0 6px 0 0;
		vertical-align: middle;
	}

.footer_nav{
	width: 193px;
	color: #333;
	float: left;
	margin-right: 20px;
}

	.footer_nav:first-child{
		margin-left: 10px;
	}

	.footer_nav:nth-child(4){
		margin-right: 0;
	}

.footer_navttl{
	border-bottom: 1px dotted #333;
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-weight: bold;
}

.nav_link {
	width: 194px;
	margin: 0 auto;
}

.nav_link li{
	text-align: left;
	line-height: 1.6;
	margin-bottom: 5px;
}

.nav_link li:before{
		content:"\f105";
		font-family: FontAwesome;
		padding-right: 5px;
		color: #818181;
}

.nav_link li a{
	color: #333;
}

.footer_hotken{
	position: absolute;
	bottom: 0;
	right: 0;
}


	.footer_area ul.footer_otherlink{
		margin: 0px auto;
	}

	.footer_area ul.footer_otherlink li{
		border-left: 1px solid #a0a0a0;
		display: inline-block;
		line-height: 18px;
		padding: 0 4px 0 7px;
		font-size: 12px;
	}

		.footer_area ul.footer_otherlink li:first-child{
			border-left: none;
		}

		.footer_area ul.footer_otherlink li a{
			color: #333;
		}
#siteFtCopy{
	background: #3399ff;
	color: #fff;
	padding: 5px 0;
}
	.siteFtCopy_inner{
		max-width: 950px;
		margin: 0 auto;
		overflow: hidden;
	}

	.siteFtCopy_inner p{
		font-size: 12px;
	}

@media screen and (max-width: 1170px) {
	.footer_hotken{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	footer {
		padding-bottom: 80px;
	}
}

/* ------------------------------------------------------------------------ */

/* modal

/* ------------------------------------------------------------------------ */

/* モーダル コンテンツエリア */
.modal-overlay {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
    height:100vh;
    background-color:rgba(0,0,0,.5);
}

#modal1,
#modal2,
#modal3,
#modal4 {
  display: none;
  width: 850px;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  background-color: #3399ff;
  color: #fff;
  position: absolute;
  z-index: 2;
}

/*#modal1{
	top: 100px !important;
}

#modal2{
	top: 100px !important;
}*/

#modal1 p,
#modal2 p,
#modal3 p,
#modal4 p{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
	height: 56px;
}

#modalclose{
	cursor: pointer;
}

.modal_area{
	background: #fff;
	border-radius: 0px 0px 10px 10px;
	border: 2px solid #3399ff;
	padding: 20px;
}

.modal_area .modal_inner label{
	color: #333;
}

.modal_area .modal_inner label input{
	margin-top: 0;
	margin-bottom:4px;
	margin-right: 6px;
	height: auto;
}

.modal_area .modal_inner .hd01{
	border-bottom: 2px solid #3399ff;
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px;
}

.modal_area .modal_inner ul{
	overflow: hidden;
}

	.modal_area .modal_inner ul li{
		float:left;
		text-align: left;
		width: 25%;
	}

.modal_inner{
	overflow: hidden;
	margin-bottom: 20px;
}

.change_btn{
		width: 40%;
		margin: 10px auto 0;
		background: #3399ff;
		color: #fff;
		border-radius: 30px;
		text-decoration: none;
		display: block;
		line-height: 1.3;
		font-weight: bold;
	}

	.change_btn a{
		color: #fff;
		display: block;
		text-align: center;
		padding: 15px;
		text-decoration: none;
	}

	.change_btn a:hover{
		opacity: 0.5;
	}

    .change_btn.city_btn {
        font-weight: normal;
        margin: 0 auto 10px;
    }

.modal_area .modal_inner .salary{
	line-height: 1.4;
	margin-top: 10px;
}
.salary p{
	text-align: left;
	color: #333;
	font-weight: bold;
	font-size: 16px;
	display: block !important;
	height: auto !important;
	padding: 0 5px !important;
}

/* モーダル 背景エリア */
#modal-bg {
  display:none;
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  position:fixed;
  top:0;
  left:0;
  z-index: 1;
}


.invisible{
    display: none;
}


.underreview_btn, .underreview_btn_add{
	position: relative;
}

p.toolTip{
    margin: 0;
    padding: 10px;
    width: 260px;
    background: #3399ff;
    opacity: 0.9;
    color: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    min-height: 30px;
    top: -20px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
    position: absolute;
	z-index: 999;
}


p.toolTip.haserror{
    background: #e83421;
}

/*WEB面談とは？モーダル*/
.web_modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
	left: 0;
    width: 100%;
}
.modal__bg{
    background: rgba(0,0,0,0.6);
    height: 100vh;
    position: absolute;
    width: 100%;
	z-index: 11000;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
	z-index: 12000;
	text-align: left;
}
.modal__content .ttl{
	color: #2e8ae6;
	border-bottom: 2px solid #2e8ae6;
	text-align: left;
	padding: 5px 0px 0px 10px;
	font-size: 18px;
	margin-bottom: 15px;
}
.close{
	position: absolute;
	top: 0px;
	right: 10px;
	font-size: 20px;
}
.close a{
	text-decoration: none !important;
	color: #333 !important;
}

.webinterview_link a{
	text-decoration: none !important;
}
.webinterview_link a:hover{
	text-decoration: underline!important;
}

.webinterview_link a:before{
	content: "\f059";
	font-family: 'FontAwesome';
	padding-right: 4px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	header h1{
		width: 102px;
	}
}

@media screen and (max-width: 580px) {
	header .header_right{
		line-height: 1.4;
	}
	
	.hd_area .title{
		margin-bottom: 10px;
	}
	
	.other_itemBox .hd_area .jobother_area li{
		margin-bottom: 5px;
	}
	
	.other_itemBox .results_itemBox2 .searchBtn_area{
		display: block;
	}
	
	.underreview_btn, .underreview_btn_add{
		float: none;
		width: 100%;
	}
	
	.job_detailsBox{
		float: none;
		width: 100%;
		margin: 10px 0 0;
	}
}