@charset "UTF-8";
/* ---------------------------------------------
  page common
-----------------------------------------------*/
.gNav li:nth-of-type(3) a{ color: #0061A6;}

.two-column{
	width: 92%;
	max-width: 1086px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-start;
}
.form_style .select_wrap{
	padding:0;
}
.apply-flow .item .l span{
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 20px;
	background: #0061A6;
	color: #fff;
}
.apply-flow .item .l,
.apply-flow .item .r{
	display: inline-block;
}
.apply-flow .item .r{
	padding-left: 5px;
}
.apply-flow .item{
	margin-top: 10px;
	display: block !important;
}
.select_wrap .selectIn select {
	padding: 14px 13px 16px 13px;
}
.sec-result .post_btm .btn button.js-already-favorite{
	box-shadow: inset 5px 5px 5px #ccc;
	-moz-box-shadow: inset 5px 5px 5px #ccc;
	-webkit-box-shadow: inset 5px 5px 5px #ccc;
	-o-box-shadow: inset 5px 5px 5px #ccc;
	/*width: 400px;*/
	/*border: solid 1px #ccc;*/
	/*margin-bottom: 20px;*/
	/*padding: 10px;*/
}
.two-column .result_wrap{
	width: 77%;
	padding-left: 30px;
	box-sizing: border-box;
}
.two-column #side{
	width: 23%;
	max-width: 243px;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.16);
	box-sizing: border-box;
}


@media screen and (max-width: 768px) {
	.two-column{
		width: 92%;
		max-width: inherit;
		display: block;
	}

	.two-column .result_wrap{
		width: 100%;
		padding-left: 0;
		margin-bottom: 14%;
		box-sizing: border-box;
	}
	.two-column #side{
		width: 100%;
		max-width: inherit;
	}
}


/*  sec-result -------------------------------------------*/
.side_box{
	padding-bottom: 40px;
	box-sizing: border-box;
}
.side_box .side_ttl{
	font-size: 1.4rem;
	letter-spacing: .03rem;
	font-weight: 500;
	color: #FFF;
	background: #0061A6;
	padding: 11px 14px 13px 14px;
	box-sizing: border-box;
}
.side_box:nth-of-type(1) .side_ttl{
	padding: 13px 14px 15px 14px;
	border-radius: 5px 5px 0 0;
}

.side_box .box_in{
	padding-bottom: 15px;
	margin:15px 14px;
	border-bottom: 1px solid #EAEAEA;
	box-sizing: border-box;
}
.side_box .box_in.border_btm_none{
	border-bottom: none;
	padding-bottom: 0;
}

.side_box:nth-of-type(2) .box_in{ border-bottom: none;}

.side_box .sub_ttl{
	font-size: 1.4rem;
	letter-spacing: .03rem;
	font-weight: 400;
	margin-bottom: 5px;
	color: #0061A6;
	box-sizing: border-box;
}
.side_box .ico_ttl{
	position: relative;
}
.side_box .ico_ttl:before{
	position: relative;
	left: -1px;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	content: '';
	background-size: 100% auto !important;
	width: 14px;
	height: 19px;
}
.side_box .ico_ttl.place:before{
	background: url("../img/job_list/ico_place_blue.png") no-repeat center center;
}
.side_box .ico_ttl.type:before{
	background: url("../img/job_list/ico_people_blue.png") no-repeat center center;
}
.side_box .ico_ttl.annual_income:before{
	background: url("../img/job_list/ico_yen_blue.png") no-repeat center center;
}
.side_box .ico_ttl.keyword:before{
	background: url("../img/job_list/ico_search.png") no-repeat center center;
}

.side_box .box_in p{
	font-size: 1.4rem;
	padding: 0 18px;
	box-sizing: border-box;
}
.side_box .box_in .change_btn{
	text-align: right;
}
.side_box .box_in .change_btn a{
	display: inline-block;
	font-size: 1.4rem;
	color: #0061A6;
	background: #E5F5FF;
	padding: 6px 5px 8px 5px;
	box-sizing: border-box;
	transition: .4s;
}
.side_box .box_in .change_btn a:hover{
	opacity: .7;
	text-decoration: none;
}

.side_box.form_style input{
	font-size: 1.4rem;
	font-weight: 500;
	padding: 12px 20px;
	height: 50px;
}
.pL15{
	padding-left: 15px;
	box-sizing: border-box;
}

.side_box .btn_wrap{
	text-align: center;
	margin-top: 30px;
}
.side_box:nth-of-type(2) .btn_wrap{ margin-top: 20px;}
.side_box .btn_wrap .search_btn{
	width: 100%;
	max-width: 215px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	color: #FFF;
	background: #0061A6;
	border-radius: 40px;
	padding: 8px 10px 9px 10px;
	box-sizing: border-box;
	cursor: pointer;
	transition: .4s;
}
.side_box .btn_wrap .search_btn:hover{ opacity: .7;}

.side_box .btn_wrap .search_btn span{ position: relative; margin-left: -12px;}
.side_box .btn_wrap .search_btn span:before{
	position: relative;
	display: inline-block;
	top: 3px;
	margin-right: 10px;
	content: '';
	background: url("../img/job_list/ico_search_white.png") no-repeat center center;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
}


.side_box .checkbox{ padding-left: 18px; margin-top: 14px;}
.side_box .checkbox li{ position: relative;}
.side_box .checkbox li+li{ margin-top: 7px;}
.side_box.form_style .checkbox-input { position: absolute;}
.side_box.form_style .checkbox-parts{
	display: block;
	font-size: 1.4rem;
	color: #313131;
	line-height: 1.5;
}
.side_box.form_style .checkbox-parts::before,
.side_box.form_style .checkbox-input:checked + .checkbox-parts::after{ top: 1px;}

@media screen and (max-width: 768px) {
	.side_box{
		padding-bottom: 8%;
	}
	.side_box .side_ttl{
		font-size: 3.6vw;
	}
	.side_box .box_in{
		padding-bottom: 4%;
		margin:4% 4%;
	}
	.side_box .checkbox li{
		vertical-align: top;
		width: 49%;
		display: inline-block;
	}

	.side_box .sub_ttl{
		font-size: 3.6vw;
		font-weight: 700;
	}
	.side_box .ico_ttl{
		position: relative;
	}
	.side_box .ico_ttl:before{
		top: -.6vw;
		width: 3.2vw;
		max-width: 28px;
		height: 4.5vw;
		max-height: 38px;
	}

	.side_box .box_in p{
		font-size: 3.4vw;
		padding: 0 5%;
	}

	.side_box .box_in .change_btn a{
		font-size: 3.4vw;
		padding: 6px 8px 8px 8px;
	}

	.side_box.form_style input{
		font-size: 3.4vw;
		padding: 4px 13px 7px 13px;
		height: 50px;
	}
	.pL15{
		padding-left: 0;
	}

	.side_box .btn_wrap{
		text-align: center;
		margin-top: 6%;
	}
	.side_box:nth-of-type(2) .btn_wrap{ margin-top: 4%;}
	.side_box .btn_wrap .search_btn{
		width: 90%;
		max-width: inherit;
		font-size: 3.4vw;
		padding: 12px 10px 14px 10px;
	}

	.side_box .btn_wrap .search_btn span:before{
		top: .5vw;
		margin-right: 12px;
		width: 3.8vw;
		max-width: 32px;
		height: 3.8vw;
		max-height: 32px;
	}

	.side_box .checkbox{ padding-left: 4%; margin-top: 3%;}
	.side_box.form_style .checkbox-parts{
		font-size: 3.4vw;
	}
	.side_box.form_style .checkbox-parts::before,
	.side_box.form_style .checkbox-input:checked + .checkbox-parts::after{ top: 1.2vw;}

}


