@charset "utf-8";


/* 採用情報一次非表示処理 */
/*div#results ul li span.side a.entry,*/
div#results ul li input[type="checkbox"],
div#results p.note,
input.bulk_entry{
	display:none!important;
}
div#results ul li label {
    padding-left: 0!important;
}
/*div#results ul li ul.list_btn li.recruit{
	display:none;
}
div#results ul li ul.list_btn li.recruit a{
	pointer-events: none;
}



/* common
---------------------------------------- */
div#contents{
	width:100%;
	max-width:none;
}

input[type=text]{
	width:78%;
	font-size:18px;
	padding:10px 2.5%;
	border:3px #ccc solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
}
select{
    padding: 10px;
    border: 3px #ccc solid;
    border-radius: 10px;
    min-width: 280px;
    margin: 0 auto;
}
/* box style */
.box{
	width:90%;
	display:none;
	max-width:1280px;
	position:relative;
	margin:0 auto;
	transition:all 0.3s linear;
	overflow:hidden;
}
div.box ul li{
	width:17em;
	margin-right:1em;
	padding-left:1.5em;
	text-indent:-1.5em;
}

@media screen and (max-width: 640px) {
	div.box ul li{
		width:42%;
		margin-right:2%;
	}
	div.box ul li:nth-child(2n){
		margin-right:0;
	}
}
/* ttl
---------------------------------------- */

div#container.search div h2.ttl{
	position:relative;
	margin:30px auto;
	padding-bottom:10px;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	border-bottom:1px #ccc solid;
	background:url(../../search/img/arr_t.png) no-repeat right 10px bottom 10px;
	cursor:pointer;
	transition:all 0.3s linear;
}
div#container.search div h2.ttl:hover{
	border-bottom:1px #ff6400 solid;
	background:url(../../search/img/arr_t_h.png) no-repeat right 10px bottom 10px;
}
div#container.search div h2.ttl:before,
div#container.search div h2.ttl:after{
	width:28px;
	height:39px;
	content:"";
	position:absolute;
	top:0;
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
}

div#container.search div h2.ttl:before{background-image:url(../img/effusion_l.png);left:calc(50% - 5em);}
div#container.search div h2.ttl:after {background-image:url(../img/effusion_r.png);right:calc(50% - 5em);}

div#container.search div h2.ttl:after{
	width:28px;
	height:39px;
	content:"";
	position:absolute;
	top:0;
	display:block;
}



div#container.search div#keyword_search h2.ttl{
	pointer-events: none;
	background:none;
}

/* search_btn
---------------------------------------- */
ul#search_btn{
	width:100%;
	max-width:none;
	position:relative;
	padding:15px 0;
	text-align:center;
	background-color:#f5f5f5;
}
ul#search_btn:before{
	width:80px;
	height:74px;
	content:"";
	position:absolute;
	top:-74px;
	right:30px;
	display:block;
	background:url(../img/silhouette1.png) no-repeat center center;
}
ul#search_btn li{
	width:auto;
	min-width:5em;
	margin:0 5px;
	padding:15px 5px;
	text-align:center;
	border:1px #529500 solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	background-color:#fff;
	transition:all 0.3s linear;
}
ul#search_btn li.active{
	color:#fff;
	background-color:#529500;
}
ul#search_btn li:hover{
	color:#fff;
	border:1px #ff6400 solid;
	background-color:#ff6400;
}


@media screen and (max-width:860px){
	ul#search_btn li{
		width:20%;
		min-width:none;
		margin:0 0.5% 1%;
		padding:10px 1%;
	}
}

/* keyword_search
---------------------------------------- */
div#keyword_search{
	display:block;
}
div#keyword_search span.inner{
	width:70%;
	display:block;
	margin:0 auto;
}

div#container.search div#keyword_search h2.ttl:before{left:calc(50% - 10em);}
div#container.search div#keyword_search h2.ttl:after {right:calc(50% - 10em);}

div#keyword_search input[type="text"]{
	width:76%;
	margin-bottom:15px;
}
div#keyword_search input[type="submit"]{
	width:15%;
	padding:7px 2.5%;
	color:#fff;
	font-size:18px;
	text-align:center;
	border:none;
	border-radius:25px;
	-webkig-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
	background-color:#cd3c5a;
	transition:all 0.3s linear;
}
div#keyword_search input[type=submit]:hover{
	background-color:#ff6400;
	cursor:pointer;
}

