@charset "UTF-8";

/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が960px以下の場合*/
@media only screen and (max-width: 960px) {

body,
html {
	min-width: inherit;
	/*overflow: hidden;*/
}

#contents {
	margin-top: 0;
}

/*#contents section {
	margin-bottom: 25px;
}*/

br.spHide {
	display: none!important;
}

.spDisp{
	display: block;
	}

.spHide{
	display: none;
}

.spImg {
	height: auto;
	width: 100%;
}

.spCenter {
	text-align: center;
}

.top10 {
	margin-top: 5px !important;
}

.top15 {
	margin-top: 5px !important;
}

.top20 {
	margin-top: 10px !important;
}

.top25 {
	margin-top: 10px !important;
}

.top30 {
	margin-top: 15px !important;
}

.top35 {
	margin-top: 15px !important;
}

.top40 {
	margin-top: 20px !important;
}

.btm0 {
	margin-bottom: 0 !important;
}

.btm5 {
	margin-bottom: 5px !important;
}

.btm10 {
	margin-bottom: 5px !important;
}

.btm15 {
	margin-bottom: 10px !important;
}

.btm20 {
	margin-bottom: 10px !important;
}

.btm25 {
	margin-bottom: 10px !important;
}

.btm30 {
	margin-bottom: 15px !important;
}

.btm35 {
	margin-bottom: 15px !important;
}

.btm40 {
	margin-bottom: 20px !important;
}

.btm45 {
	margin-bottom: 20px !important;
}

.btm50 {
	margin-bottom: 25px !important;
}

.btm55 {
	margin-bottom: 25px !important;
}

.btm60 {
	margin-bottom: 30px !important;
}

.btm65 {
	margin-bottom: 30px !important;
}

.btm70 {
	margin-bottom: 35px !important;
}

.btm75 {
	margin-bottom: 35px !important;
}

.btm80 {
	margin-bottom: 40px !important;
}

.btm85 {
	margin-bottom: 40px !important;
}

.btm90 {
	margin-bottom: 45px !important;
}

.btm95 {
	margin-bottom: 45px !important;
}

.pT0 {
	padding-top: 0!important;
}

.pT5 {
	padding-top: 5px!important;
}

.pT10 {
	padding-top: 5px!important;
}

.pT15 {
	padding-top: 10px!important;
}

.pT20 {
	padding-top: 10px!important;
}

.pT25 {
	padding-top: 15px!important;
}

.pT30 {
	padding-top: 15px!important;
}

.pT35 {
	padding-top: 15px!important;
}

.pT40 {
	padding-top: 20px!important;
}

.pT45 {
	padding-top: 20px!important;
}

.pB0 {
	padding-bottom: 0!important;
}

.pB5 {
	padding-bottom: 5px!important;
}

.pB10 {
	padding-bottom: 5px!important;
}

.pB15 {
	padding-bottom: 5px!important;
}

.pB20 {
	padding-bottom: 10px!important;
}

.lm5 {
	margin-left: 5px !important;
}

.lm10 {
	margin-left: 5px !important;
}

.lm15 {
	margin-left: 5px !important;
}

.lm20 {
	margin-left: 10px !important;
}

.lm50 {
	margin-left: 20px !important;
}

.lm60 {
	margin-left: 30px !important;
}

.lm70 {
	margin-left: 30px !important;
}

.rm5 {
	margin-right: 5px !important;
}

.rm10 {
	margin-right: 5px !important;
}

.rm15 {
	margin-right: 5px !important;
}

.rm20 {
	margin-right: 10px !important;
}

.spBtm0 {
	margin-bottom: 0 !important;
}

.spBtm5 {
	margin-bottom: 5px !important;
}

.spBtm10 {
	margin-bottom: 10px !important;
}

.spBtm15 {
	margin-bottom: 15px !important;
}

.spBtm20 {
	margin-bottom: 20px !important;
}

.spBtm25 {
	margin-bottom: 25px !important;
}

.spBtm30 {
	margin-bottom: 30px !important;
}

.spBtm35 {
	margin-bottom: 35px !important;
}

.spBtm40 {
	margin-bottom: 40px !important;
}

.spBtm45 {
	margin-bottom: 45px !important;
}