/*  sec-result -------------------------------------------*/
.sec-result{
	padding: 50px 0 146px 0;
	background: #E5F5FF;
	box-sizing: border-box;
}
.sec-result .title{
	position: relative;
	font-size: 3.0rem;
	letter-spacing: .3rem;
	font-weight: 500;
	margin-bottom: 25px;
}
.sec-result .title span{
	color: #0061A6;
	font-weight: 700;
}
.sec-result .title:before{
	position: relative;
	top: -3px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	content: '';
	background: url("../img/job_list/ico_search.png") no-repeat center center;
	background-size: 100% auto;
	width: 27px;
	height: 27px;
}

.sec-result .lead{
	font-size: 1.4rem;
	font-weight: 500;
}

.sec-result .result_in{
	margin-top: 30px;
}
.sec-result .result-head{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.sec-result .result-head p{
	font-size: 1.4rem;
	font-weight: 500;
}
.sec-result .result-head p .num{
	position: relative;
	top: -3px;
	vertical-align: middle;
	font-size: 3.0rem;
	font-weight: 700;
	color: #BC0000;
	padding: 0 10px;
}
.sec-result .result-head .pager{ margin-top: 0;}

.sec-result .post{
	padding: 28px 0 0 0;
	border-radius: 5px;
	background: #FFF;
	box-shadow: 2px 2px 5px 0 rgba(0,0,0,.16);
	box-sizing: border-box;
}
.sec-result .post+.post{ margin-top: 30px;}

.sec-result .post_head{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 10px;
	padding: 0 27px;
	box-sizing: border-box;
}
.sec-result .post_head .post_info{
	width: calc(100% - 130px);
	padding-right: 10px;
	box-sizing: border-box;
}
.sec-result .post_head .post_info .tag_wrap{
	/*display: flex;*/
	/*justify-content: flex-start;*/
	/*align-items: center;*/
	margin-bottom: 15px;
}
.blue{
	color:#0061A6;
}
.sec-result .post_head .post_info .tag_wrap li{
	color: #0061A6;
	font-size: 1.1rem;
	line-height: 1.2;
	padding: 1px 7px 2px 7px;
	border: 1px solid #0061A6;
	box-sizing: border-box;
	display: inline-block;
	margin-bottom: 5px;
	margin-left: 5px;
}
/*.sec-result .post_head .post_info .tag_wrap li+li{ margin-left: 8px;}*/
.sec-result .post_head .post_info .tag_wrap li.new{
	color: #FFF;
	background: #FF0000;
	border: 1px solid #FF0000;
}

.sec-result .post_head .post_info .post_ttl{
	font-size: 1.8rem;
	line-height: 1.666;
	font-weight: 500;
	color: #0061A6;
}
.post_ttl:hover{
	text-decoration: none;
	color: #0061A6;
	opacity: 0.8;
}

.sec-result .post_head .app-btn{
	width: 130px;
}
.sec-result .post_head .app-btn a{
	display: block;
	color: #FFF;
	text-align: center;
	font-size: 1.4rem;
	font-weight: 500;
	background: #BC0000;
	padding: 15px 10px 17px 10px;
	border-radius: 35px;
	box-shadow: 3px 3px 2px 0 rgba(0,0,0,.16);
	box-sizing: border-box;
	transition: .4s;
}
.sec-result .post_head .app-btn a:hover{
	text-decoration: none;
	opacity: .7;
}

.sec-result .post .company{
	font-size: 1.2rem;
	padding: 0 27px;
	box-sizing: border-box;
}
.sec-result .post .post-detail{
	margin-top: 10px;
	padding: 0 27px 22px 27px;
	box-sizing: border-box;
}
.sec-result .post .post-detail dl{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec-result .post .post-detail dl+dl{ margin-top: 3px;}

.sec-result .post .post-detail dt{
    position: relative;
    width: 71px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    background: #0061A6;
    border-radius: 6px;
    padding: 4px 10px 6px 23px;
    box-sizing: border-box;
}

.sec-result .post .post-detail dt:before{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    content: '';
    background-size: 100% auto !important;
    width: 14px;
    height: 16px;
}

.sec-result .post .post-detail .annual_income dt:before{ background: url("../img/top/ico_yen.png") no-repeat center center;}
.sec-result .post .post-detail .place dt:before{ background: url("../img/top/ico_place.png") no-repeat center center;}
.sec-result .post .post-detail .type dt:before{ background: url("../img/top/ico_people.png") no-repeat center center;}

.sec-result .post .post-detail dd{
    width: calc(100% - 71px);
    font-size: 1.42rem;
    line-height: 1.666;
    font-weight: 400;
    color: #333;
	padding-top: 1px;
    padding-left: 5px;
    box-sizing: border-box;
}

.sec-result .post_btm{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	background: #EAEAEA;
	padding: 10px 27px;
	border-radius: 0 0 5px 5px;
	box-sizing: border-box;
}

.sec-result .post_btm .btn a,
.sec-result .post_btm .btn button{
	position: relative;
	width: 188px;
	font-size: 1.4rem;
	font-weight: 500;
	border-radius: 40px;
	padding: 11px 10px 14px 10px;
	box-sizing: border-box;
	box-shadow: none;
	border: none;
}

.sec-result .post_btm .btn a{
	background: #0061A6;
	color: #FFF;
}
.sec-result .post_btm .btn button{
	background: #FFF;
	padding: 7px 10px 8px 10px;
	cursor: pointer;
	transition: .4s;
}

.sec-result .post_btm .btn button:hover{ opacity: .7;}
.sec-result .post_btm .btn+.btn{ margin-left: 14px;}

.sec-result .post_btm .btn.arrow a{ padding-right: 20px;}
.sec-result .post_btm .btn.arrow a:before{
	display: block;
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sec-result .post_btm .btn.favorite button:before{
	position: relative;
	top: -1px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	content: '';
	background: url("../img/job_list/ico_favorite.png") no-repeat center center;
	background-size: 100% auto;
	width: 20px;
	height: 19px;
}
.js-already-favorite:before{
	background: url("../img/job_list/icon_fav_active.png") no-repeat center center !important;
	width: 20px;
	height: 19px;
	background-size: 100% auto !IMPORTANT;
}
  .sec-result .post .post-detail dd .abridgement{
      display: none;
  }
.result-btm{
	margin-top: 50px;
	display: flex;
	justify-content: flex-end;
}
.result-btm .pager{ margin-top: 0;}


@media screen and (max-width: 768px) {
	.ankr_btn{
		width: 92%;
		margin: 8% auto 0 auto;
		display: block;
		text-align: center;
		font-size: 3.4vw;
		color: #FFF;
		background: #0061A6;
		border-radius: 5px;
		padding: 14px 10px;
		box-shadow: 2px 2px 5px 0 rgba(0,0,0,.16);
		box-sizing: border-box;
	}
	.ankr_btn span{
		position: relative;
	}
	.ankr_btn span:before{
		position: relative;
		display: inline-block;
		vertical-align: middle;
		content: '';
		background: url("../img/job_list/ico_search_white.png") no-repeat center center;
		background-size: 100% auto;
		width: 3.8vw;
		max-width: 32px;
		height: 3.8vw;
		max-height: 32px;
	}

	.sec-result{
		padding: 10% 0 8% 0;
	}
	.sec-result .title{
		font-size: 5.2vw;
		text-align: center;
		margin-bottom: 5%;
		letter-spacing: 0;
	}

	.sec-result .title:before{
		top: -3px;
		margin-right: 10px;
		width: 4.8vw;
		max-width: 54px;
		height: 4.8vw;
		max-height: 54px;
	}

	.sec-result .lead{
		font-size: 3.4vw;
	}

	.sec-result .result_in{
		margin-top: 10%;
	}
	.sec-result .result-head{
		display: block;
		margin-bottom: 3%;
	}
	.sec-result .result-head p{
		font-size: 3.2vw;
	}
	.sec-result .result-head p .num{
		top: -1vw;
		font-size: 6.0vw;
	}
	.sec-result .result-head .pager{display: none;}

	.sec-result .post{
		padding: 4% 0 0 0;
	}
	.sec-result .post+.post{ margin-top: 8%;}

	.sec-result .post_head{
		display: block;
		margin-bottom: 5px;
		padding: 0 6% 0 4%;
	}
	.sec-result .post_head .post_info{
		width: 100%;
		padding-right: 0;
	}
	.sec-result .post_head .post_info .tag_wrap{
		margin-bottom: 2%;
	}
	.sec-result .post_head .post_info .tag_wrap li{
		font-size: 2.8vw;
	}

	.sec-result .post_head .post_info .post_ttl{
		font-size: 3.8vw;
	}

	.sec-result .post_head .app-btn{
		display: none;
	}

	.sec-result .post .company{
		font-size: 3vw;
		padding: 0 4%;
	}
	.sec-result .post .post-detail{
		margin-top: 10px;
		padding: 0 9% 5% 4%;
	}

    .sec-result .post .post-detail dt{
        position: relative;
        width: 18vw;
        font-size: 3vw;
        border-radius: 6px;
        padding: 5px 10px 7px 5.4vw;
    }

    .sec-result .post .post-detail dt:before{
        left: 1.5vw;
        width: 2.8vw;
        max-width: 27px;
        height: 3.2vw;
        max-height: 32px;
    }

    .sec-result .post .post-detail dd{
        width: calc(100% - 18vw);
        font-size: 3.5vw;
        padding-left: 10px;
    }

	.sec-result .post .post-detail dd .abridgement{ display: inline;}

	.sec-result .post_btm{
		padding: 10px 4%;
	}
	.sec-result .post_btm .btn{ width: 58%;}
	.sec-result .post_btm .btn.favorite{ width: 38%;}
	.sec-result .post_btm .btn a,
	.sec-result .post_btm .btn button{
		position: relative;
		width: 100%;
		font-size: 3.4vw;
		border-radius: 40px;
		padding: 11px 10px 14px 10px;
	}
	.sec-result .post_btm .btn button{
		padding: 7px 10px 8px 10px;
	}

	.sec-result .post_btm .btn+.btn{ margin-left: 4%;}

	.sec-result .post_btm .btn.arrow a{ padding-right: 4%;}
	.sec-result .post_btm .btn.arrow a:before{
		right: 15px;
		margin-top: -1.1;
		width: 2.2vw;
		height: 2.2vw;
	}
	.sec-result .post_btm .btn.favorite button:before{
		top: -.1vw;
		margin-right: 5px;
		width: 5.2vw;
		max-width: 39px;
		height: 5.4vw;
		max-height: 38px;
	}
	  .sec-result .post .post-detail dd .abridgement{
		  display: none;
	  }
	.result-btm{
		margin-top: 10%;
		display: flex;
		justify-content: center;
	}
	.result-btm .pager{ margin-top: 0;}

	.sec-result .sec-contact{ width: 100%;}
	.sec-result .sec-contact:last-of-type{ padding-bottom: 0%;}

}


/*  sec-place -------------------------------------------*/
.sec-place{
    position: relative;
    padding: 80px 0 0 0;
    box-sizing: border-box;
}
.sec-place:before{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    display: block;
    content: '';
    background: url("../img/top/bg_stripe_03.png") left top repeat;
    width: 100%;
    height: 560px;
    z-index: -1;
}


.sec-place .sec_ttl{ margin-bottom: 50px;}

.sec-place .box_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.16);
    padding: 40px;
    box-sizing: border-box;
}
.sec-place .box{
    width: 48%;
    max-width: 483px;
    margin-right: 4%;
    margin-bottom: 24px;
    padding-top: 24px;
    border-top: 1px solid #E0E0E0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec-place .box:nth-of-type(2n){ margin-right: 0;}

.sec-place .box:nth-of-type(1),
.sec-place .box:nth-of-type(2){
    padding-top: 0;
    border-top: none;
}

.sec-place .box .img{
    width: 36%;
    max-width: 170px;
}
.sec-place .box .txt{
    width: 64%;
    padding-left: 20px;
    box-sizing: border-box;
}
.sec-place .box .txt .box_ttl{
    position: relative;
    font-size: 1.8rem;
    line-height: 1.3;
    margin-bottom: 14px;
    box-sizing: border-box;
}
.sec-place .box .txt .box_ttl:after{
    display: block;
    margin-top: 14px;
    content: '';
    width: 41px;
    height: 1px;
    background: #0061A6;
}

.sec-place .box .txt .text{
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.666;
}
.sec-place .box .txt .tel-link{ padding-left: 5px;}

@media screen and (max-width: 768px) {
    .sec-place{
        padding: 12% 0 0 0;
    }
    .sec-place:before{
        height: 150vw;
    }

    .sec-place .sec_ttl{ margin-bottom: 10%;}

    .sec-place .box_wrap{
        display: block;
        padding: 6%;
    }
    .sec-place .box{
        width: 100%;
        max-width: inherit;
        margin: 0 auto 5% auto;
        padding-top: 5%;
    }
    .sec-place .box:nth-of-type(2n){ margin-right: auto;}

    .sec-place .box:nth-of-type(1){
        padding-top: 0;
        border-top: none;
    }
    .sec-place .box:nth-of-type(2){
        padding-top: 5%;
        border-top: 1px solid #E0E0E0;
    }

    .sec-place .box .img{
        width: 48%;
        max-width: inherit;
    }
    .sec-place .box .txt{
        width: 48%;
        padding-left: 4%;
    }
    .sec-place .box .txt .box_ttl{
        font-size: 3.2vw;
        line-height: 1.3;
        margin-bottom: 12px;
    }
    .sec-place .box .txt .box_ttl:after{
        margin-top: 12px;
        width: 8vw;
    }

    .sec-place .box .txt .text{
        font-size: 2.6vw;
        line-height: 1.5;
    }
    .sec-place .box .txt .tel-link{ padding-left: 5px;}

}

@media screen and (max-width: 736px) {
    .sec-place .box .txt .box_ttl{
        font-size: 4vw;
    }
    .sec-place .box .txt .box_ttl:after{
        margin-top: 8px;
        width: 8vw;
    }

    .sec-place .box .txt .text{
        font-size: 3vw;
    }

}

/*  sec-useful -------------------------------------------*/
.sec-useful{
    position: relative;
    padding: 80px 0 80px 0;
    background: #E5F5FF;
    box-sizing: border-box;
}
.sec-useful .sec_ttl{ margin-bottom: 58px;}
.sec-useful .post_wrap{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
.sec-useful .post{
    width: 32%;
    max-width: 350px;
    margin-right: 2%;
    margin-bottom: 25px;
}
.sec-useful .post:nth-of-type(3n){ margin-right: 0;}

.sec-useful .post a{
    display: flex;
    justify-content: flex-start;
    border-radius: 5px;
    background: #FFF;
    overflow: hidden;
}
.sec-useful .post a:hover{
    text-decoration: none;
    opacity: .7;
}
.sec-useful .post .img{
    width: 41%;
    max-width: 141px;
}
.sec-useful .post .txt{
    position: relative;
    display: flex;
    align-items: center;
    width: 59%;
    padding: 10px 15px;
    box-sizing: border-box;
}
.sec-useful .post .txt:before{
    position: absolute;
    left: -30%;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    content: '';
    width: 30%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: -webkit-linear-gradient(left, rgba(255,255,255,1), rgba(255,255,255,0));
    background: linear-gradient(to left, rgba(255,255,255,1), rgba(255,255,255,0));
}
.gecko .sec-useful .post .txt:before{ left: -29%;}

.sec-useful .post .txt p{
    font-size: 1.8rem;
    line-height: 1.444;
}

.sec-useful .btn_wrap{ margin-top: 40px;}
.sec-useful .btn{
    width: 100%;
    max-width: 304px;
    margin: 0 auto;
}
.sec-useful .btn a{
    padding: 23px 10px 27px 10px;
    background: #0061A6;
}

@media screen and (max-width: 768px) {
    .sec-useful{
        padding: 12% 0;
    }
    .sec-useful .sec_ttl{ margin-bottom: 10%;}
    .sec-useful .post_wrap{
        display: block;
    }
    .sec-useful .post{
        width: 100%;
        max-width: inherit;
        margin: 0 auto;
    }
    .sec-useful .post:nth-of-type(3n){ margin-right: auto;}
    .sec-useful .post+.post{ margin-top: 4%;}

    .sec-useful .post .img{
        width: 45%;
        max-width: inherit;
    }
    .sec-useful .post .img img{
        width: 100%;
        max-width: inherit;
        height: auto;
    }
    .sec-useful .post .txt:before {
        left: -40%;
        width: 40%;
    }

    .sec-useful .post .txt{
        position: relative;
        display: flex;
        align-items: center;
        width: 55%;
        padding: 4% 8% 4% 6%;
        box-sizing: border-box;
    }
    .sec-useful .post .txt p{
        font-size: 2.8vw;
    }

    .sec-useful .btn_wrap{ margin-top: 8%;}
    .sec-useful .btn{
        
        width: 86%;
        max-width: inherit;
    }
    .sec-useful .btn a{
        padding: 5% 4% 6% 4%;
        font-size: 3.0vw;
    }

}

@media screen and (max-width: 736px) {

    .sec-useful .post .txt p{
        font-size: 4vw;
    }

    .sec-useful .btn a{
        padding: 7% 4% 8% 4%;
        font-size: 4vw;
    }
}

/*  sec-result00 -------------------------------------------*/
.sec-result00{
	padding: 15px 0 37px 0;
	box-sizing: border-box;
}
.sec-result00 .number{
	text-align: right;
	font-size: 1.2rem;
	color: #313131;
	font-weight: 500;
	margin-bottom: 25px;
}

.sec-result00 .box01{
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
	padding-left: 30px;
	box-sizing: border-box;
}
.sec-result00 .sec_ttl{ margin-bottom: 15px;}

.sec-result00 .company{
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.sec-result00 .tag_wrap{
	/*display: flex;*/
	/*justify-content: flex-start;*/
	/*align-items: center;*/
	margin-bottom: 15px;
}
.sec-result00 .tag_wrap li{
	margin-bottom: 5px;
	color: #0061A6;
	font-size: 1.1rem;
	line-height: 1.2;
	padding: 1px 7px 2px 7px;
	border: 1px solid #0061A6;
	box-sizing: border-box;
	display: inline-block;
}
/*.sec-result00 .tag_wrap li+li{ margin-left: 8px;}*/
.sec-result00 .tag_wrap li.new{
	color: #FFF;
	background: #FF0000;
	border: 1px solid #FF0000;
}

.sec-result00 dl{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec-result00 dl+dl{ margin-top: 3px;}

.sec-result00 dt{
    position: relative;
    width: 71px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    background: #0061A6;
    border-radius: 6px;
    padding: 4px 10px 6px 23px;
    box-sizing: border-box;
}

.sec-result00 dt:before{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    content: '';
    background-size: 100% auto !important;
    width: 14px;
    height: 16px;
}

.sec-result00 .annual_income dt:before{ background: url("../img/top/ico_yen.png") no-repeat center center;}
.sec-result00 .place dt:before{ background: url("../img/top/ico_place.png") no-repeat center center;}
.sec-result00 .type dt:before{ background: url("../img/top/ico_people.png") no-repeat center center;}

.sec-result00 dd{
	position: relative;
	top: -2px;
    width: calc(100% - 71px);
    font-size: 1.6rem;
    line-height: 1.666;
    font-weight: 700;
    color: #333;
    padding-left: 5px;
    box-sizing: border-box;
}

.sec-result00 .box02{
	width: 100%;
	max-width: 658px;
	margin: 65px auto 0 auto;
}
.sec-result00 .box02 .fukidashi{
	position: relative;
	display: inline-block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	background: #FFE202;
	padding: 9px 10px 12px 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.sec-result00 .box02 .fukidashi:after{
	position: absolute;
	bottom: -14px;
	left: 30px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 13px 0 13px;
	border-color: #FFE202 transparent transparent transparent;
}

.sec-result00 .box02 .check_list li{
	position: relative;
	font-size: 2.4rem;
	font-weight: 700;
	border-bottom: 1px dashed #949494;
	padding-left: 20px;
	box-sizing: border-box;
}
.sec-result00 .box02 .check_list li:before{
	position: absolute;
	top: 16px;
	left: 0;
	display: block;
	content: '';
	background: url("../img/job_list/ico_check.png") no-repeat center center;
	background-size: 100% auto;
	width: 16px;
	height: 16px;
}

.sec-result00 .btn_wrap{
	margin: 30px auto 0 auto;
}
.btn.intro_btn a{
    position: relative;
    display: block;
    width: 100%;
	max-width: 578px;
	margin: 0 auto;
    font-size: 2.1rem;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    padding: 12px 5px 11px 5px;
    border-radius: 35px;
    box-sizing: border-box;
	background: #BC0000;
    box-shadow: 3px 3px 8px 0 rgba(0,0,0,.16);
    transition: .4s;
}
.btn.intro_btn span{
    position: relative;
    top: -2px;
	left: -15px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    background: #FFF;
    border-radius: 35px;
    color: #BC0000;
    font-size: 1.8rem;
	font-weight: 500;
    line-height: 1;
    padding: 8px 16px 10px 16px;
}
.btn.intro_btn span.pc-inline{
	display: inline;
	vertical-align: baseline;
	top: auto;
	left: 0;
	background: none;
	color: #FFF;
    font-size: 2.1rem;
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.sec-result00{
		padding: 3% 0 0 0;
	}
	.sec-result00.wrapper{ width: 100%;}

	.sec-result00 .number{
		font-size: 2.8vw;
		margin-bottom: 5%;
		padding-right: 4%;
	}

	.sec-result00 .box01{
		width: 92%;
		max-width: inherit;
		padding-left: 0;
		margin: 0 auto;
	}
	.sec-result00 .sec_ttl{
		text-align: left;
		line-height: 1.6;
		margin-bottom: 2%;
		padding: 0 4%;
		box-sizing: border-box;
	}

	.sec-result00 .company{
		font-size: 3.0vw;
	}

	.sec-result00 .tag_wrap{
		margin-bottom: 4%;
	}
	.sec-result00 .tag_wrap li{
		font-size: 2.8vw;
	}
    .sec-result00 dt{
        position: relative;
        width: 18vw;
        font-size: 3vw;
        border-radius: 6px;
        padding: 5px 10px 7px 5.4vw;
    }

    .sec-result00 dt:before{
        left: 1.5vw;
        width: 2.8vw;
        max-width: 27px;
        height: 3.2vw;
        max-height: 32px;
    }

    .sec-result00 dd{
		top: -.5vw;
        width: calc(100% - 18vw);
        font-size: 3.6vw;
        padding-left: 10px;
    }

	.sec-result00 .box02{
		width: 100%;
		max-width: inherit;
		background: #E5F5FF;
		margin: 8% auto 0 auto;
		padding: 8% 4% 0 4%;
		box-sizing: border-box;
	}
	.sec-result00 .box02 .fukidashi{
		font-size: 3.6vw;
		padding: 2% 10px 2% 10px;
		margin-bottom: 4%;
	}
	.sec-result00 .box02 .check_list li{
		font-size: 4.0vw;
		line-height: 1.57;
		padding: 3% 3% 3% 7%;
		box-sizing: border-box;
	}
	.sec-result00 .box02 .check_list li:before{
		top: 3.8vw;
		width: 4vw;
		max-width: 31px;
		height: 4vw;
		max-height: 31px;
	}

	.sec-result00 .btn_wrap{
		margin: 6% auto 0 auto;
	}
	.btn.intro_btn a{
		width: 92%;
		max-width: inherit;
		font-size: 4vw;
		padding: 12px 5px 11px 5px;
		border-radius: 35px;
	}
	.btn.intro_btn span{
		top: -1px;
		left: -10px;
		font-size: 3.6vw;
		padding: 8px 15px 10px 15px;
	}
	.btn.intro_btn span.pc-inline{ display: none;}

}

@media screen and (max-width: 736px) {
    .sec-result00 dd{
		top: -.2vw;
    }
}

/*  .sec-result.result_detai -------------------------------------------*/
.result_detail .box_head,
.result_detail .box_btm{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #0061A6;
	padding: 10px 15px 12px 32px;
	box-sizing: border-box;
}
.result_detail .box_head h2{
	font-size: 2.4rem;
	font-weight: 500;
	color: #FFF;
}
.result_detail .box_head .btn.favorite button,
.result_detail .box_btm .btn.favorite button{
	background: #FFF;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 14px 15px;
	cursor: pointer;
	border-radius: 40px;
	box-sizing: border-box;
	transition: .4s;
}

.result_detail .box_head .btn.favorite button:hover,
.result_detail .box_btm .btn.favorite button:hover{ opacity: .7;}

.result_detail .box_head .btn.favorite button:before,
.result_detail .box_btm .btn.favorite button:before{
	position: relative;
	top: -1px;
	margin-right: 7px;
	display: inline-block;
	vertical-align: middle;
	content: '';
	background: url("../img/job_list/ico_favorite.png") no-repeat center center;
	background-size: 100% auto;
	width: 20px;
	height: 20px;
}
.result_detail .boxIn{
	background: #FFF;
	padding: 40px 32px 54px 32px;
	box-sizing: border-box;
}

.result_detail .boxIn .main_img{
	text-align: center;
	margin: 0 auto 40px auto;
}
.result_detail .boxIn table{
	margin-bottom: 55px;
}
.result_detail .boxIn table th,
.result_detail .boxIn table td{
	vertical-align: top;
	font-size: 1.4rem;
	font-weight: 500;
	padding: 30px 114px 30px 0;
	border-bottom: 1px solid #EAEAEA;
	box-sizing: border-box;
}

.result_detail .boxIn table th{
	width: 222px;
	font-weight: 700;
}
.result_detail .boxIn table td,
.result_detail .boxIn table td p{
	font-size: 1.4rem;
	font-weight: 500;
}
.result_detail .boxIn table td p+p{ margin-top: 20px;}

.result_detail .boxIn .mt00{ margin-top: 0;}
.result_detail .boxIn .mt5{ margin-top: 5px;}
.result_detail .boxIn table td p.txt_indent{
	text-indent: -1.5rem;
	margin-left: 1.5rem;
}

.strong{ font-weight: 700 !important;}
.result_detail .boxIn .tag_wrap{
	/*display: flex;*/
	/*justify-content: flex-start;*/
	/*align-items: center;*/
	margin-top: 15px;
}
.result_detail .boxIn .tag_wrap li{
	display: inline-block;
	color: #0061A6;
	font-size: 1.1rem;
	line-height: 1.2;
	padding: 1px 7px 2px 7px;
	border: 1px solid #0061A6;
	box-sizing: border-box;
	margin-bottom: 5px;
	margin-right: 5px;
}
/*.result_detail .boxIn .tag_wrap li+li{ margin-left: 8px;}*/

.result_detail .boxIn dl{
	display: flex;
	justify-content: flex-start;
	align-items: top;
}

.result_detail .boxIn dl.dl_style01:nth-of-type(1){ margin-top: 20px;}
.result_detail .boxIn dl.dl_style02:nth-of-type(1){ margin-top: 15px;}

.result_detail .boxIn dt{
	font-size: 1.4rem;
}
.result_detail .boxIn .dl_style01 dt{
	width: 96px;
	font-weight: 700;
}
.result_detail .boxIn .dl_style02 dt{
	width: 74px;
	font-weight: 400;
}

.result_detail .boxIn dd{
	font-size: 1.4rem;
	font-weight: 500;
	flex: 1 0 0%;
}

.result_detail .boxIn dl.dl_style02 dd{ font-weight: 400;}

.result_detail .box_btm{}
.result_detail .box_btm .ankr_link{
	position: relative;
	font-size: 1.4rem;
	color: #FFF;
	font-weight: 500;
}
.result_detail .box_btm .ankr_link:before{
	position: relative;
	display: inline-block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6.5px 10px 6.5px;
	border-color: transparent transparent #FFF transparent;

}

@media screen and (max-width: 768px) {
	.result_detail .box_head,
	.result_detail .box_btm{
		padding: 2% 4% 2% 4%;
	}
	.result_detail .box_head h2{
		font-size: 4.2vw;
	}

	.result_detail .box_head .btn.favorite button,
	.result_detail .box_btm .btn.favorite button{
		position: relative;
		width: 100%;
		font-size: 3.4vw;
		border-radius: 40px;
		padding: 7px 10px;
	}

	.result_detail .box_head .btn.favorite button:before,
	.result_detail .box_btm .btn.favorite button:before{
		top: -.2vw;
		margin-right: 5px;
		width: 4.2vw;
		max-width: 39px;
		height: 4.2vw;
		max-height: 38px;
	}

	.result_detail .boxIn{
		padding: 4% 4% 10% 4%;
	}

	.result_detail .boxIn .main_img{
		margin: 0 auto 8% auto;
	}
	.result_detail .boxIn table{
		margin-bottom: 8%;
	}
	.result_detail .boxIn table th,
	.result_detail .boxIn table td{
		display: block;
		font-size: 4vw;
		padding: 4% 0;
		border-bottom: 1px solid #EAEAEA;
		box-sizing: border-box;
	}

	.result_detail .boxIn table th{
		width: 100%;
	}
	.result_detail .boxIn table td,
	.result_detail .boxIn table td p{
		font-size: 3.8vw;
		border-bottom: none;
	}
	.result_detail .boxIn table td p.txt_indent{
		text-indent: -4vw;
		margin-left: 4vw;
	}
	.result_detail .boxIn table td p+p{ margin-top: 3%;}

	.result_detail .boxIn .tag_wrap li{
		font-size: 2.8vw;
	}
	/*.result_detail .boxIn .tag_wrap li+li{ margin-left: 8px;}*/

	.result_detail .boxIn dl{
		align-items: flex-start;
	}
	.result_detail .boxIn dl.dl_style01:nth-of-type(1){ margin-top: 4%;}
	.result_detail .boxIn dl.dl_style02:nth-of-type(1){ margin-top: 3%;}

	.result_detail .boxIn dt{
		font-size: 3.8vw;
	}
	.result_detail .boxIn .dl_style01 dt{
		width: 26vw;
	}
	.result_detail .boxIn .dl_style01 dd{
		width: calc(100% - 26vw);
	}
	.result_detail .boxIn .dl_style02 dt{
		width: 21vw;
	}
	.result_detail .boxIn .dl_style02 dd{
		width: calc(100% - 21vw);
	}

	.result_detail .boxIn dd{
		font-size: 3.8vw;
	}

	.result_detail .boxIn .btn.intro_btn a{ width: 100%;}

	.result_detail .box_btm .ankr_link{
		font-size: 3.8vw;
	}
	.result_detail .box_btm .ankr_link:before{
		border-width: 0 1.8vw 3.2vw 1.8vw;
		margin-right: 3px;
	}



}

/*  relation-search -------------------------------------------*/
.relation-search{
	padding: 50px 0 100px 0;
	box-sizing: border-box;
}
.relation-search dl{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	border-bottom: 1px solid #EAEAEA;
	box-sizing: border-box;
}
.relation-search dl+dl{ margin-top: 18px;}
.relation-search dl:nth-of-type(1){border-top: 1px solid #EAEAEA; padding-top: 18px;}
.relation-search dl:last-of-type{ padding-bottom: 5px;}

.relation-search dt{
	width: 166px;
	font-size: 1.6rem;
	font-weight: 400;
	color: #0061A6;
}
.relation-search dt.ico-ttl.type:before{}
.relation-search dt.ico-ttl{
	position: relative;
}
.relation-search dt.ico-ttl:before{
	position: relative;
	left: -1px;
	top: -2px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 3px;
	content: '';
	background-size: 100% auto !important;
	width: 14px;
	height: 19px;
}
.relation-search dt.ico-ttl.place:before{
	background: url("../img/job_list/ico_place_blue.png") no-repeat center center;
}
.relation-search dt.ico-ttl.type:before{
	background: url("../img/job_list/ico_people_blue.png") no-repeat center center;
}
.relation-search dt.ico-ttl.feature:before{
	background: url("../img/job_list/ico_feature_blue.png") no-repeat center center;
}


.relation-search dd{
	width: calc(100% - 166px);
}
.relation-search dd ul{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.relation-search dd ul li{ margin-right: 18px; margin-bottom: 17px;}
.relation-search dd a{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: 500;
	color: #0061A6;
	padding: 2px 18px 4px 18px;
	border-radius: 35px;
	background: #F0F9FF;
	box-sizing: border-box;
	box-shadow: 4px 4px 10px 0 rgba(0,0,0,.16);
	transition: .4s;
}
.relation-search dd a:hover{
	text-decoration: none;
	opacity: .7;
}

@media screen and (max-width: 768px) {
	.relation-search{
		padding: 4% 0 12% 0;
	}
	.relation-search dl{
		display: block;
		border-bottom: none;
	}
	.relation-search dl+dl{ margin-top: 4%;}
	.relation-search dl:nth-of-type(1){border-top: none; padding-top: 0;}
	.relation-search dl:last-of-type{ padding-bottom: 0;}

	.relation-search dt{
		width: 100%;
		font-size: 3.8vw;
		padding-bottom: 4%;
		margin-bottom: 5%;
		border-bottom: 1px solid #EAEAEA;
	}

	.relation-search dt.ico-ttl:before{
		top: -2px;
		width: 3.9vw;
		max-width: 28px;
		height: 5.2vw;
		max-height: 38px;
	}

	.relation-search dd{
		width: 100%;
		/*padding-left: 5%;*/
	}
	.relation-search dd ul li{ margin-right: 4%; margin-bottom: 4%;}
	.relation-search dd a{
		font-size: 3.8vw;
		padding: 2px 15px 4px 15px;
	}


}



/*  sec-search -------------------------------------------*/
.sec-search{
    padding: 80px 0 83px 0;
    background: #E5F5FF;
    box-sizing: border-box;
}
.sec-search .sec_ttl{ margin-bottom: 20px;}
.sec-search .lead{
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.85;
}

.sec-search .box_wrap{
    margin-top: 55px;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 2px 2px 8px 0 rgba(0,0,0,.16);
    padding: 58px 10px 50px 10px;
    box-sizing: border-box;
}

.sec-search .popup-btn_wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.sec-search .popup-btn{
    position: relative;
    width: 49%;
    max-width: 380px;
    border-radius: 10px;
    background: #0061A6;
    box-sizing: border-box;
    transition: .4s;
}
.sec-search .popup-btn a{
    display: block;
    font-size: 1.8rem;
    text-align: left;
    color: #FFF;
    padding: 23px 30px 27px 30px;
    box-sizing: border-box;
}
.sec-search .popup-btn a:hover{ text-decoration: none;}
.sec-search .popup-btn:hover{opacity: .7;}

.sec-search .popup-btn:after{
    position: absolute;
    display: block;
    content: '';
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.sec-search .form_style input{ padding: 14px 30px 18px 30px;}
.popup-box{
    position: relative;
    width: 92%;
    max-width: 1100px;
    margin: 0 auto;
    padding-bottom: 40px;
    border-radius: 10px;
    background: #FFF;
    box-sizing: border-box;
}
.popup-box .box_head{
    background: #53B8FF;
    padding: 15px 40px;
    border-radius: 10px 10px 0 0;
    box-sizing: border-box;
}
.popup-box .box_head .ttl{
    font-size: 2.0rem;
    color: #FFF;
}

/* 勤務地を選ぶ */
.popup-box.work_location .boxIn{
    display: flex;
    justify-content: space-between;
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
}

.popup-box.work_location .boxIn h4{
    margin-bottom: 7px;
    font-size: 2.3rem;
    font-weight: 700;
    color: #FFF;
    background: #0061A6;
    border-radius: 10px;
    padding: 18px 17px 19px 17px;
    box-sizing: border-box;
}
.popup-box.work_location .boxIn p.text{ font-size: 1.4rem;}

.popup-box.work_location .boxIn .step1{
    width: 32%;
    max-width: 320px;
}
.popup-box.work_location .boxIn .step2{
    width: 62%;
    max-width: 630px;
}

.prefectures_box{}
.tab_wrap .prefectures_box .tab_list_search{
    position: relative;
    top: 0;
    right: 0;
    margin-top: 10px;
    width: 100%;
    border-radius: 10px;
    border: 2px solid #0061A6;
    box-sizing: border-box;
}

.tab_wrap .prefectures_box .tab_list_search li{
    position: relative;
    display: block;
    height: auto;
    color: #0061A6;
    background: none;
    border-radius: 0;
    padding: 0;
    min-height: 56px;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
    cursor: inherit;
}
.tab_wrap .prefectures_box .tab_list_search li:last-of-type{ border-bottom: none;}
.tab_wrap .prefectures_box .tab_list_search li span{
    display: block;
    padding: 10px 17px;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: left;
    margin: 0;
    cursor: pointer;
}

.tab_wrap .prefectures_box .tab_list_search li:after{
    position: absolute;
    display: block;
    content: '';
    right: 15px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #0061A6;
    border-right: 2px solid #0061A6;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup-box .tab_wrap .tab_cnts{
    margin-top: 10px;
    border-radius: 10px;
    padding: 40px;
    border: 2px solid #0061A6;
    min-height: 344px;
    box-sizing: border-box;
}
.tab_wrap .tab_box_search{
    display: none;
}
.tab_wrap .tab_box_search.show{

    display: block;
}

.popup-box.work_location .checkbox{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.popup-box.work_location .checkbox li{
    width: calc(100% / 5);
}

/* 職種を選ぶ */
.popup-box.occupation .boxIn{
    padding: 40px 40px 0 40px;
    box-sizing: border-box;
}

.popup-box .choices-wrap{
    border-radius: 10px;
    overflow: hidden;
    border: 2px solid #0061A6;
    box-sizing: border-box;
}
.popup-box .choices-wrap+.choices-wrap{ margin-top: 15px;}

.popup-box .check-choices{
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #0061A6;
    padding: 0;
    box-sizing: border-box;
}

.popup-box .check-choices:after{
    position: absolute;
    display: block;
    content: '';
    right: 20px;
    top: 50%;
    margin-top: -4px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #FFF;
    border-right: 2px solid #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.popup-box .check-choices label{
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 23px 0 25px 25px;
    cursor: pointer;
    box-sizing: border-box;
}

.form_style .check-choices .checkbox-parts::before,
.form_style .check-choices .checkbox-input:checked + .checkbox-parts::after{ top: -4px;}

.form_style .check-choices .checkbox-parts::before{
    background: none;
    border: 1px solid #FFF;
}
.form_style .check-choices .checkbox-input:checked + .checkbox-parts::after{border: 1px solid #FFF;}

.form_style.popup-box .check-choices .checkbox-parts{
    color: #FFF;
    font-size: 2.0rem;
}
.form_style.popup-box .small{
    font-size: 1.4rem;
    color: #FFF;
}
.form_style .check-choices .label_txt2{
    position: absolute;
    right: 40px;
    font-size: 1.4rem;
    font-weight: 400;
    color: #FFF;
}

.popup-box.occupation .choices_box{
    display: none;
    padding: 30px 25px;
    box-sizing: border-box;
}
.popup-box.occupation .choices_box .choices_box_in{
    display: flex;
    justify-content: flex-start;
    box-sizing: border-box;
}
.popup-box.occupation .choices_box .choices_box_in ul+ul{ margin-left: 4%;}
.popup-box.occupation .choices_box .choices_box_in ul{
    width: 32%;
    border-right: 1px solid #DDD;
    padding-right: 10px;
    box-sizing: border-box;
}

.form_style.popup-box.occupation .choices_box .checkbox-parts{
    display: inline-block;
    line-height: 1.5;
    color: #313131;
}

.mfp-content{ padding: 60px 0;}

button.mfp-close{
    background: #FFF;
}
.mfp-close,
.mfp-close:active{
    width: 40px;
    height: 40px;
    color: #313131;
    border-radius: 100%;
    opacity: 1;
    top: -50px;
    line-height: 35px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
}
.mfp-close:before{
    position: absolute;
    left: -60px;
    top: 2px;
    display: block;
    content: '閉じる';
    font-size: 1.8rem;
    color: #FFF;
}
/* mfp-bg（overlay） */
.mfp-fade01.mfp-bg{
	opacity: 0;
	transition: all 0.4s ease-out;
}
.mfp-fade01.mfp-bg.mfp-ready {
	opacity: 0.8;
}

.mfp-fade01.mfp-bg.mfp-removing {
	opacity: 0;
}

/* mfp-content */
.mfp-fade01.mfp-wrap .mfp-content {
	opacity: 0;
	transition: all 0.4s ease-out;
}
.mfp-fade01.mfp-wrap.mfp-ready .mfp-content {
	opacity: 1;
}
.mfp-fade01.mfp-wrap.mfp-removing .mfp-content {
	opacity: 0;
}


@media screen and (max-width: 768px) {
    .sec-search{
        padding: 12% 0;
    }
    .sec-search .sec_ttl{ margin-bottom: 4%;}
    .sec-search .lead{
        font-size: 2.8vw;
    }

    .sec-search .box_wrap{
        margin-top: 8%;
        padding: 6%;
    }
    .sec-search .popup-btn_wrapper{
        margin-bottom: 6%;
    }
    .sec-search .popup-btn{
        width: 48%;
        max-width: inherit;
        border-radius: 10px;
    }
    .sec-search .popup-btn a{
        font-size: 2.8vw;
        text-align: left;
        padding: 4vw 3vw 4.4vw 3vw;
    }

    .sec-search .popup-btn:after{
        right: 3.4vw;
        margin-top: -.7vw;
        width: 1.4vw;
        height: 1.4vw;
    }
    .sec-search .form_style input {
        padding: 14px 3vw 18px 3vw;
    }
    .popup-box{
        width: 92%;
        max-width: inherit;
        padding-bottom: 6%;
    }
    .popup-box .box_head{
        padding: 3.6% 5%;
    }
    .popup-box .box_head .ttl{
        font-size: 3.4vw;
    }

    /* 勤務地を選ぶ */
    .popup-box.work_location .boxIn{
        display: block;
        padding: 6% 6% 0 6%;
    }

    .popup-box.work_location .boxIn h4{
        margin-bottom: 7px;
        font-size: 3.2vw;
        padding: 18px 17px 19px 17px;
    }
    .popup-box.work_location .boxIn p.text{ font-size: 2.6vw;}

    .popup-box.work_location .boxIn .step1{
        width: 100%;
        max-width: inherit;
    }
    .popup-box.work_location .boxIn .step2{
        display: none;
    }

    .tab_list_search .sp-cnts{display: none;}
    .tab_wrap .tab_box_search{display: block;}

    .tab_wrap .prefectures_box .tab_list_search li{
        min-height: 9vw;
    }
    .tab_wrap .prefectures_box .tab_list_search li span{
        padding: 10px 17px;
        font-size: 3.0vw;
    }

    .tab_wrap .prefectures_box .tab_list_search li:after{
        top: 4vw;
        margin-top: -.7vw;
        width: 1.4vw;
        height: 1.4vw;
        border-top: none;
        border-bottom: 2px solid #0061A6;
        border-right: 2px solid #0061A6;
    }
    .tab_wrap .prefectures_box .tab_list_search li.on:after{
        border-top: 2px solid #0061A6;
        border-left: 2px solid #0061A6;
        border-bottom: none;
        border-right: none;
    }
    .popup-box .tab_wrap .tab_cnts{
        padding: 6%;
        min-height: inherit;
    }
    .popup-box.work_location .checkbox li{
        width: calc(100% / 3);
    }

    .popup-box.work_location .tab_wrap .tab_box_search{
        padding: 0 0 10px 17px;
        box-sizing: border-box;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li{
        min-height: inherit;
        border-bottom: none;
        margin-bottom: 10px;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li label{
        display: flex;
        align-items: center;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li span{
        padding: 0 0 0 4vw;
        font-size: 3.0vw;
        letter-spacing: -.03rem;
    }
    .form_style .tab_box_search .checkbox-parts::before,
    .form_style .tab_box_search .checkbox-input:checked + .checkbox-parts::after{
        top: 2.0vw;
    }
    .popup-box.work_location .tab_wrap .tab_box_search li:after{ display: none;}

    /* 職種を選ぶ */

    .popup-box.occupation .boxIn{
        padding: 6% 6% 0 6%;
    }
    .popup-box .choices-wrap+.choices-wrap{ margin-top: 10px;}

    .popup-box .check-choices{
        display: block;
    }
    .popup-box .check-choices:after{
        right: 3%;
        margin-top: -.7vw;
        width: 1.4vw;
        height: 1.4vw;
        border-top: none;
        border-bottom: 2px solid #FFF;
    }

    .form_style.popup-box .check-choices .checkbox-parts{
        font-size: 3.0vw;
    }
    .popup-box .check-choices label{
        flex-wrap: wrap;
        padding: 4% 0 4% 3%;
    }
    .form_style.popup-box .check-choices .checkbox-parts:before,
    .form_style.popup-box .check-choices .checkbox-input:checked + .checkbox-parts::after{ top: -.7vw;}

    .form_style.popup-box .small{
        font-size: 2.4vw;
    }
    .form_style.popup-box .small.ml-5{ margin-left: -2vw;}
    .form_style .check-choices .label_txt2{
        position: relative;
        left: 0;
        right: 0;
        font-size: 2.6vw;
        margin-top: 20px;
        width: 100%;
    }

    .popup-box.occupation .choices_box{
        padding: 2% 5% 5% 5%;
    }
    .popup-box.occupation .choices_box .choices_box_in{
        display: block;
    }
    .popup-box.occupation .choices_box .choices_box_in ul+ul{ margin-left: 0;}
    .popup-box.occupation .choices_box .choices_box_in ul{
        width: 100%;
        border-right: none;
        padding-right: 0;
    }

    .popup-box .btn_wrap .btn_send {
        width: 80%;
    }

    .mfp-content{ padding: 13vw 0;}

    button.mfp-close{
        background: #FFF;
    }
    .mfp-close,
    .mfp-close:active{
        width: 7vw;
        height: 7vw;
        top: -9vw;
        font-size: 4vw;
        line-height: 6vw;
    }
    .mfp-close:before{
        left: -10vw;
        top: 2px;
        font-size: 3.0vw;
    }
    .mfp-wrap{ z-index: 10008;}

}

@media screen and (max-width: 736px) {
    .sec-search .lead {
        font-size: 3.2vw;
    }
    .sec-search .popup-btn a{
        font-size: 3.6vw;
        padding: 4.8vw 3vw 5.4vw 3vw;
    }
    .sec-search .popup-btn:after {
        margin-top: -1.0vw;
        width: 2.0vw;
        height: 2.0vw;
    }
    .sec-search .form_style input {
        padding: 4vw 3vw;
    }
    .popup-box .box_head .ttl{
        font-size: 4.2vw;
    }
    .popup-box .box_head{
        padding: 4% 5%;
    }

    .popup-box.work_location .boxIn h4{
        font-size: 4vw;
        padding: 18px 17px 19px 17px;
    }
    .popup-box.work_location .boxIn p.text{ font-size: 3.4vw;}
    .tab_wrap .prefectures_box .tab_list_search li{
        min-height: 12vw;
    }
    .tab_wrap .prefectures_box .tab_list_search li span{
        font-size: 3.8vw;
    }

    .tab_wrap .prefectures_box .tab_list_search li:after{
        top: 6vw;
        margin-top: -1vw;
        width: 2vw;
        height: 2vw;
    }

    .popup-box.work_location .tab_wrap .tab_box_search{
        padding: 0 5% 3% 5%;
    }

    .popup-box.work_location .tab_wrap .tab_box_search li span{
        padding: 0 0 0 4vw;
        font-size: 3.3vw;
        letter-spacing: -.03rem;
    }
    .form_style .tab_box_search .checkbox-parts::before,
    .form_style .tab_box_search .checkbox-input:checked + .checkbox-parts::after{
        top: 1.4vw;
    }

    .popup-box .check-choices label{
        padding: 5% 0 5% 3%;
    }
    .form_style.popup-box .check-choices .checkbox-parts{
        font-size: 3.8vw;
    }
    .form_style.popup-box .check-choices .checkbox-parts:before,
    .form_style.popup-box .check-choices .checkbox-input:checked + .checkbox-parts::after{ top: -1px;}
    .form_style.popup-box .small{
        font-size: 3.0vw;
    }
    .form_style .check-choices .label_txt2{
        font-size: 3.2vw;
        margin-top: 10px;
    }
    .popup-box .check-choices:after{
        margin-top: -1vw;
        width: 2vw;
        height: 2vw;
    }

    .mfp-close,
    .mfp-close:active{
        width: 9vw;
        height: 9vw;
        top: -12vw;
        font-size: 5vw;
        line-height: 8vw;
    }
    .mfp-close:before{
        left: -13vw;
        top: 2px;
        font-size: 3.8vw;
    }
}

/*  sec-recommended -------------------------------------------*/
.sec-recommended{
    padding: 80px 0 50px 0;
    box-sizing: border-box;
}

.sec-recommended .sec_ttl{ margin-bottom: 10px;}

.sec-recommended .post_wrap{
    margin-top: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

.sec-recommended .post{
    width: 33%;
    max-width: 359px;
    margin-right: .5%;
    margin-bottom: 1%;
}
.sec-recommended .post:nth-of-type(3n){ margin-right: 0;}

.sec-recommended .post a{
    display: block;
    border-radius: 5px;
    background: #FFF;
    padding: 20px;
    box-shadow: 2px 2px 5px 0 rgba(0,0,0,.16);
    box-sizing: border-box;
    transition: .4s;
}
.sec-recommended .post a:hover{
    text-decoration: none;
    opacity: .7;
}

.sec-recommended .post .post-ttl{
    font-size: 1.8rem;
    letter-spacing: .1rem;
    line-height: 1.444;
}
.sec-recommended .post .post-detail{ margin-top: 14px;}
.sec-recommended .post .post-detail dl{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.sec-recommended .post .post-detail dl+dl{ margin-top: 3px;}

.sec-recommended .post .post-detail dt{
    position: relative;
    width: 71px;
    font-size: 1.2rem;
    line-height: 1.2;
    font-weight: 400;
    color: #FFF;
    background: #0061A6;
    border-radius: 6px;
    padding: 4px 10px 6px 23px;
    box-sizing: border-box;
}

.sec-recommended .post .post-detail dt:before{
    position: absolute;
    left: 5px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    content: '';
    background-size: 100% auto !important;
    width: 14px;
    height: 16px;
}

.sec-recommended .post .post-detail .annual_income dt:before{ background: url("../img/top/ico_yen.png") no-repeat center center;}
.sec-recommended .post .post-detail .place dt:before{ background: url("../img/top/ico_place.png") no-repeat center center;}
.sec-recommended .post .post-detail .type dt:before{ background: url("../img/top/ico_people.png") no-repeat center center;}

.sec-recommended .post .post-detail dd{
    width: calc(100% - 71px);
    font-size: 1.2rem;
    line-height: 1.666;
    font-weight: 400;
    color: #333;
	padding-top: 1px;
    padding-left: 5px;
    box-sizing: border-box;
}

.sec-recommended .more_link{
    margin-top: 15px;
    text-align: right;
}
.sec-recommended .more_link .link_text{
    position: relative;
    font-size: 1.6rem;
    color: #797979;
}
.sec-recommended .more_link .link_text:before{
    display: inline-block;
    vertical-align: middle;
    content: '>>';
    
}


@media screen and (max-width: 768px) {
    .sec-recommended{
        padding: 12% 0;
        box-sizing: border-box;
    }

    .sec-recommended .date{
        font-size: 2.0vw;
    }
    .sec-recommended .post_wrap{
        margin-top: 8%;
        display: block;
    }

    .sec-recommended .post{
        width: 100%;
        max-width: inherit;
        margin: 0 auto;
    }
    .sec-recommended .post:nth-of-type(3n){ margin-right: auto;}
    .sec-recommended .post+.post{  margin-top: 6%;}
    .sec-recommended .post a{
        padding: 6%;
    }

    .sec-recommended .post .post-ttl{
        font-size: 3.2vw;
        line-height: 1.7;
        letter-spacing: 0;
    }
    .sec-recommended .post .post-detail{ margin-top: 4%;}

    .sec-recommended .post .post-detail dt{
        position: relative;
        width: 16vw;
        font-size: 2.4vw;
        border-radius: 6px;
        padding: 5px 10px 7px 5.4vw;
    }

    .sec-recommended .post .post-detail dt:before{
        left: 1.5vw;
        width: 2.2vw;
        max-width: 27px;
        height: 2.8vw;
        max-height: 32px;
    }

    .sec-recommended .post .post-detail dd{
        width: calc(100% - 16vw);
        font-size: 2.4vw;
        line-height: 1.666;
        padding-left: 8px;
    }

    .sec-recommended .more_link .link_text{
        font-size: 2.4vw;
    }

}

@media screen and (max-width: 736px) {
    .sec-recommended .date{
        font-size: 2.8vw;
    }
    .sec-recommended .post .post-ttl{
        font-size: 4vw;
    }

    .sec-recommended .post .post-detail dt{
        width: 18vw;
        font-size: 3vw;
    }

    .sec-recommended .post .post-detail dt:before{
        left: 1.5vw;
        width: 3vw;
        height: 4.2vw;
    }

    .sec-recommended .post .post-detail dd{
        width: calc(100% - 18vw);
        font-size: 3vw;
        padding-top: .5vw;
    }

    .sec-recommended .more_link .link_text{
        font-size: 3.4vw;
    }
}