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

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

/*  reset

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

* {
    -webkit-box-sizing	: border-box;
    -moz-box-sizing		: border-box;
    -o-box-sizing		: border-box;
    -ms-box-sizing		: border-box;
    box-sizing			: border-box;
}

html {
	overflow-y	: scroll;
	height		: 100%;
}

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

fieldset {
	display:inline;
}

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

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
	-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 {
	max-width	: 100%;
	height		: auto;
}


.naiyou p{
	padding		: 0 10px 10px;
}

.none-fav .fa-heart{
	color: #B9B9B9;
}

.job-details .detailsBtn_area .sp_underreviewBox .fa-heart{
	color: #e2264d;
	font-size: 34px !important;
}
.job-details .detailsBtn_area .sp_underreviewBox .none-fav .fa-heart{
	color: #B9B9B9;
	font-size: 34px !important;
}

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

/*  Basic Style

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

html { -webkit-text-size-adjust: 100%; font-size: 62.5%; /* sets the base font to 10px for easier math */}
p	{ overflow-wrap: break-word; word-wrap: break-word; font-size: 12px;}

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

#menu_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    display: none;
    position: fixed;
    z-index: 9997;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
	overflow	: hidden;
	position	: relative;
}

body > #wrap { height : auto;}


a {
	-webkit-tap-highlight-color: rgba(255,255,255,.6);
}

a:link,
a:visited {
	text-decoration	: none;
	color:#360;
}


img {
	vertical-align: top;
}

/*img:not([width]) {
	zoom: .5; /* Retinaディスプレイ対応のためimg要素は半分の大きさに
}
*/

section.bg_org{
	background:#faf0c8;
}

section.bg_org02{
	background:#faf0c8;
	border-top: 1px solid #999;
	margin-bottom:0;
}

/*.sidr{
	position: absolute !important;
}*/

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

.opacity a:hover img{
	opacity		: 0.1;
	filter		: alpha(opacity=10);
	-ms-filter	: "alpha( opacity=10 )";
	background	: #fff;
}

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


a:hover	{
	text-decoration	: none;
}


a.right-menu {
	display: block;
}
/* ------------------------------------------------------------------------ */

/* Hedaer

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


header {
	overflow	: hidden;
	margin		: 0 auto;
	padding		: 5px 8px 5px 8px;
	width		: 100%;
	background  : #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

	header h1{
		width	: 82px;
		display: table-cell;
		vertical-align: middle;
	}

	header ul{
		overflow	: hidden;
		width		: 205px;
		float		: right;
		letter-spacing: -.4em;
		display: flex;
		justify-content: flex-end;
		align-items: center;
	}

	header ul.menu_02{
		width: 56%;
	}

		header ul li{
			display			: inline-block;
			width			: 70px;
			vertical-align	: middle;
			letter-spacing: normal;
		}

			header ul li.sp_web_btn{
				background: #fa7e19;
				border-radius: 10px;
				font-size: 10px;
				line-height: 1.4;
				border: 1px solid #fa7e19;
			}
			header ul li.sp_web_btn a{
				padding: 10px;
				display: block;
				color: #fff;
			}

			header ul li.sp_ken_btn{
				background: #fff;
				border: 1px solid #3399ff;
				border-radius: 10px;
				font-size: 12px;
				line-height: 1.4;
				margin-left: 5px;
			}

			header ul li.sp_ken_btn a{
				padding: 7px;
				display: block;
				color: #3399ff;
			}

			header ul li.sp_ken_btn span{
				color: #e2264d;
			}
			header ul li.sp_ken_btn span.number{
				color: #3399ff;
				font-size: 10px;
			}


			header ul li.sp_search_btn{
				background: #3399ff;
				border: 1px solid #3399ff;
				border-radius: 10px;
				font-size: 12px;
				line-height: 1.4;
			}

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

		header ul li.sp_web_btn{
			width	: 70px;
			margin-left: 2%;
		}
		header ul li.sp_menu{
			width	: 43px;
			margin-left: 4%;
		}

		header nav{
			clear	: both;
		}


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

/* Navigation

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

.sidr{
	background: #fff !important;
	width: 220px !important;
}

.sidr ul li{
	text-align: left;
}
.sidr ul li:first-child  a::before {
    content: " ";
    font-family: FontAwesome;
}

.sidr ul li a::before {
    content: "\f105";
    font-family: FontAwesome;
    padding-right: 5px;
}

.fa-window-close {
    margin-right: 3%;
}

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

/* Contents

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

#mainBlock {
	clear	: both;
}

	#mainBlock > section,
	#contentsBlock > section {
		margin		: 0;
		overflow	: hidden;
	}

/*見出し*/
.ttlBox_area{
	position: relative;
	min-height: 90px;
	margin: 0 auto;
	background-color: #3399ff;
	-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);
}