@media screen and (max-width:730px){
	div#keyword_search span.inner {
	   	 width: 100%;
	}
}
@media screen and (max-width:530px){
	div#keyword_search input[type="text"] {
    	width: 70%;
	}
	div#keyword_search input[type="submit"] {
  	 	width: 20%;
	}
	div#keyword_search span.inner{
		font-size:12px;
	}
	div#keyword_search span.inner input[type="radio"]{
		margin-right:5px;
	}
}



/* area_search　＆　target2_search
---------------------------------------- */
div#area_search{}
div#area_search ul,
div#target2_search ul{
	margin:0 0 15px;
	padding-left:9em;
	text-indent:-9em;
	background:url(../img/dot.png) repeat-y left 8em top;
}
div#target2_search ul{
	padding-left:11em;
	text-indent:-11em;
	background-position:10em top;
}
div#area_search ul#other,
div#target2_search ul:last-child{
	background:none;
}
div#area_search ul li,
div#target2_search ul li{
	width:7.5em;
	margin:0 1em 0 0;
}
div#target2_search ul li{
	width:10em;
}
div#area_search ul li:nth-child(1),
div#target2_search ul li:nth-child(1){
	width:9em!important;
	margin-right:0;
	padding-left:0;
	text-indent:0;
}
div#target2_search ul li:nth-child(1){
	width:11em!important;
}


/*　target_search
---------------------------------------- */
div#target_search{}
div#target_search select{
    display: block;
}

/* result_search
---------------------------------------- */
div#result_search{}
div#result_search input[type="text"]{
	width:70%;
	display:block;
	margin:0 auto;
}

/* salary_search
---------------------------------------- */
div#salary_search{
	text-align:center;
}
div#salary_search input[type="text"]{
	width:240px;
	margin:0 0 15px;
}
div#salary_search p.note{
	text-align:center;
}
/* event_search
---------------------------------------- */
div#event_search{
	text-align:center;
}
/* submit
---------------------------------------- */
div#submit{
	position:relative;
	margin:60px auto 90px;
	text-align:center;
	background-color:#f5f5f5;
}
div#submit input.search{
	width:40%;
	margin:30px auto;
	padding:15px 0;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	border:none;
	border-radius:40px;
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	-ms-border-radius:40px;
	background-color:#cd3c5a;
}
div#submit input.search:hover{
	background-color:#ff6400;
}
div#submit input.delete{
	position:absolute;
	right:30px;
	bottom:35px;
	padding:3px 10px 1px;
	color:#cd3c5a;
	font-size:16px;
	text-align:center;
	border:1px #cd3c5a  solid;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	background-color:#fff;
	transition:all 0.3s linear;
}
div#submit input.delete:hover{
	color:#fff;
	border:1px #ff6400 solid;
	background-color:#ff6400;
}


@media screen and (max-width:860px){
	div.box ul li{
		font-size:14px;
	}
	div#area_search ul li:nth-child(1){
   		width: 10.3em!important;
	}
	div#target2_search ul li:nth-child(1) {
   		width: 12.5em!important;
	}
	div#submit input.search{
		width:90%;
		margin-bottom: 65px;
	}
	div#submit input.delete {
		right:5%;
		bottom: 25px;
	}
}
	
@media screen and (max-width:600px){
	div#area_search ul,
	div#target2_search ul {
		padding-left: 0;
		padding-bottom:10px;
		text-indent: 0;
		border-bottom:1px #ccc solid;
		background: none;
	}
	div#area_search ul li,
	div#target2_search ul li{
		margin-right:0.5em!important;
	}
	div#area_search ul li:nth-child(1), 
	div#target2_search ul li:nth-child(1) {
   		width: 100%!important;
	}
}
@media screen and (max-width: 510px) {
	div#area_search ul li,
	div#target2_search ul li{
		width:40%;
	}
}
@media screen and (max-width: 350px) {
	div#feature_search ul{
		height:15em;
		overflow-x:auto;
	}
	div#feature_search ul li{
		width:100%;
		margin-right:0;
	}
	div#area_search ul li,
	div#target2_search ul li{
		margin-right:0.25em!important;
	}
}