.spBtm50 {
	margin-bottom: 50px !important;
}

.spW100 {
	width: 100%!important;
}

body {
	padding-bottom: 40px;
	font-size: 1.3rem;
}

#topcontrol {
	background: url(/cmn/cmn_img/bg_hd_bdr_sp.gif) center bottom repeat-x;
	background-size: auto 3px;
	position: fixed;
	bottom: 0!important;
	left: 0!important;
	top: auto!important;
	right: auto!important;
	text-align: center;
	height: 40px;
	padding-bottom: 0;
	width: 100%;
}

#topcontrol a {
	background-image: none;
	background: rgba(0,0,0,0.7);
	color: #FFF;
	font-size: 1.2rem;
	height: 40px;
	width: 100%;
	opacity: 1;
	padding: 15px;
	border-radius: 0;
	letter-spacing: 0.1em;
}

#topcontrol a:hover {
	background-image: none;
	background: rgba(0,0,0,1);
	width: 100%;
}




/*----------------------------------------------------
	☆flt
----------------------------------------------------*/


.fltL {
	float: none;
}

.fltR {
	float: none;
}

.fltImgL {
	float: none;
	margin: 0 0 5px 0;
}

.fltImgR {
	float: none;
	margin: 0 0 5px 0;
}

/*----------------------------------------------------
	☆head
----------------------------------------------------*/



/*----------------------------------------------------
	☆anchorBox
----------------------------------------------------*/


#contents .anchorBox {
	margin-bottom: 20px;
	padding: 0;
}

#contents .anchorBox .inr {
	padding: 12px 10px 4px;
}

#contents .anchorBox ul li {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 0 5px 0;
	width: 50%;
	min-width: inherit;
}

#contents .anchorBox ul li a {
	padding: 0 0 5px;
}

#contents .anchorBox ul li a:hover {
	text-decoration: none;
}

#contents .anchorBox ul li a:before {
	font-size: 13px;
	margin-top: -1px;
}

/*----------------------------------------------------
	☆List
----------------------------------------------------*/


#contents ul.arrowList {
	margin-bottom: 20px;
}

#contents ul.arrowList.pattern01 li {
	padding-left: 20px;
}

#contents ul.arrowList.pattern01 li:before {
	font-size: 13px;
	margin-right: 6px;
	top: 2px;
}

#contents ul.arrowList.pattern02 {
	padding-left: 0;
}

#contents ul.arrowList.pattern02 li {
	padding-left: 20px;
}

#contents ul.arrowList.pattern02 li:before {
	border-radius: 10px;
	content: "";
	display: inline-block;
	margin-right: 0;
	width: 10px;
	height: 10px;
	top: 7px;
}

#contents ul.arrowList li,
#contents .indList li,
#contents .indListS li,
#contents .numList li,
#contents .numListS li,
#contents ul.iconList li {
	margin-bottom: 8px;
}

#contents ul.iconList li a {
	display: inline-block;
}

#contents ul.iconList li.blankIcon a::before,
#contents ul.iconList li.exlIcon a::before,
#contents ul.iconList li.pdfIcon a::before,
#contents ul.iconList li.wrdIcon a::before {
	top: 2px;
}

#contents .indList,
#contents .indListS {
	margin-bottom: 25px;
	padding-left: 0;
}

#contents .numList,
#contents .numListS {
	margin-bottom: 25px;
	padding-left: 20px;
}

#contents ul.iconList {
	margin-bottom: 20px;
	padding: 0!important;
}

#contents dl.arrowDl {
	margin-bottom: 15px;
}

#contents dl.arrowDl dt {
	font-size: 1.4rem;
	display: inline-block;
	text-indent: -0.8em;
	padding-left: 1.4em;
}

#contents dl.arrowDl.pattern01 dt::before {
	font-size: 14px;
}

#contents dl.arrowDl dd {
	padding-left: 1.4em;
}

#contents .bscBtn {
	border-radius: 5px;
	color: #333;
	display: block;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.5;
	margin: 0 0 5px 0;
	padding: 12px 15px 10px 10px;
	width: auto;
}

#contents .bscBtn.btn04 {
	padding: 12px 15px 10px 10px;
}