.ttlBox_area div{
	position: absolute;
	right: 0;
	bottom: 0px;
	width: 42%;
}
	.ttlBox_area div img{
		width: 100%;
	}

.ttlBox_area h2{
	width: 85%;
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	text-align: left;
	padding-left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: absolute;
}

	.ttlBox_area h2 span {
		color: #fff;
		font-size: 20px;
	}

#contentsBlock{
	padding: 10px 10px 0;
	background: #f5f5f5;
	line-height: 1.6;
}

/*特集から探す*/
.featureBox {
	background: #ebebeb;
	padding: 10px;
	margin-bottom: 15px;
}

.featureBox .ttl{
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
}

.featureBox .ttl span{
	color: #fed400;
	line-height: 1.3;
	padding-right: 5px;
	width: 30px;
}

.featureBox ul{
	margin: 10px auto;
}

.featureBox ul li{
	background: #fff;
	border-radius: 30px;
	margin-bottom: 10px;
}

.featureBox ul li a{
	padding: 5px;
	display: block;
	text-decoration: underline;
}

.featureBox ul li a:before{
	font-family: 'FontAwesome';
	content: "\f002";
	display: inline-block;
	margin-right: 10px;
	color: #808080;
	font-size: 18px;
}

.details_searchBtn{
	text-align: right;
	color: #5197f7;
	font-size: 16px;
	cursor: pointer;
	margin-bottom: 15px;
}

.details_searchBtn:before{
	font-family: 'FontAwesome';
	content:"\f1de";
	display: inline-block;
	margin-right: 5px;
	font-size: 16px;
}

.details_searchBtn + .searchBox{
	display: none;
}


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

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

.searchBox{
	background: #fff;
	border: 2px solid #3399ff;
	border-radius: 5px;
	padding: 10px;
	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: 25px;
}

	.searchBox dl{
		display: flex;
		padding: 3px 0;
		width: 100%;
		text-align: left;
	}

	.searchBox.results_itemBox dl,
	.branch_area_l dl{
		display: table;
	}

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

	.searchBox dt,
	.searchBox dd{
		display: flex;
	}

	.searchBox.results_itemBox dt{
		display: table-cell;
		vertical-align:top;
	}

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


.job-details .searchBox.results_itemBox .details-box dl,
.job-details .searchBox.results_itemBox .details-box dt{
	display: block;
	background: #fff;
}

.job-details .searchBox.results_itemBox .details-box dt .label2{
	width: 100%;
	justify-content: flex-start;
	color: #2e8ae6;
	font-weight: bold;
	font-size: 14px;
}

.job-details .olStyle01 li,
.job-details .ulStyle01 li{
	font-size: 14px;
}


.searchBox.results_itemBox .details-box dd .emphasis-txt{
	font-size: 14px;
	font-weight: bold;
}

	.searchBox.results_itemBox dt{
		background: #e6e6e6;
	}
	
	.searchBox.results_itemBox .results_itemBox2 dt{
		vertical-align:middle;
	}

	.branch_area_l dt{
		background: #e6e6e6;
	}

	.branch_area_l dd{
		padding: 0 5px;
	}

	.branch_area_l .label2 {
		width: 94px;
	}

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

	.searchBox dd p{
		text-align: left;
		min-width: 60%;
		font-size: 14px;
	}
		.searchBox dd p.freeword_txt{
			text-align: left;
			min-width: 80%;
			font-size: 14px;
		}

	.change_btn{
		color: #3399ff;
		width: 40%;
		text-align: right;
	}

	.change_btn a{
		color: #3399ff;
		font-size: 12px;
	}

	.searchBox.results_itemBox dd {
		padding: 0 5px;
	}
		.searchBox.results_itemBox a {
			text-decoration: underline;
			color: #3399ff;
		}
		.searchBox.results_itemBox a:hover {
			text-decoration: none;
		}