/* company_sort
---------------------------------------- */
ul#company_sort{
	padding:15px 0;
	text-align:center;
	border:5px #f5f5f5 solid!important;
}
div#results ul#company_sort li{
	width:auto;
	margin:0 10px;
	white-space:nowrap;
	border-bottom:none;
}
ul#company_sort li:nth-child(4){
	margin-right:0;
}
ul#company_sort li a{
	position:relative;
	margin-left:5px;
	padding-left:1.2em;
}
ul#company_sort li a:before{
	position: absolute;
	top:0;
	left:0;
	display: block;
	margin-top: 0px;
	margin-right: 3px;
	color: #fff;
	padding: 1px 4px 0px;
	font-size: 10px;
	line-height: 1.8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	background: #529500;
	z-index:1;
	transition:all 0.3s linear;
	opacity: 1!important;
}
ul#company_sort li a.ascending:before{
	content:"▼";
}
ul#company_sort li a.descending:before{
	content:"▲";
}
ul#company_sort li a:hover:before{
	background: #ff6400;
}



/* search_results
---------------------------------------- */
div#results{}
div#results p.note{
	margin:0 auto;
	text-align:center;
}
div#results p.noresult{
	margin:120px auto;
	text-align:center;
}
div#results ul{
	width:95%;
	max-width:1280px;
	margin:30px auto 0;
	border-top:1px #ccc solid;
}
div#results ul li{
	position:relative;
	padding:0;
	border-bottom:1px #ccc solid;
	overflow:hidden;
}
div#results ul li input[type=checkbox]{
	position:absolute;
	top:35px;
	left:15px;
	display:block;
	transition:all 0.3s linear;
}
div#results ul li input[type="checkbox"]:checked {
	box-shadow: 0 0 0 3px hotpink;
}
div#results ul li label{
	display:block;
	padding:25px 30px 30px 60px;
	transition:all 0.3s linear;
}
div#results ul li input[type="checkbox"]:checked + label {
	background-color: #fffae6;
}
div#results ul li h2.name{
	font-size:20px;
	font-weight:bold;
}
div#results ul li h2.name a{
	color:#cd3c5a;
}
div#results ul li p.type,
div#results ul li p.outline{
	margin-bottom:15px;
	text-align:left;
}
div#results ul li span.entry_btn{
	position:absolute;
	top:30px;
	right:30px;
	display:block;
	width:100px;
}
div#results ul li ul.list_btn{
	width:100%;
	border-top:none;
}
div#results ul li ul.list_btn li{
	padding:0 10px 0 0;
	border-bottom:none;

}


div#results ul li span.inner{
	width:900px;
	display:block;
}
div#results ul li span.side{
	width:280px;
	float:right;
	display:block;
	margin:0 0 15px 45px;
	
}
div#results ul li span.thumb{
	display:block;
    margin: 0 auto 15px;
}
div#results ul li span.thumb img{
	display:block;
    margin: 0 auto;
}
@media screen and (max-width:930px){
	div#results ul li span.inner {
		width: 100%;
	}
}

@media screen and (max-width:860px){
	div#results ul {
		width: 100%;
	}
	div#results ul li{
		width: 100%;
	}
	div#results ul li ul li{
		width: auto;
	}
	div#results ul li label{
		width: 100%;
		margin:0 auto;
		padding:25px 0 30px;
	}
	div#results ul li span.side {
		width: 90%;
		float: none;
		margin: 0 auto 15px;
		text-align: center;
	}
	div#results ul li span.inner{
		width: 90%;
		margin: 0 auto;
	}
	div#results ul li span.side span.thumb{
		text-align: center;
	}
	div#results ul li span.side span.thumb img{
		width: auto;
		height:auto;
	}
}

/* entry */
div#results ul li span.side a.entry{
	width: 100%;
	display:block;
    margin: 0 auto 15px;
    padding: 5px 0 ;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    background-color: #cd3c5a;
	transition:all 0.3s linear;
}
div#results ul li span.side a.entry:hover{
    background-color: #ff6400;
}

/* bulc entry */
div#results input.bulk_entry {
    width: 40%;
	clear:both;
	display:block;
    margin: 30px auto 15px;
    padding: 15px 0 10px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    border: none;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    background-color: #cd3c5a;
	transition:all 0.3s linear;
}
div#results input.bulk_entry:hover{
    background-color: #ff6400;
}