#contents .bscBtn.btn05 {
	padding: 12px 15px 10px 10px;
}

#contents .bscBtn.btn01:after,
#contents .bscBtn.btn02:after,
#contents .bscBtn.btn03:after {
	top: 28%;
}

#contents .bscBtn.btn01R:before {
	top: 28%;
}

/*----------------------------------------------------
	☆Box
----------------------------------------------------*/


.bscBox.bb01,
.bscBox.bb02,
.bscBox.bb03,
.bscBox.bb04,
.bscBox.bb05 {
	padding: 15px 15px 10px;
}

.bscBox .center {
	text-align: left!important;
}

/*----------------------------------------------------
	☆clmBox
----------------------------------------------------*/


#contents div.clm2Box ul li {
	float: none;
	margin: 0 0 20px 0;
	width: auto;
}

#contents div.clm3Box ul li {
	float: none;
	margin: 0 0 20px 0;
	width: auto;
}

#contents div.clm4Box ul li {
	float: none;
	margin: 0 0 20px 0;
	width: auto;
}

#contents div.clm2BoxBdr ul li {
	float: none;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px;
	width: auto;
}

#contents div.clm3BoxBdr ul li {
	float: none;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px;
	width: auto;
}

#contents div.clm4BoxBdr ul li {
	float: none;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px;
	width: auto;
}

/*----------------------------------------------------
	☆Table
----------------------------------------------------*/


#contents .tableScroll:before {
	content: '※フリックで横スクロール';
	display: block;
	margin-bottom: 10px;
}

#contents .tableScroll {
	width: 100%;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch
}

#contents .tableScroll table {
	width: 600px;
}

#contents .tbl01 table th,
#contents .tbl01 table td,
#contents table.tbl01 th,
#contents table.tbl01 td {
	font-size: 12px;
	padding: 10px 10px;
}

#contents .tbl02 table th,
#contents .tbl02 table td,
#contents table.tbl02 th,
#contents table.tbl02 td {
	font-size: 12px;
	padding: 10px 10px;
}

#contents .tbl03 table th,
#contents .tbl03 table td,
#contents table.tbl03 th,
#contents table.tbl03 td {
	font-size: 12px;
	padding: 10px 10px;
}

#contents div.tbl01,
#contents table.tbl01 {
	margin-bottom: 15px;
}

#contents div.tbl02,
#contents table.tbl02 {
	margin-bottom: 15px;
}

#contents .listTbl table th,
#contents .listTbl table td,
#contents table.listTbl th,
#contents table.listTbl td {
	display: block;
	font-size: 12px;
	padding: 5px 10px 10px;
	width: 100%;
}

#contents .listTbl table th,
#contents table.listTbl th {
	border-bottom: none;
	font-size: 14px;
	padding: 10px 10px 0;
}

}