.label{
	background: #d9ebff;
	padding: 5px;
	font-weight: bold;
	width: 86px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
}

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

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

	.choice_btn a:hover{
		opacity: 0.5;
	}

.search_btn{
	background: #3399ff;
	border-radius: 10px;
}
	.search_btn a{
		color: #fff;
		font-size: 17px;
		padding: 8px 12px;
		display: block;
		text-align: center;
	}

.searchBtn_area{
	padding-top: 20px;
	width: 90%;
	margin: 0 auto;
}

.detailsBtn_area{
	padding-top: 10px;
}

.details_btn{
	width: 64%;
	margin: 0 auto;
}

.ichiran .detailsBtn_area{
	padding: 13px 0 0;
}

.ichiran .detailsBtn_area .underreview_btn{
	width: 100%;
	margin: 0 auto 10px;
}

.ichiran .detailsBtn_area .underreview_btn .tellentry_btn{
	width: 48.5%;
	float: left;
	margin-right: 3%;
}
.ichiran .detailsBtn_area .underreview_btn .tellentry_btn:nth-child(2){
	float: left;
	margin-right: 0;
}

.underreview_btn {
	margin: 10px auto;
	overflow: hidden;
}

.ichiran .underreview_btn {
	margin: 0 auto 10px;
	overflow: hidden;
}

.tellentry_btn{
	width: 48.5%;
	float: left;
	margin-right: 3%;
}

	.tellentry_btn:last-child{
		margin-right: 0;
	}


.sp_underreviewBox{
	position: relative;
	border: 2px solid #3399ff;
	border-radius: 10px;
	margin-top: 10px;
}
	.sp_underreviewBox .txt_inner{
		display: inline-block;
		/*margin-left: 77px;*/
		vertical-align: middle;
		width: 80%;
	}

	.sp_underreviewBox.btn_area01 .txt_inner{
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
	}

	.sp_underreviewBox p{
		font-size: 16px;
		font-weight: bold;
	}

	.sp_underreviewBox p.underreview_txt{
		color: #666666;
		font-size: 12px;
	}

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

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

.sp_btnarea_inner{
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.ichiran .sp_underreviewBox{
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 0px;
	margin-top: 10px;
	margin: 0 10px 0 0;
	width: 64%;
	float: left;
	display: table-cell;
	background: #eeeeee;
}
	.ichiran .sp_underreviewBox br,
	.ichiran .show_btn br{
		display: none;
	}

	.ichiran .sp_underreviewBox .txt_inner{
		display: inline-block;
		/*margin-left: 77px;*/
		vertical-align: middle;
		/*width: 84%;*/
	}

	.ichiran .sp_underreviewBox p{
		font-size: 14px;
		font-weight: bold;
	}

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

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

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

	.ichiran .show_btn{
		float: left;
		width: 32%;
		font-weight: bold;
		background: #3099fd;
		display: table-cell;
		vertical-align: middle;
		border: 1px solid #3099fd;
	}
		.ichiran .show_btn a{
			width: 100%;
			color: #fff;
			display: block;
			text-decoration: none;
			padding: 10px 5px;
		}

		.ichiran .show_btn a img{
			vertical-align: middle;
			padding-right: 5px;
			width: 18%;
		}

/*検討中に追加済ボタン*/
.sp_underreviewBox_add{
	position: relative;
	border: 2px solid #ccc;
	border-radius: 10px;
	margin-top: 10px;
}
	.sp_underreviewBox_add .txt_inner{
		display: inline-block;
		/*margin-left: 77px;*/
		vertical-align: middle;
		/*width: 78%;*/
	}

	.sp_underreviewBox_add.btn_area01 .txt_inner{
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
	}

	.sp_underreviewBox_add p{
		font-size: 16px;
		font-weight: bold;
		color: #b9b9b9;
	}

	.sp_underreviewBox_add p.underreview_txt{
		color: #666666;
		font-size: 12px;
	}

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

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

/*検討中に追加済ボタン*/
.ichiran .sp_underreviewBox_add{
	position: relative;
	border: 1px solid #cccccc;
	border-radius: 0px;
	margin-top: 10px;
	margin: 0 10px 0 0;
	width: 64%;
	float: left;
	display: table-cell;
	background: #eeeeee;
}
	.ichiran .sp_underreviewBox_add .txt_inner{
		display: inline-block;
		/*margin-left: 77px;*/
		vertical-align: middle;
		/*width: 78%;*/
	}

	.ichiran .sp_underreviewBox_add.btn_area01 .txt_inner{
		display: inline-block;
		vertical-align: middle;
		margin-left: 0;
	}

	.ichiran .sp_underreviewBox_add p{
		font-size: 14px;
		font-weight: bold;
		color: #7c7c7c;
	}

	.sp_underreviewBox_add p.toolTip {
		color: #fff;
	}

	.ichiran .sp_underreviewBox_add p.underreview_txt{
		color: #666666;
		font-size: 12px;
	}

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

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


	.sp_underreviewBox .underreview_hotken{
		width: 63px;
		display: inline-block;
		vertical-align: middle;
	}

	/*星のみ*/
	.sp_underreviewBox .underreview_icon,
	.sp_underreviewBox_add .underreview_icon{
		color: #e2264d;
		display: inline-block;
		vertical-align: middle;
		width: 13%;
	}

	.sp_underreviewBox a,
	.sp_underreviewBox_add a{
		display: block;
		padding: 10px 5px;
		text-decoration: none !important;
	}

.othersearchBtn_area{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.job_offer .othersearchBtn_area{
	width: 100%;
	margin: 0 auto;
	display: flex;
	overflow: visible;
}



.otherjob_btn{
	margin: 10px 3% 10px 0;
	width: 48.5%;
	float:left;
}

.otherjob_btn01{
	background: #fff;
	border: 1px solid #3399ff;
	border-radius: 5px;
	margin: 10px 3% 10px 0;
	width: 48.5%;
	float:left;
	font-size: 16px;
	text-align: center;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}

	.otherjob_btn01 a{
		padding: 10px 5px;
		display: flex;
		color: #3399ff;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.otherjob_btn01 span{
		color: #e2264d;
		font-size: 17px;
		padding-right: 7px;
		display: inline-block;
		vertical-align: middle;
	}

	.otherjob_btn01 span.number{
		color: #3399ff;
		font-size: 14px;
		font-weight: bold;
		padding-right: 0;
		display: inline-block;
		width: 80%;
		text-align: left;
		line-height: 1.3;
		vertical-align: middle;
	}

	.otherjob_btn01 span.number span.num_in{
		font-size: 14px;
		color: #3399ff;
		padding-right: 0;
	}

		.otherjob_btn01 span.number span.num_in span{
			font-size: 12px;
			color: #3399ff;
			padding-right: 0;
		}


.otherjob_btn02{
	background: #3399ff;
	border-radius: 5px;
	margin: 10px 0;
	width: 48.5%;
	float:left;
	font-size: 16px;
	text-align: center;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}
	.otherjob_btn02 a{
		padding: 16px 10px;
		color: #fff;
		font-weight: bold;
		display: flex; /* 子要素をflexboxで揃える */
		justify-content: center; /* 子要素をflexboxにより中央に配置する */
		align-items: center;  /* 子要素をflexboxにより中央に配置する */
		font-size: 14px;
		line-height: 1.8;
	}

.otherjob_btn01_add{
	background: #eeeeee;
	border: 1px solid #cccccc;
	border-radius: 5px;
	margin: 10px 3% 10px 0;
	width: 48.5%;
	float: left;
	font-size: 16px;
	text-align: center;
	-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
}

	.otherjob_btn01_add a {
		padding: 10px 5px;
		display: block;
		color: #7c7c7c;
	}

	.otherjob_btn01_add span{
		color: #ccc;
		font-size: 17px;
		padding-right: 7px;
		display: inline-block;
		vertical-align: middle;
	}

	.otherjob_btn01_add span.number{
		color: #7c7c7c;
		font-size: 14px;
		font-weight: bold;
		padding-right: 0;
		display: inline-block;
		width: 80%;
		text-align: left;
		line-height: 1.3;
		vertical-align: middle;
	}

	.otherjob_btn01_add span.number span.num_in{
		font-size: 14px;
		color: #3399ff;
		padding-right: 0;
	}

		.otherjob_btn01_add span.number span.num_in span{
			font-size: 12px;
			color: #3399ff;
			padding-right: 0;
		}

.other_itemBox .sectionbox_area{
	padding: 20px;
}
	.other_itemBox .sectionbox_area p{
		text-align: left;
	}

	.other_itemBox .sectionbox_area p:first-child{
		margin-top: 0 !important;
	}

.searchBox.other_itemBox .results_itemBox2{
	padding: 20px;
	overflow: hidden;
}

.job_offer .searchBox.other_itemBox .results_itemBox2{
	padding: 20px;
	display: flex;
	overflow: visible;
}


@media screen and (min-width: 530px) {
	.otherjob_btn01 span.number{
		color: #3399ff;
		font-size: 14px;
		font-weight: bold;
		padding-right: 0;
		display: inline-block;
		width: auto;
		text-align: left;
		line-height: 1.3;
		vertical-align: middle;
	}
}

@media screen and (max-width: 320px) {
	.ttlBox_area h2 span{
		font-size: 16px;
	}

	.otherjob_btn01{
		background: #fff;
		border: 1px solid #3399ff;
		border-radius: 5px;
		margin: 10px 3% 10px 0;
		width: 48.5%;
		float:left;
		font-size: 14px;
		text-align: center;
		vertical-align: middle;
		display: table;
		-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
		-o-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
		-ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.1);
	}
		.otherjob_btn01 a{
			padding: 11px 5px;
		}

		.otherjob_btn01 span,
		.otherjob_btn01_add span{
			font-size: 15px;
			padding-right: 4px;
		}
		
		.otherjob_btn02 ,
		.otherjob_btn01 span.number,
		.otherjob_btn01_add span.number{
			font-size: 4vw;
			padding-right: 0;
		}

	.otherjob_btn02{
		font-size: 14px;
	}
		.otherjob_btn02 a{
			padding: 10px 10px;
			display: block;
			color: #fff;
			font-weight: bold;
			line-height: 2.8;
		}

	.sp_underreviewBox .txt_inner{
		display: inline-block;
		/*margin-left: 77px;*/
		vertical-align: middle;
		width: 71%;
	}

	.sp_underreviewBox p {
		font-size: 14px;
		font-weight: bold;
	}

	.sp_underreviewBox p.underreview_txt {
		color: #666666;
		font-size: 10px;
	}

	.ichiran .sp_underreviewBox br,
	.ichiran .show_btn br{
		display: block;
	}
}

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

.conditionBox .condition_btn a{
	color: #fff;
	text-align: center;
	padding: 10px 15px 10px 15px;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

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

	.conditionBox .condition_btn a span{
		display: inline-block;
	}

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

	.condition_btntxt{
		display: inline-block;
		width: 70%;
	}

	.condition_btn a .condition_btntxt span{
		display: block;
		width: auto;
		margin-left: 0;
		font-size: 16px;
	}


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

.resultsBox.searchresult_none,
.underreviewresult_none{
	min-height: 100px;
	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: 18px;
	}

.resultsBox .search_menu{
	float:right;
}

.orderBox ul{
	width: 100%;
	display: flex;
	margin: 20px auto;
}
	.orderBox ul li{
		width: 49%;
		border-top: 1px solid #3399ff;
		border-bottom: 1px solid #3399ff;
		border-right: 1px solid #e5e5e5;
		background: #fff;
	}
	
	.orderBox ul li:first-child{
		border-left: 1px solid #3399ff;
		border-radius: 5px 0 0 5px;
	}
	
	.orderBox ul li:last-child{
		border-radius: 0 5px 5px 0;
		border-right: 1px solid #3399ff;
	}
	
	.orderBox ul li.new_order,
	.orderBox ul li.salary_order{
		background: #fff;
	}
	
	.orderBox ul li a{
		padding: 10px;
		color: #3399ff;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1.4;
		height: 100%;
		position: relative;
	}

	.orderBox ul li.active{
		background: #3399ff;
	}
	.orderBox ul li.active a{
		padding: 10px;
		color: #fff;
	}
	.orderBox ul li.active a:after{
		content: "▼";
		display: inline-block;
		color: #3399ff;
		position: absolute;
		bottom: -15px;
	}


.results_itemBox{
	border: 1px solid #cccccc;
	border-top: 4px solid #3399ff;
	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;
}

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

.flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

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

	.hd_area .new{
		display: inline-block;
		font-size: 12px;
		color: #fff;
		background: #e83421;
		border-radius: 5px;
		padding: 0 3px;
	}

	.hd_area .results_label.flex .new{
		display: inline-block;
		font-size: 12px;
		color: #fff;
		background: #e83421;
		border-radius: 5px;
		padding: 0 3px;
		float: left;
	}

	.hd_area .h_label{
		display: inline-block;
		font-size: 12px;
		color: #fff;
		background: #3399ff;
		border-radius: 5px;
		padding: 0 5px;
	}

	.hd_area .thumb_area{
		overflow: hidden;
		margin-top: 5px;
		padding: 5px 0 0;
	}

		.hd_area .thumb_area .thumb_pic{
			float: left;
			margin-right: 2%;
		}

			.hd_area .thumb_area .thumb_pic img{
				width: 133px;
				height: 100px;
				object-fit: cover;
				font-family: 'object-fit: cover;';
			}

		.hd_area .thumb_area .thumb_txt{
			float: left;
			width: 58%;
		}

		.hd_area .thumb_area .thumb_txt .title{
			padding: 0;
		}

		.hd_area .thumb_area .thumb_txt .name{
			padding: 0;
		}

.ichiran-details{
	padding: 10px 10px 0;
}

	.hd_area .name{
		text-align: left;
		font-size: 12px;
		padding: 3px 0 0;
	}
	.hd_area .update {
		font-size: 10px;
		float: right;
	}
	.hd_area .title{
		text-align: left;
		font-size: 16px;
		font-weight: bold;
		color: #2e8ae6;
		line-height: 1.4;
		padding: 0 0 5px;
	}

.hd_area .results_label.flex {
	display: block;
	overflow: hidden;
	width: 100%;
}

	.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;
	}

	.label2 {
		padding: 5px;
		width: 87px;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		font-size: 12px;
	}
	
	.jobdetails .details-box .label2 {
		background: #fff;
		padding: 0px 10px;
		font-weight: bold;
		width: 170px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
		height: 100%;
		color: #2e8ae6;
	}
	
	.label2 img{
		width: 20px;
		margin-right: 5px;
		display: inline-block;
		margin-top: -3px;
	}

	.label2 img.educational{
		width: 25px;
		margin-right: 5px;
		display: inline-block;
	}

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

.searchBox.results_itemBox .results_itemBox2 .details-box dl{
	padding: 10px 0;
}

.ichiran .results_itemBox2 dd p{
	text-align: left;
	display: inline-block;
	padding: 0 0px 0 2px;
	margin-left: 0;
	min-width: auto;
}

.results_itemBox2 dd p{
	text-align: left;

	display: block;
	/*justify-content: center;
	align-items: center;*/
	padding: 0 0px 0 2px;
	margin-left: 0;
	min-width: auto;
}

.results_itemBox2.details dt{
	width: 22px;
	background: none !important;
}
	.results_itemBox2.details dt figure img{
		width: 83%;
	}

.results_itemBox2.details dd{
	padding: 0;
}

/*画像入る2カラムver*/
.searchBox dd{
}

.right_itemBox{
	max-width: 70%;
	float: right;
	padding-top: 5px;
}

.results_itemBox2 dd p.column02{
	display: inline-block;
}

.column02 img{
	width: 44%;
	margin-left: 5%;
}

/*ページネーション*/
ul.pageNav {
	margin: 0 0 10px;
	padding: 10px 10px 5px;
	text-align: center;
	letter-spacing: -.4em;
}

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

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;
}