@media only screen and (max-width: 840px){
	#contents .applicationMv .appmvInr{
		padding: 0 15px 0px;
	}
}


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

	html body .pc-parts{
		display:none !important;
	}
	html body .sp-parts{
		display:block !important;
	}
	/*--- footer ---*/
	footer{
		padding: 30px 0 10px;
	}
	.faq.throughHd footer {
		padding: 30px 0 100px;
	}

	.ftL{
		margin-bottom: 20px;
	}

	.ftL p img{
		margin-bottom: 0;
	}

	.ftL p{
		font-size: 1.3rem;
	}

	.ftR ul li{
		margin-bottom: 5px;
	}

	.ftR ul li a{
		font-size: 1.0rem !important;
	}
	.ftR ul li.large a span{
	font-size: 0.9rem;
	}
	.ftR ul li:last-child a {
		font-size: 1.3rem !important;
	}

	/*--- cmn parts ---*/
	.forPc{
		display: none;
	}

	.forSp{
		display: block;
	}

	#cmnheader .logo{
		width: 35%;
	}

	#cmnheader .hdrsearchArea .navArea,
	#cmnheader .hdrsearchArea .inputArea form{
		width: 100%;
	}

	#cmnheader .hdrsearchArea .offerlogo, #cmnheader .hdrsearchArea .inputArea,
	#cmnheader .hdrsearchArea .inputArea form p{
		/*display: block;
		text-align: center;*/
	}


	#cmnheader .hdrsearchArea .offerlogo{
		width: 100%;
		margin-bottom: 10px;
		/*margin: 25px auto 10px;*/
		/*padding-right: 0;*/
		display: block;
		line-height: 1;
		font-weight: bold;
		padding-bottom: 10px;
		border-bottom: solid 1px #000;
		cursor: pointer;
		padding-top: 10px;
		padding-right: 25%;
		font-size: 1.5rem;
	}
	#cmnheader .hdrsearchArea .offerlogo img{
		display: none;
	}
	#cmnheader .hdrsearchArea .offerlogo span{
		display: inline-block;
		text-align: right;
		width: 100%;
	}
	#cmnheader .hdrsearchArea .offerlogo span b {
		font-size: 1.7rem;
		font-weight: bold;
		margin-right: 0.2em;
		letter-spacing: 1.3;
	}

	#cmnheader .hdrsearchArea .inputArea form p{
		/*padding-right: 0;
		margin-bottom: 10px;*/
	}

	#cmnheader .hdrsearchArea .inputArea form p.bold{
		text-align: center;
	}

	#cmnheader .hdrsearchArea .inputArea form p img{
		vertical-align: bottom;
	}

	#cmnheader .hdrsearchArea .inputArea form .nyuryoku,
	#cmnheader .hdrsearchArea .inputArea form p.soushin{
		/*width: 100%;*/
	}

	#cmnheader .hdrsearchArea .inputArea>form p.multiple{
		/*width: 100%;*/

	}

	#cmnheader .hdrsearchArea .inputArea #dropdown2{
		display: block;

	}
	#cmnheader .hdrsearchArea .inputArea #dropdown2 #dropdown2Btn {
		padding-right: 25%;
		text-align: right;
		font-size: 1.5rem;
	}
	#cmnheader .hdrsearchArea .inputArea #dropdown2 .keywordform{
		position: static;
		padding: 0;
	}

	#cmnheader .hdrsearchArea .inputArea #dropdown2 .keywordform input[type="text"]{
		width: 100%;
		height: 45px;
	}

	#cmnheader .hdrsearchArea .inputArea #dropdown2>p{
		margin-bottom: 10px;
	}

	/*menu*/
	#topheader #menu, #cmnheader #menu{
		width: 100%;
		-ms-transform: translate(100%);
		-webkit-transform: translate(100%);
		transform: translate(100%);
		opacity: 0;
	}

	#topheader #menu.open, #cmnheader #menu.open{
		z-index: 1001;
	}

	#topheader .logo>span{
		display: block;
		position: absolute;
		top: 0;
		visibility: hidden;
	}

	#topheader .logo img{
		width: 120px;
		margin-top: 10px;
	}

	#topheader #menu ul, #cmnheader #menu ul{
		font-size: 0;
	}

	#topheader #menu ul li, #cmnheader #menu ul li{
		display: inline-block;
		width: 50%;
	}

	#topheader #menu ul li:first-of-type,
	#topheader #menu ul li:nth-of-type(2),
	#topheader #menu ul li:nth-of-type(3){
		width: 100%;
	}

	#topheader #menu ul li:last-of-type{
		border-bottom: solid 2px #000;
	}

	#topheader #menu ul li a, #cmnheader #menu ul li a{
		font-size: 12px;
		font-size: 1.2rem;
	}

	#topheader #menu ul li a span, #cmnheader #menu ul li a span{
		font-size: 10px;
		font-size: 1.1rem;
	}

	#topheader #menu ul li.last a,
	#cmnheader #menu ul li.last a{
    font-size: 1.5rem;
    padding-left: 0;
    padding-right: 0;
		height: 41px;
	}


	/* SEARCH LAYER */

	.search-layer{
		display:none;
		position:fixed;
		width:100%;
		height: 100%;
		top:0px;
		left:0px;
		background-color: #fff;
		z-index:30000;
	}
	.search-layer .layer-inner{
		position: relative;
		width:100%;
		height: 100%;
		overflow: hidden;
	}
	.layer-1{
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    left: 0px;
		    background: #fff;
	}
	.layer-2{
		    position: absolute;
		    width: 100%;
		    height: 100%;
		    left: 375px;
		    background: #fff;

	}
	.search-layer h2{
		color:#000;background-color: #ffee18;
		text-align: center;
		font-size: 18px;padding:10px 0;
	}
	.search-layer .btn-close-layer{
		position: absolute;top:5px;right:5px;font-size: 24px;text-decoration: none;color:#000;
	}
	.search-layer .conditions{
		height:500px;
		overflow-y: scroll;
	}
	.search-layer ul{
		width: 100%;margin:0;padding:0;
		border-top: 1px solid #ccc;
		height:3000px;

	}
	.search-layer ul li ul{
		height:auto;
		border-top:  1px solid #ccc;
		/*border:none;*/

	}
	.search-layer ul li{
		width: 100%;margin:0;padding:0;
		border-bottom: 1px solid #ccc;
		clear: both;
		display:block;
		margin:0;padding:10px;
		font-size: 14px;text-decoration: none;color:#333;
		text-align-last: left;
		padding-left: 15px;
		position: relative;
	}
	.search-layer ul li a{
		/*display:block;
		margin:0;padding:10px;
		font-size: 14px;text-decoration: none;color:#333;
		text-align-last: center;*/
		height:20px;width:20px;border-radius: 30px;background: #eee;
		position: absolute;right:10px;top:10px;
		padding-left: 5px;
	}

	.search-layer ul li ul li{
		width: 49%;margin:0;padding:0;
		float:left;display: block;
		clear: none;
		/*border: none;*/
	}
	.search-layer ul li ul li a{
		display:block;
		margin:0;padding:10px;
		font-size: 14px;text-decoration: none;color:#333;
		text-align-last: center;
	}

	.search-layer .have-childs .condition-childs{
		display: none;
		border-top: none;
		padding:10px;
	}
	.search-layer .have-childs .condition-child{
		border-bottom: none;
		margin:1px;background: #ededed;
		padding:10px;

	}

	.search-layer .layer-footer {
		width:100%;padding: 20px 60px;height:100px;
		background: rgba(0,0,0,0.8);
		position: absolute;bottom:0px;left:0px;
	}
	.search-layer .layer-footer .btn-change-conditions{
		float:left;
		background: #eee;
	}
	.search-layer .layer-footer .btn-search{
		float:right;
		background: #ffee18;
	}

	.search-layer .layer-footer .btn-change-conditions,
	.search-layer .layer-footer .btn-search{
		border-radius: 8px;width:47%;
		color:#000;
		font-size: 14px;
		text-align: left;
		display: block;
		text-decoration: none;
		font-weight: bold;
		line-height: 22px;
		padding: 10px;
	}

	/*------*/
	.inner>section{
		padding-top: 50px;
		padding-bottom: 60px;
	}

	.head03{
		font-size: 22px;
		font-size: 2.2rem;
		margin-bottom: 15px;
		padding-bottom: 0;
	}

	.head03::before{
		width: 8px;
    	height: 21px;
		margin-right: 10px;
	}

	.head04{
		font-size: 20px;
		font-size: 2rem;
		margin-bottom: 20px;
	}

	.head05{
		font-size: 18px;
		font-size: 1.8rem;
		padding-bottom: 0px;
		margin-bottom: 20px;
	}

	.head06{
		font-size: 16px;
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	.fontL{
		font-size: 15px;
		font-size: 1.5rem;
	}

	.anchorLink li{
		width: 100% !important;
		margin: 0 0 15px;

	}

	.anchorLink li a{
		background-color: #fdee32;
		padding: 10px 5px 15px;
	}

	.anchorLink li a::after{
		line-height: 1;
		bottom: 5px;
	}

	.normalbtn{
		display: block;
		width: 100% !important;
		margin: 0 0 40px;
	}

	.normalbtn:hover{
		box-shadow: 0px 4px 11px -1px #ccc;
	}

	#contents div.tbl01, #contents table.tbl01{
		display: block;
		border-left: 1px solid #CFCFCF;
		border-right: 1px solid #CFCFCF;
	}

	#contents .tbl01 table th, #contents .tbl01 table td, #contents table.tbl01 th, #contents table.tbl01 td{
		display: block;
		width: 100%;
	}

	#contents .tbl01 table th, #contents .tbl01 table td, #contents table.tbl01 th, #contents table.tbl01 td{
		border-right: none;
	}

	.fltData{
	padding: 0;
	}

	.floatBox01 .fltData,
	.floatBox01 .fltImg,
	.floatBox02 .fltImg,
	.floatBox02 .fltData,
	.clm{
		float: none;
	}

	.floatBox01 .fltData,
	.floatBox02 .fltData{
		width: 100% !important;
	}

	.floatBox01 .fltImg{
		width: 100% !important;
		padding-right: 0;
		margin-bottom: 15px;
	}

	.floatBox02 .fltImg{
		padding-left: 0;
		width: 100% !important;
		margin-bottom: 15px;
	}

	.clm .clmImg{
		margin-bottom: 20px;
	}

	.col6Box .clm{
		width: 100%;
		padding: 0;
	}

	.col4Box .clm{
		width: 100%;
		padding: 0;
	}


	/*--- cmn MV ---*/
	.pageTtl{
		font-size: 28px;
		font-size: 2.8rem;
		padding: 20px 0;
	}


	/* job index */
	.job-list{
		background-color: #000;
	}
	.job-list .item{
		background-color: #fff;border-radius: 8px;
		margin-bottom: 20px;
		padding:7px 10px;
		transition: transform 0.5s ease-out;
		transform: scale(0.85);
	}
	.job-list .item.focus{
		    transition: transform 0.3s ease-in;
    		transform: scale(1);
	}

	.job-list .item .title{
		font-size:12px;
		line-height: 16px;
		border-bottom: 1px solid #ddd;
		margin-bottom: 10px;padding-bottom: 5px;
	}
	.job-list .item .title a{
		text-decoration: none;
		color:#000;
	}
	.job-list .item .title .companyName{
		font-size:11px;
		color:#17cdc7;
		display: block;
	}
	.job-list .item .image{
		float: left;width:56%;
		font-size: 7px;
		text-align: center;
		font-weight: bold;
	}
	.job-list .item .image img{
		width:100%;
		margin-bottom: 13px;
		border-radius: 10px;
	}
	.job-list .item .info{
		float: right;width:42%;
	}
	.job-list .item .info h3{
		font-size: 8px;padding:1px auto;text-align: center;
		border:1px solid #ddd;
		margin-bottom: 3px;
	}
	.job-list .item .info p{
		font-size: 11px;
		line-height: 1.5em;
	}
	.job-list .item .info p.sub{
		font-size: 10px;
	}
	.job-list .item .btn-set{
		clear: both;
		/*text-align: center;*/
		padding-top: 10px;
		width: 93%;
    	margin: 0 auto;
	}
	.job-list .item .btn-set a{
		display: inline-block;margin:0;
		width:47%;
	}
	.job-list .item .btn-set a.keep{
		float:left;
	}
	.job-list .item .btn-set a.show{
		float:right;

	}
	.job-list .item .btn-set a img{
		width: 100%;
	}
	.job-list .item .btn-set a.btn-add-keep{
		padding-top: 40px;
	    background-image: url(/cmn/uniq/job/images/img_search_btn01.jpg);
	    background-position: center center;
	    background-size: contain;
	    background-repeat: no-repeat;
	    /*display: block;*/
	    text-align: center;
	    font-weight: bold;
	    font-size: 0.9vw;
	}
	.related-links .item .btn-set a.keepFinish{
		padding-top: 40px;
	    background-position: center center;
	    background-size: contain;
	    background-repeat: no-repeat;
	    text-align: center;
	    font-weight: bold;
	    font-size: 0.9vw;
	    background-image: url(/cmn/uniq/job/images/img_btn_keepFinishmodal.png);

	}
	.job-list .item .btn-set a.keepFinish{
		padding-top: 40px;
	    background-position: center center;
	    background-size: contain;
	    background-repeat: no-repeat;
	    text-align: center;
	    font-weight: bold;
	    font-size: 0.9vw;
	    background-image: url(/cmn/uniq/job/images/img_btn_keepFinishmodal.png);

	}
	.job-list .item .btn-set a.show{
		padding-top: 40px;
	    background-image: url(/cmn/uniq/job/images/img_search_btn03.jpg);
	    background-position: center center;
	    background-size: contain;
	    background-repeat: no-repeat;
	    /*display: block;*/
	    text-align: center;
	    font-weight: bold;
	    font-size: 0.9vw;
	}
}