.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 .hd_area{
	background: #fff;
	padding: 20px 20px 0 20px;
}

.other_itemBox .hd_area .title{
	font-size: 16px !important;
	margin-bottom: 10px;
}
.other_itemBox .hd_area .jobother_area{
	width: 100%;
	overflow: hidden;
	font-size: 12px;
}
	.other_itemBox .hd_area .jobother_area li{
		display: flex;
		width: 100%;
		border-bottom: 1px solid #ccc;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.other_itemBox .hd_area .jobother_area li span {
		display: block;
		width: 24px;
		margin: 0 6px 0 0;
		vertical-align: middle;
	}
	.other_itemBox .hd_area .jobother_area li p {
		width: 100%;
		display: flex;
		align-items: center;
	}

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

.results_itemBox2 .ulStyle01{
	margin-left: 5px;
	font-size: 12px;
}

.details_link{
		text-align: left;
		margin-left:5px;
		font-size: 12px;
	}

	.details_link a{
		color: #2e8ae6;
	}
		.details_link:before{
			content: "\f105";
			font-family: FontAwesome;
			padding-right: 8px;
			color: #2e8ae6;
		}
/* Footer
/* ------------------------------------------------------------------------ */
footer {
	background : #023894;
	height: auto;
}

		footer p{
			color		: #FFFFFF;
			text-align	: center;
			padding		: 10px 5px;
			font-size	: 80%;
		}

.footer_nav{
	background: #3399ff;
}

	.footer_nav ul li{
		border-bottom: 1px solid #66b3ff;
		text-align: left;
	}

	.footer_nav ul li:last-child{
		border-bottom: none;
	}

	.footer_nav ul li a{
		display: block;
		padding: 10px;
		color: #fff;
	}

#pagetop{
	margin-top: 20px;
	text-align: right;
}

	#pagetop img{
		width: 38%;
	}

.invisible{
    display: none;
}


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

@media screen and (max-width: 374px) {
	.hd_area .thumb_area .thumb_txt {
		float: left;
		width: 48%;
	}
}

/* ---------------------------- */
/* --- ハートアニメーション --- */
/* ---------------------------- */
@keyframes heartAnimation {
  0% {
    /* アイコンサイズをもとのより小さくする */
    transform: scale(0.5);
  }
  10% {
    transform: scale(0.7);
  }
  30% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.2);
  }
  80% {
    transform: scale(1.5);
  }
  100% {
    /* もとのサイズに戻す */
    transform: scale(1.0);
  }
}

.fa-heart::before {
	font-family: 'FontAwesome';
	width: 16px;
	display: inline-block;
}

.LikesIcon-fa-heart{
	font-size: 18px !important;
	width: 18px;
	display: inline-block !important;
	text-align: left;
	padding-top: 2px;
}
.LikesIcon-fa-heart.heart{
  /* heartAnimationアニメーションを200ミリ秒かけて実行する */
  animation: heartAnimation .2s;
  /* アイコン色を黒から赤へ変更する */
  color: #e2264d;
}

.like-img{
	width: 40%;
	margin: 0 0 0 5px;
}

.LikesIcon{
	line-height: 0.9;
}

.LikesIcon img{
	width: 16px;
}

.like-count{
	padding: 1px 3px 0 3px;
	font-weight: bold;
	font-size: 17px;
	color: #999999;
	line-height: 1.0;
}

.LikesIcon-fa-heart{
	color: #999999;
}

.flex-s{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 5px;
}

.tooltip{
	position: relative;
	cursor: pointer;
	display:  inline-block;
	line-height: 1.0;
}
.tooltip img{
	width: 18px;
}
.description {
	display: none;
	position: absolute;
	padding: 10px;
	font-size: 12px;
	line-height: 1.6em;
	color: #fff;
	border-radius: 5px;
	background: #000;
	width: 173px;
}

.tooltip:hover .description.on{
	display: inline-block;
	top: -46px;
	left: -37px;
}

.month_ex{
	color: #444;
	font-weight: bold;
	padding: 0 !important;
}