/*search_sp*/
@media only screen and (max-width: 960px) {
	.search_sp{
		background: #000;
	}
	.search_sp dl{
	}
	.search_sp dt{
		position: relative;
		padding: 0 10px;
		top: 0;
		right: 0;
	}
	.search_sp dt img{
		width: 100%;
	}
	.search_sp dd{
		border-top: 1px solid #fff;
		padding: 20px;
		margin: 0 10px 0 10px;
		text-align: center;
	}
	.search_sp .job-wrap{
		background: #00b6bd;
	}	
	.search_sp .keyword-wrap{
		background: #6873ff;
	}
	.search_sp .ac-label  {
		cursor: pointer;
		position: relative;
	}
	.search_sp .keyword input[type="text"] {
    width: 100%;
    height: 36px;
    text-align: center;
    margin-right: 6px;
    border: none;
    border-radius: 14px;
    font-size: 1.5rem;
}
	.search_sp .soushin input{
		padding: 0 40px;
		background-color: #000;
		color: #fff;
		text-align: center;
		border: none;
		width: 100%;
		height: 40px;
		border-radius: 18px;
		font-size: 1.8rem;
		margin-top: 20px;
	
	}
	.search_sp .multiple{
		margin: 10px 0;
	}
	.search_sp .nyuryoku select{
		text-align: center;webkit-appearance: none;
     	-moz-appearance: none;
          appearance: none;
		  display: block;
		  cursor: pointer;
		  width: 100%;
		  height:30px;
		  border: none;
		  padding: 0px;
		  opacity: 0;
		  position: relative;
		  z-index: 2;
		}
	.search_sp .nyuryoku select::-ms-expand {
		display: none; 
	}
	.search_sp .nyuryoku{
		position: relative;
		appearance: none;
		width: 100%;
		height: 40px;
		border-radius: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		border: none;
		color: #000;
		background: #fdfcef;
		background: -moz-linear-gradient(top,  #fdfcef 0%, #ebe7b1 50%, #d3ce8e 100%); 
		background: -webkit-linear-gradient(top,  #fdfcef 0%,#ebe7b1 50%,#d3ce8e 100%); 
		background: linear-gradient(to bottom,  #fdfcef 0%,#ebe7b1 50%,#d3ce8e 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcef', endColorstr='#d3ce8e',GradientType=0 ); 
	}
	.search_sp .nyuryoku .label {
		  position: absolute;
		  width: 100%;
		  z-index: 1;
		line-height: 40px;
		left: 0;
		top: 0;
		}
	.search_sp .nyuryoku::before{
		content: "";
		border-radius:0 18px 18px 0;
		background: #666666;
		background: -moz-linear-gradient(top,  #666666 0%, #1a1a1a 100%); 
		background: -webkit-linear-gradient(top,  #666666 0%,#1a1a1a 100%);
		background: linear-gradient(to bottom,  #666666 0%,#1a1a1a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#1a1a1a',GradientType=0 );
		width: 20px;
		top: 0;
		bottom: 0;
		right: 0;
		position: absolute;

	}
	.search_sp .nyuryoku::after {
	  border-left: 4px solid transparent;
	  border-right: 4px solid transparent;
	  border-top: 4.5px solid #fff;
	  content: "";
	  position: absolute;
	  right: 7px;
	  top: 20px;
	  width: 0;
	}
	
	.search_sp .title::before,
	.search_sp .title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #fff;
    
}
	.search_sp .title::before{
    top:48%;
    right: 15px;
    transform: rotate(0deg);
    
}
	
	.search_sp .title.close {
    position: relative;
    top: 0;
    right: 0;
    background: none;
    color: #fff;
    padding: 0 10px;
    border-radius: 0;
}
	
	.search_sp .title::after{    
    top:48%;
    right: 15px;
    transform: rotate(90deg);

}
	.search_sp .title.close::before{
	transform: rotate(0deg);
}

	.search_sp .title.close::after{
	transform: rotate(-0deg);
}
	.search_sp .box {
    display: none;
}
	.search_modal_btn{

		background-color: #ffee18;
		padding-bottom: 10px;
	}
	.search_modal_btn p{
		margin: 0;
		margin: 0 10px;
		border-bottom: 1px solid #000;
	}
	.search_modal_btn p img{
		width: 100%;
	}
	.wrap{
    margin: 0 auto;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
		z-index: 1005;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 95%;
}
	.modal__content .js-modal-close{
		position: absolute;
		top: -30px;
		right: 0;
	}
	

	.modal__content dt{
		position: relative;
		padding: 0 10px;
		top: 0;
		right: 0;
	}
	.modal__content dt img{
		width: 100%;
		vertical-align: bottom;
	}
	.modal__content dd{
		border-top: 1px solid #fff;
		padding: 20px;
		margin: 0 10px 0 10px;
		text-align: center;
	}
	.modal__content .job-wrap{
		background: #00b6bd;
	}	
	.modal__content .keyword-wrap{
		background: #6873ff;
	}
	.modal__content .ac-label  {
		cursor: pointer;
		position: relative;
	}
	.modal__content .keyword input[type="text"] {
    width: 100%;
    height: 36px;
    text-align: center;
    margin-right: 6px;
    border: none;
    border-radius: 14px;
    font-size: 1.5rem;
}
	.modal__content .soushin input{
		padding: 0 40px;
		background-color: #000;
		color: #fff;
		text-align: center;
		border: none;
		width: 100%;
		height: 40px;
		border-radius: 18px;
		font-size: 1.8rem;
		margin-top: 20px;
	
	}
	.modal__content .multiple{
		margin: 10px 0;
	}
	.modal__content .nyuryoku select{
		text-align: center;webkit-appearance: none;
     	-moz-appearance: none;
          appearance: none;
		  display: block;
		  cursor: pointer;
		  width: 100%;
		  height:30px;
		  border: none;
		  padding: 0px;
		  opacity: 0;
		  position: relative;
		  z-index: 2;

		}
	.modal__content .nyuryoku select::-ms-expand {
		display: none; 
	}
	.modal__content .nyuryoku{
		position: relative;
		appearance: none;
		width: 100%;
		height: 40px;
		border-radius: 18px;
		font-size: 1.8rem;
		font-weight: bold;
		border: none;
		color: #000;
		background: #fdfcef;
		background: -moz-linear-gradient(top,  #fdfcef 0%, #ebe7b1 50%, #d3ce8e 100%); 
		background: -webkit-linear-gradient(top,  #fdfcef 0%,#ebe7b1 50%,#d3ce8e 100%); 
		background: linear-gradient(to bottom,  #fdfcef 0%,#ebe7b1 50%,#d3ce8e 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcef', endColorstr='#d3ce8e',GradientType=0 ); 
	}
	.modal__content .nyuryoku .label {
		  position: absolute;
		  width: 100%;
		  z-index: 1;
		line-height: 40px;
		left: 0;
		top: 0;
		}
	.modal__content .nyuryoku::before{
		content: "";
		border-radius:0 18px 18px 0;
		background: #666666;
		background: -moz-linear-gradient(top,  #666666 0%, #1a1a1a 100%); 
		background: -webkit-linear-gradient(top,  #666666 0%,#1a1a1a 100%);
		background: linear-gradient(to bottom,  #666666 0%,#1a1a1a 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#1a1a1a',GradientType=0 );
		width: 20px;
		top: 0;
		bottom: 0;
		right: 0;
		position: absolute;

	}
	.modal__content .nyuryoku::after {
	  border-left: 4px solid transparent;
	  border-right: 4px solid transparent;
	  border-top: 4.5px solid #fff;
	  content: "";
	  position: absolute;
	  right: 7px;
	  top: 20px;
	  width: 0;
	}

}


@media only screen and (max-width: 900px) {
	#cmnheader .hdrsearchArea .offerlogo {
		display: none;
	}
}
@media only screen and (max-width: 650px) {
	#cmnheader .hdrsearchArea {
		display: none !important;
	}
	.search_modal_btn{
		display: block !important;
	}
}