@charset "utf-8";

body{
	background: #FAF8EE;
}

#breadCrumb{
	padding: 10px 0;
	border-bottom: 1px #ccc solid;
	font-size: 14px;
}

#breadCrumb ol{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#breadCrumb ol li{
	display: inline;
}

#breadCrumb ol li:after{
	content: " > ";
}

#breadCrumb ol li:last-child:after{
	content: none;
}

@media screen and (max-width: 768px) {
	#breadCrumb div.container{
		padding: 0 5px;
	}
	#breadCrumb{
		font-size: 12px;
	}
}

#contentWrap{
	margin: 20px 0 0 0;
}

#contentFooter{
	background: url("../img/h3_kojinTop.jpg") no-repeat top left;
	margin-top : 50px;
	padding: 50px 0 80px 0;
	text-align: center;
}

#contentFooter button.btn-primary{
	background-color: #7CBD51;
	border-color: #7CBD51;
	border-bottom: 5px #66A23E solid;
	color: #fff;
	font-weight: bold;
}

#contentFooter div{
/*	text-align: right;*/
}

@media screen and (max-width: 992px) {
	#contentFooter button{
		margin-bottom: 30px;
	}

	#contentFooter div{
		text-align: left;
	}
}

#contentFooter a{
	font-weight: bold;
	color: #4C302C;
	padding: 0.5em 0 0 0;
	display: inline-block;
}


/* 旧スタイル引き継ぎ
------------------------------------------------------------ */
.textred{
	color: #D9534F;
}

.textredbold{
	color: #D9534F;
	font-weight: bold;
}

.ime_disabled{
	ime-mode: disabled;
}

.ime_active{
	ime-mode: active;
}

.ime_disabled_right{
	ime-mode: disabled;
	padding-right: 1px;
	text-align: right;
}

tr.clickable:hover td{
	background: #ecf2fa;
	cursor: pointer;
}



/* TOP aside
------------------------------------------------------------ */
aside#kojinTop img.logo,
aside#kojinTopPC img.logo{
	/*max-width: 80%;*/
	margin: 0 auto;
}

aside#kojinTop div#asideTel,
aside#kojinTopPC div#asideTel{
	background: #F0DBB7;
	border-radius: 3px;
	margin: 50px auto 20px auto;
	padding: 3px;
	box-sizing: border-box;
}

aside#kojinTop div#asideTel div,
aside#kojinTopPC div#asideTel div{
	border: 1px #fff solid;
	background: #F0DBB7;
	border-radius: 3px;
}

aside#kojinTop div#asideTel div dl,
aside#kojinTopPC div#asideTel div dl{
	margin: 0
}

aside#kojinTop div#asideTel div dl dt,
aside#kojinTopPC div#asideTel div dl dt{
	position: relative;
}

aside#kojinTop div#asideTel div dl dt:after,
aside#kojinTopPC div#asideTel div dl dt:after{
	border-top: 10px solid #F0DBB7;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	margin-left: -10px;
	position: absolute;
	bottom: -10px;
	left: 48%;
}

aside#kojinTop div#asideTel div dl dt img,
aside#kojinTopPC div#asideTel div dl dt img{
	max-width: 80%;
	padding: 10px 0;
}

aside#kojinTop div#asideTel div dl dd p,
aside#kojinTopPC div#asideTel div dl dd p{
	background: #fff;
	margin: 0;
	padding: 25px 0 10px 0;
}

aside#kojinTop div#asideTel div dl dd p span.telno,
aside#kojinTopPC div#asideTel div dl dd p span.telno{
	font-weight: bold;
	color: #4C302C;
}

aside#kojinTop div#asideConsulting,
aside#kojinTopPC div#asideConsulting{
	margin: 40px 0;
}

aside#kojinTopPC div#asideConsulting p,
aside#kojinTop div#asideConsulting p{
	font-weight: bold;
}

aside#kojinTop div#asideConsulting ul,
aside#kojinTopPC div#asideConsulting ul{
	padding-left: 0;
	list-style-type: none;
}

aside#kojinTop div#asideConsulting ul li,
aside#kojinTopPC div#asideConsulting ul li{
	margin-bottom: 5px;
}

aside#kojinTop div#asideConsulting ul li .fa,
aside#kojinTopPC div#asideConsulting ul li .fa{
	margin: 0 0.75em;
}

aside#kojinTop div#asideConsulting ul li a,
aside#kojinTopPC div#asideConsulting ul li a{
	display: block;
	padding: 0.5em 1.2em;
	color: #4C302C;
	font-weight: bold;
	background: #F0DBB7;
	border-radius: 3px;
}

aside#kojinTop div#asideConsulting ul li a:hover,
aside#kojinTopPC div#asideConsulting ul li a:hover{
	text-decoration: none;
	background: #F5E8D0;
}

aside#kojinTop div#asideConsulting ul.specialContents li a,
aside#kojinTopPC div#asideConsulting ul.specialContents li a{
	color: #4C302C;
	font-weight: bold;
	background: #FFF;
	border: 2px #F0DBB7 solid;
	border-radius: 3px;
	padding-left: 3.75em;
	text-indent: -1.25em;
}

aside#kojinTop div#asideConsulting ul.specialContents li a:hover,
aside#kojinTopPC div#asideConsulting ul.specialContents li a:hover{
	text-decoration: none;
	background: #FFFAC0;
}

aside#kojinTop div#asideConsulting ul.specialContents li a span,
aside#kojinTopPC div#asideConsulting ul.specialContents li a span{
	display: inline;
	background: #FF4D4D;
	color: #fff;
	border-radius: 2px;
	font-size: 11px;
	padding: 0 0.5em;
	vertical-align: middle;
}

aside#kojinTop div#asideConsulting ul.specialContents li .fa,
aside#kojinTopPC div#asideConsulting ul.specialContents li .fa{
	margin: 0;
}

@media screen and (max-width: 1199px) {
	aside#kojinTop div#asideConsulting ul li .fa,
	aside#kojinTopPC div#asideConsulting ul li .fa{
		margin: 0;
	}

	aside#kojinTop div#asideConsulting ul.specialContents li a,
	aside#kojinTopPC div#asideConsulting ul.specialContents li a{
		padding-left: 2.25em;
		text-indent: -0.8em;
	}

	aside#kojinTop div#asideConsulting ul.specialContents li .fa,
	aside#kojinTopPC div#asideConsulting ul.specialContents li .fa{
		margin-right: -0.15em;
	}
}

aside#kojinTop div.spMenu,
aside#kojinTopPC div.spMenu{
	padding: 10px;
}

aside#kojinTop div.spMenu form,
aside#kojinTopPC div.spMenu form{
	margin-bottom: 10px;
}



/* TOP Content
------------------------------------------------------------ */
div#kojinContent h2{
	color: #4C302C;
	margin: 50px 0 25px 0;
	padding: 0 0 20px 0;
	background: url(../img/h2_kojinTop.jpg) bottom center no-repeat;
}

div#kojinContent h2 small{
	font-size:0.5em;
	padding-bottom: 15px;
	display:block;
	color:#4C302C;
}

div#kojinContent h2 small:before{
	content: "＼ ";
}

div#kojinContent h2 small:after{
	content: " ／";
}

@media screen and (max-width: 768px) {
	div#kojinContent h2 small:before,
	div#kojinContent h2 small:after{
		content: none;
	}
}

div#kojinContent h3{
/*	font-weight: bold;
	background: url("../img/h3_kojinTop.jpg") no-repeat left bottom;
	color: #4c302c;
	margin: 0 0 50px 0;
	padding: 30px 0 30px 0;*/
	font-weight: bold;
	background: url("../img/h3_kojinTop.jpg") no-repeat left bottom;
	color: #4c302c;
	margin: 0 0 30px 0;
	padding: 20px 0 20px 0;
}

div#kojinContent section#kojinTopSec02 h3{
	background: none;
	color: #7CBD51;
	margin: 0 0 20px;
	padding: 0;
}

div#kojinContent h3 small{
	padding: 0 1.5em;
}

div#kojinContent button.btn-primary{
	background-color: #7CBD51;
	border-color: #7CBD51;
	border-bottom: 5px #66A23E solid;
	color: #fff;
	font-weight: bold;
}

div#kojinContent button.btn-default{
	background-color: #999;
	border-color: #999;
	color: #fff;
}

div#kojinContent button.btn-danger{
	background-color: #EC8AB4;
	border-color: #EC8AB4;
	border-bottom: 5px #E2508E solid;
	color: #fff;
	font-weight: bold;
}


div#kojinContent section{
	border: 1px #BBB solid;
	background: #fff;
	padding: 30px;
}

/* 2022.12.22 並び順を降順（desc）に変更 ADD START */
div#kojinContent ul.info3 {
	max-height: 200px;
	overflow-y: scroll;
	margin-top: 0 !important;
	padding-right: 10px;
}
/* 2022.12.22 並び順を降順（desc）に変更 ADD END */

@media screen and (max-width: 768px) {
	div#kojinContent section{
		padding: 15px 10px;
	}

	div#kojinContent h3{
		padding: 0 0 20px 0;
		text-align: center;
	}

	div#kojinContent h3 small{
		padding: 10px 0 0 0;
		display: block;
	}
}
/*slider*/
/*==// スライダーと文字のwrap //==*/
/*==// 上に載せる文字部分 //==*/
.slider > div > div > div
{
    position:relative;
}
.slider > div > div > div > div
{
    position:absolute;
    text-align: center;
    z-index: 10;
    top: 24%;
    color: #fff;
    width: 100%;
}
.slider > div div p.count
{
    border-top: 1px #fff solid;
    border-bottom: 1px #fff solid;
    width: 70%;
    margin: 0 auto;
    padding: 1.0em 0 0.5em 0;
}
.slider > div div p.count span{
    padding: 0 1.25em 0 0.5em;
}
.slider > div div p.count br {
	display: none;
}
@media screen and (max-width: 500px) {
  .slider > div div p.count br {
    display: inline-block;
  }
}

/*==// ここからdots //==*/
.slick-slide
{
    margin-bottom: 10px;
}
.slick-dots li button:before
{
    color:#666 !important;
    opacity:1 !important;
}
.slick-dots li.slick-active button:before
{
    color: #7cbd51 !important;
    opacity: 1 !important;
}


/* TOP Content Section
------------------------------------------------------------ */
#kojinTopSec01 dl{
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border-bottom: 1px #ccc dotted;
}

#kojinTopSec01 dl:last-of-type{
	margin: 0 0 20px 0;
}

#kojinTopSec01 dl dt{
	width: 15%;
	float: left;
	background: #777;
	color: #fff;
	font-weight: normal;
	text-align: center;
}

#kojinTopSec01 dl dd{
	width: 82%;
	float: right;
}

@media screen and (max-width: 768px) {
	#kojinTopSec01 dl dt{
		width: auto;
		float: none;
		background: #999;
		padding: 0.25em 0;
	}
	#kojinTopSec01 dl dd{
		width: auto;
		float: none;
		padding: 0.5em 0 0 0;
	}
}

#kojinTopSec01 p{
	margin: 20px 0 0 0;
}

div#kojinContent section#kojinTopSec02{
	border: 7px #7CBD51 solid;
	box-sizing: border-box;
	border-radius: 7px;
}

#kojinTopSec02>div{
	margin: 30px 0 50px 0;
}

#kojinTopSec02 table th{
	vertical-align: middle;
}

#kojinTopSec02 div.searchForm{
	position: relative;
}

#kojinTopSec02 div.searchForm input[type="text"]{
	width: 100%;
}

#kojinTopSec02 div.searchForm button{
	position: absolute;
	top: 0;
	right: 1px;
}

#kojinTopSec02 div small{
	cursor: pointer;
}

#kojinTopSec02 div.count{
	margin: 0 auto;
	text-align: center;
}

#kojinTopSec02 div.count p{
	color: #fff;
	display: inline-block;
	background: #7CBD51;
	padding: 0.25em 1.0em;
	margin: 0 auto;
	border-radius: 5px;
}

div.popover-content{ /*tooltip*/
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Arial","Helvetica","Verdana","sans-serif";
}

#kojinTopSec02 div.searchForm button.btn-primary{
	border-bottom: none;
	border-radius: 0 5px 5px 0;
}

#kojinTopSec02 h4{
	color: #4C302C;
	font-weight: bold;
	border-bottom: 1px #ccc solid;
	padding: 0.5em 0.2em;
}

/* 2021.05.20 M.Tanaka しごまる。求人情報の整備 MOD START */
/* 北九州市内の企業が登録したU・Iターン就職者向けの求人情報を探せます！の「職種」リスト */
div.search_para:before {
	content: "・";
}
div.search_para{
	display: inline-flex;
}
div.search_para > a:before {
	padding-left: 10px;
}
/* 2021.05.20 M.Tanaka しごまる。求人情報の整備 MOD END */

div#kojinContent section#kojinTopSec03>div{
	margin: 40px auto;
}

div#kojinContent section#kojinTopSec03 p.catch{
	color: #7CBD51;
	line-height: 1.5em;
	font-weight: bold;
}

div#kojinContent section#kojinTopSec03 img{
	width: 80%;
}

div#kojinContent section#kojinTopSec03 div#sec03Menu{
	background: #F2E8CE;
}

@media screen and (max-width: 768px) {
	div#kojinContent section#kojinTopSec03 p.catch{
		font-size: 1.0em;
		text-align: left;
	}

	div#kojinContent section#kojinTopSec03 p.catch br{
		display: none;
	}

	div#kojinContent section#kojinTopSec03 p.sec03Disp{
		line-height: 1.25em;
		height: 5.0em;
		overflow: hidden;
	}

	div#kojinContent section#kojinTopSec03 img{
		width: 90%;
	}
}

#kojinTopSec04 p.bnr img{
	width: 280px;
}

#kojinTopSec04 div{
	margin-bottom: 30px;
}

#kojinTopSec04 h3 i{
	font-size: 1.875em;/*30px*/
}



/* 既存class制御
------------------------------------------------------------ */
#uidata .pankuzu{
	display: none;
}

/* ログイン後 aside menu_pi */
aside#kojinTop #menu-mydata img.logo,
aside#kojinTopPC #menu-mydata img.logo{
	width: 70%;
	margin: 0 auto 30px auto;
}

aside#kojinTop #menu-mydata p.mydataUser span,
aside#kojinTopPC #menu-mydata p.mydataUser span{
	font-weight: bold;
}

aside#kojinTop #menu-mydata a.list-group-item,
aside#kojinTopPC #menu-mydata a.list-group-item,
aside#kojinTop #menu-mydata span.list-group-item,
aside#kojinTopPC #menu-mydata span.list-group-item{
	border-color: #7CBD51;
}

aside#kojinTop #menu-mydata span.active,
aside#kojinTopPC #menu-mydata span.active{
	background: #7CBD51;
	font-weight: bold;
}

aside#kojinTop #menu-mydata span.active i.fa,
aside#kojinTopPC #menu-mydata span.active i.fa{
	margin-right: 3px;
	color: #FAE75B;
}

aside#kojinTop #menu-mydata a.list-group-item i.fa,
aside#kojinTopPC #menu-mydata a.list-group-item i.fa{
	color: #7CBD51;
}

aside#kojinTop #menu-mydata span.msg,
aside#kojinTopPC #menu-mydata span.msg{
	padding-bottom: 1em;
	color: #555;
}

aside#kojinTop #menu-link ul,
aside#kojinTopPC #menu-link ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

aside#kojinTop #menu-link ul li,
aside#kojinTopPC #menu-link ul li{
	margin-bottom: 20px;
}

/*ログイン*/
#uidata-login form{
	margin: 40px 0 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}

#uidata-login form p{
	margin-top: 10px;
}

#uidata-login ul{
	margin: 20px 0 20px -20px;
}

#uidata-login div.panel i.fa{
	color: #4c302c;
	float: left;
	margin-right: 0.25em;
}

#uidata-login-other{
	margin-bottom: 40px;
}

#uidata-login-other h4{
	font-weight: bold;
	color: #4C302C;
	padding: 0.4em;
	border-left: 10px #4C302C solid;
}

#kojinContent #uidata-login-other button.bt-rgst{
	background: #7CBD51;
	border-color: #7CBD51;
	color: #fff;
	font-weight: bold;
}

#kojinContent #uidata-login-other .bt-cmpn{
	background: #64C4F2;
	border-color: #64C4F2;
	color: #fff;
	font-weight: bold;
}

#kojinContent #uidata-login-other .balloon-msg{
	position: relative;
	/*display: inline-block;*/
	margin: 1.5em 0;
	padding: 7px 10px 0px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	background: #FFF;
	border: solid 3px #FF9326;
	box-sizing: border-box;
}

#kojinContent #uidata-login-other .balloon-msg p a{
	text-decoration: underline;
	font-weight: bold;
}

.balloon-msg:before{
	content: "";
	position: absolute;
	top: -24px;
	left: 50%;
	margin-left: -15px;
	border: 12px solid transparent;
	border-bottom: 12px solid #FFF;
	z-index: 2;
}

.balloon-msg:after{
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -17px;
	border: 14px solid transparent;
	border-bottom: 14px solid #FF9326;
	z-index: 1;
}

.balloon-msg p {
	margin: 0;
	padding: 0;
}

.balloon-msgLeft{
	display: inline-block;
	float: left;
	margin-top: 7px;
}

.balloon-msgRight{
	text-align: right;
}

.balloon-msgRight img{
	width: 16%;
}

@media screen and (min-width: 1200px) {
#kojinContent #uidata-login-other .balloon-msg{
	font-size: 14px;
}

#kojinContent #uidata-login-other .balloon-msg p a{
	font-size: 17px;
}
}

@media screen and (max-width: 1199px){
#kojinContent #uidata-login-other .balloon-msg{
	font-size: 11px;
}

#kojinContent #uidata-login-other .balloon-msg p a{
	font-size: 14px;
}
}

@media screen and (max-width: 768px) {
	#uidata-login-other h4{
		border: 0;
		text-align: center;
	}
}


/*ID問い合わせ*/
#uidata-inquire form{
	margin: 40px 0;
	padding: 20px 0 0 0;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}

#uidata-inquire h4{

}

#uidata-inquire ul{
	margin: 20px 0 20px -20px;
}


/*利用規約*/
#uidata-regulation textarea{
	width: 100%;
	margin: 20px 0;
}

#uidata-regulation-agree{
	margin: 0 0 40px 0;
}


/*利用登録、面接エントリー*/

#uidata-registbox h4{
	font-weight: bold;
	color: #4C302C;
	padding: 0.4em;
	margin: 0 0 20px 0;
	border-left: 10px #4C302C solid;
}

#uidata-registbox form{
	margin: 40px 0;
}

#uidata-registbox form > div{
	width: 100%;
}

#uidata-registbox div.uidata-regist-entry{
	/*エントリー用*/
	margin-bottom: 30px;
}

#uidata-registbox dl {
	margin: -1px 0 0 0;
	width: 100%;
	border: 1px solid #ddd;
	background-color: #eee;
}

#uidata-registbox dl.last{
}

#uidata-registbox dt{
	clear: both;
	float: left;
	width: 22.5%;
	padding: 10px;
	font-weight: normal;
}

#uidata-registbox dd{
	margin-left: 22.5%;
	padding: 10px;
	background-color: #fff;
	border-left: 1px solid #ddd;

}
/* IE7以下以外用 */
#uidata-registbox dd:after{
	content:'';
	display:block;
	clear:both;
}

/* 2022.06.16 cakephp化した際に余分は余白が入るため、コメント */
/*
#uidata-registbox dl dd div{
	margin-bottom: 1.0em;
}
*/

#uidata-registbox dl dd h4,
#uidata-registbox dl dd h5{
	background: #F5E8D0;
	font-size: 16px;
	margin: 0 0 0.25em 0;
	padding: 0.5em;
}

#uidata-registbox dl dd p{
	margin: 0.25em 0 0 0;
	line-height: 1.5em;
}

#uidata-registbox dl dd textarea{
	width: 100%;
}

#uidata-registbox dl dd .form-control{
	margin-bottom: 2px;
}

#uidata-registbox dl dd p.textbold span{
	font-weight: bold;
	background: linear-gradient(transparent 60%, #ffff66 60%);
}

#uidata-registbox dl dd p.openInfo{
	cursor: pointer;
}

#uidata-registbox dl dd p.openInfo span{
	color: #337ab7;
}

#uidata-registbox div.panel{
	margin-top: 30px;
}

#uidata-registbox div.panel label{
	font-weight: normal;
}

#uidata-registbox p button.btn-warning{
	margin: 30px 10px 0 10px;
	padding: 10px 35px;
	background-color: #f0ad4e;
	border-color: #f0ad4e;
	border-bottom: 5px #D88412 solid;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 0.1em;
}

#uidata-registbox p button.btn-default{
	margin: 30px 10px 0 10px;
	background-color: #999;
	border-color: #999;
	border-bottom: 5px #666 solid;
	color: #fff;
	font-weight: bold;
	font-size: 22px;
}

#uidata-registbox div.panel i.fa{
	color: #4c302c;
	float: left;
	margin-right: 0.25em;
}

#uidata-registbox div.example{
	padding: 0.75em;
	margin: 10px 0 0 0;
	border: 2px #7CBD51 dotted;
	border-radius: 3px;
	background: rgba(251,255,211,0.5);
}

@media screen and (max-width: 768px) {
	#uidata-registbox dl dt,
	#uidata-registbox dl dd{
		float: none;
		width: 100%;
	}
	#uidata-registbox dl dt{
	}
	#uidata-registbox dl dt br{
		display: none;
	}
	#uidata-registbox dl dd{
		border-left: none;
		margin: 0;
	}
	#uidata-registbox dl dd h4{
		font-size: 14px;
	}
	#uidata-registbox dl dd input.form-mini{
		/*width: 20%;*//* 2022.08.29 スマホで表示が崩れるため、コメントアウト */
		display: inline;
	}
}



/*求人、企業検索*/
#ui-searchBox{
	border: 1px #ddd solid;
	background: rgb(255,255,255) url(../img/bg_searchBox.jpg) no-repeat center top;
	box-sizing: border-box;
	margin: 0 0 10px 0;
	padding: 20px 20px 40px 20px;
}

@media screen and (max-width: 768px) {
	#ui-searchBox{
		background: #fff;
	}
}

#ui-searchBox div > div{
	padding: 0 20px;
}

#ui-searchBox div h4{
	font-weight: bold;
	color: #4c302c;
	font-size: 24px;
	padding-bottom: 15px;
	border-bottom: 3px #ccc double;
}

#ui-searchBox form{
	margin: 30px 0 20px 0;
	position: relative;
}

#ui-searchBox form#searchForm01 button,
#ui-searchBox form#searchForm11 button{
	position: absolute;
	right: 1px;
	top: 1px;
	border: 0;
	border-bottom: medium none;
	border-radius: 0 3px 3px 0;
}

#ui-searchBox form input.form-width{
	width: 100%;
}

#ui-searchBox dl.example{
	margin-bottom: 1.0em;
}

#ui-searchBox dl.example dt{
	color:  #7CBD51;
}

#ui-searchBox form dl{
	width: 100%;
}

#ui-searchBox form dl dt{
	clear: both;
	float: left;
	width: 30%;
}

#ui-searchBox form dl dd{
	margin-left: 31%;
}

/* IE7以下以外用 */
#ui-searchBox form dl dd:after{
	content:'';
	display:block;
	clear:both;
}

@media screen and (max-width: 768px) {
	#ui-searchBox div > div{
		padding: 0 5px;
	}

	#ui-searchBox div > div:last-child{
		border: 0;
		padding-top: 40px;
	}
}

/* 2021.05.11 M.Tanaka しごまる。求人情報の整備（職種のセレクトボックス修正）MOD START */
@media screen and (min-width: 768px)
{
	#ui-searchBox #uidata-search-pj-right dd > select
	{
		width: 260px !important;
	}
}
/* 2021.05.11 M.Tanaka しごまる。求人情報の整備（職種のセレクトボックス修正）MOD END */

/*求人、企業検索結果*/
#uidata-result div.panel p{
	margin: 0;
}

#uidata-result p.text-left{
	float: left;
	width: 50%;
}

#uidata-result p.text-right{
	float: right;
	width: 50%;
}

#uidata-result table{
	background: #fff;
	width: 100%;
}

#uidata-result table th{
	text-align: center;
	background: #eee;
}

#uidata-result table th,
#uidata-result table td{
	padding: 10px;
	vertical-align: middle;
}

#uidata-result table td.col01{
	color: #337ab7;
	font-weight: bold;
	width: 30%;
}

#uidata-result table td.col05{
	text-align: center;
	width: 20%;
}

#uidata-result table td.col03,
#uidata-result table td.col04{
	text-align: center;
	width: 10%;
}

@media screen and (max-width: 768px) {
	#uidata-result table{
		border-top: 0;
	}

	#uidata-result table th,
	#uidata-result table td{
		display: block;
		padding: 5px 10px;
		border: 0;
	}

	#uidata-result table tr{
		border-bottom: 10px #FAF8EE solid;
	}

	#uidata-result table td.col01{
		border-top: 1px #ddd solid;
		border-bottom: 1px #ddd dashed;
		background: #f4f4f4 !important;
		padding: 10px;
		font-weight: bold;
		font-size: 16px;
		width: 100%;
	}

	#uidata-result table td.col02{
		padding: 5px 10px 0 10px;
	}

	#uidata-result table td.col03,
	#uidata-result table td.col04,
	#uidata-result table td.col05{
		text-align: left;
		width: 100%;
		padding: 5px 10px 0 10px;
	}

	#uidata-result table td.col03,
	#uidata-result table td.col04{
		border-bottom: 1px #ddd solid;
		padding: 5px 10px 5px 10px;
	}
}



/*求人、企業検索結果 詳細*/
#uidata-detail p.textredbold{
	margin: 10px 0 20px 0;
}

#uidata-detail h4{
	font-weight: bold;
	color: #4C302C;
	padding: 0.4em;
	margin: 0 0 20px 0;
	border-left: 10px #4C302C solid;
}

#uidata-detail h4.detailpk{
	margin-top: 20px;
}

#uidata-detail .textarea{
	background-color: #fff;
	word-wrap: break-word;
	padding: 15px 20px 5px 20px;
	border: 1px solid #ddd;
	margin-bottom: 30px;
}

#uidata-detail .mgnL15{
	margin-left: 15px;
}

#uidata-detail .mgnT20{
	margin-top: 20px;
}

#uidata-detail .displayImg{
	margin-right: 0px;
}

@media screen and (min-width: 768px) {
#uidata-detail .noImg{
	margin-right: 15px;
}
}

@media screen and (max-width: 767px) {
#uidata-detail .noImg{
	margin-right: 0px;
}

#uidata-detail .displayImg{
	margin-right: 0px;
	margin-left: 0px;
}

#uidata-detail .noImg img,
#uidata-detail .displayImg img{
	margin: 0 auto 20px auto;
}
}

#uidata-detail dl{
	margin: -1px 0 0 0;
	width: 100%;
	border: 1px solid #ddd;
	background-color: #eee;
}

#uidata-detail dl.last{
}

#uidata-detail dt{
	clear: both;
	float: left;
	width: 22.5%;
	padding: 10px;
	font-weight: normal;
	font-weight: bold;
	color: #4C302C;
}

#uidata-detail dd{
	margin-left: 22.5%;
	padding: 10px;
	background-color: #fff;
	border-left: 1px solid #ddd;

}
/* IE7以下以外用 */
#uidata-detail dd:after{
	content: '';
	display: block;
	clear: both;
}

#uidata-detail dl dd div{
	margin-bottom: 1.0em;
}

#uidata-detail dl dd ruby rt{
	ruby-align: start;
}

#uidata-detail dl dd h5{
	background: #eee;
	font-size: 16px;
	margin: 0 0 0.25em 0;
	padding: 0.5em;
}

/* 2021.05.11 M.Tanaka しごまる。求人情報の整備 ADD START */
#uidata-detail dl dd h6{
	color: #666;
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0.5em 0 0.3em 0;
}
#uidata-detail dl dd span{
	color: #696969;
	font-size: 15px;
}
/* 2021.05.11 M.Tanaka しごまる。求人情報の整備 ADD END */

#uidata-detail #detail-bt{
	margin: 50px 0;
}

#uidata-detail #detail-bt form{
	display: inline;
}

#uidata-detail #detail-bt form button{
	margin: 10px;
}

#uidata-detail #detail-btTop{
	margin: 0 0 20px 0;
}

#uidata-detail form button.btn-primary i.fa{
	color: #fae75b;
}

#uidata-detail div.alert-danger{
	margin: 20px 0;
}

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

	#uidata-detail #detail-bt{
		margin: 30px 0 50px 0;
	}

	#uidata-detail dl dt,
	#uidata-detail dl dd{
		float: none;
		width: 100%;
	}
	#uidata-detail dl dt{
	}
	#uidata-detail dl dt br{
		display: none;
	}
	#uidata-detail dl dd{
		border-left: none;
		margin: 0;
	}
	#uidata-detail dl dd h5{
		font-size: 14px;
	}

	#uidata-detail form button{
		font-size: 16px;
	}
	#uidata-detail form button span{
		display: none;
	}
}

#uidata-detailCompany{
	margin: 0 0 30px 0;
}

#detail-photos{
	margin: 0 0 50px 0;
}

#detail-photos img{
	margin: 0 auto 5px auto;
}

/* 企業情報の画像 */
.detail-others img {
	margin-bottom: 20px;
}

/*面接エントリー*/
#uidata-entry ul{
	padding-left: 20px;
}

/*コンサルに相談する*/
#uidata-consul-office{
	position: relative;
}

#uidata-consul-office img{
	margin: 0 auto;
}

#uidata-consul-office p{
	border: 1px #bbb solid;
	border-radius: 5px;
	padding: 0.75em;
	width: 30%;
	position: absolute;
	background: url(../img/bg_officeArrow.png) no-repeat;
	background-position : 100% 50%;
}

#uidata-consul-office p.kitakyu{
	z-index: 101;
	top: 30px;
	left: 30px;
}

#uidata-consul-office p.tokyo{
	z-index: 102;
	bottom: 30px;
	right: 30px;
}

#uidata-consul-info-ex p{
	font-weight: bold;
	color: #4C302C;
}

#uidata-consul-info-ex ul{
	border: 3px #F0DBB7 solid;
	border-radius: 7px;
	padding: 20px 20px 12px 40px;
	background: #fff;
}

#uidata-consul-info-ex ul li{
	padding-bottom: 8px;
	color: #4C302C;
}

#uidata-consul-info-ex p.otherinfo{
	margin-top: 2.0em;
}

#uidata-consul h4{
	font-weight: bold;
	color: #4C302C;
	padding: 0.4em;
	margin: 50px 0 20px 0;
	border-left: 10px #4C302C solid;
}

#uidata-consul p.itaku{
	border-top: 3px #ccc double;
	border-bottom: 3px #ccc double;
	padding: 0.5em;
	text-align: center;
}

#uidata-consul p.itaku span{
	font-weight: bold;
}

#uidata-consul div.box008,
#uidata-consul div#mailConsForm,
#uidata-consul div#online-consul{
	background: #fff;
	border: 1px solid #bbb;
	padding: 1.0em;
/*	margin: 0 0 30px 0;*/
	margin: 0 0 10px 0;
}

#uidata-consul span.telno{
	font-size: 24px;
	font-weight: bold;
}

#uidata-consul p.opentime{
	font-size: 1
}

#uidata-consul form table th,
#uidata-consul form table td{
	padding: 5px;
}

#uidata-consul form table th{
	width: 20%;
	color: #4C302C;
}

#uidata-consul form input[type="text"]{
	width: 50%;
}

#uidata-consul form textarea{
	width: 100%;
}

#uidata-consul h5{
	font-size: 1.0em;
	font-weight: bold;
}

#uidata-consul iframe{
	width: 100%;
	height: 200px;
}

@media screen and (max-width: 768px) {
	#uidata-consul-office div{
		position: absolute;
		z-index: 100;
		top: 20px;
		left: 10px;
	}

	#uidata-consul-office p.kitakyu,
	#uidata-consul-office p.tokyo{
		width: 120%;
		position: static;
	}


	#uidata-consul form table{
		border-top: 0;
	}

	#uidata-consul form table th{
		background-color: #eee;
	}

	#uidata-consul form table th,
	#uidata-consul form table td{
		display: block;
		padding: 5px 10px;
		border: 0;
		width: 100%;
	}

	#uidata-consul form input[type="text"]{
		width: 100%;
	}
}


#uidata-consul div#mailConsFormTtl{
	padding-top: 70px;
}

@media screen and (max-width: 768px) {
	#uidata-consul div#mailConsFormTtl{
		padding-top: 10px;
	}
}
#uidata-consul div#online-consul a{
	word-break: break-all;
}

#uidata-consul div#online-consul .main-bdr{
	border-color: #F0DBB7;
}

#uidata-consul div#online-consul .tl-content {
	position: relative;
	padding: 0 0 1.5em 1.8em;
}

#uidata-consul div#online-consul .tl-content:before {
	content: "";
	display: block;
	position: absolute;
	top: 24px;
	bottom: 0;
	left: 6px;
	width: 3px;
	background: #ccc;
}

#uidata-consul div#online-consul .tl-content:last-of-type:before {
	content: none;
}

#uidata-consul div#online-consul .tl-content img{
	max-width: 100%;
	height: auto;
}

#uidata-consul div#online-consul .tl_label {
	padding-top: 2px;
	color: #90969a;
	font-size: 14px;
	font-weight: bold;
}

#uidata-consul div#online-consul .tl_title {
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5;
}

#uidata-consul div#online-consul .tl_main {
	margin-top: 0.5em;
	padding: 0 0 1.5em;
	font-size: 0.9em;
	line-height: 1.6;
	border-bottom: dashed 1px #ccc;
}

#uidata-consul div#online-consul .main-bc {
	background-color: #F0DBB7;
}

#uidata-consul div#online-consul .tl_marker {
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 0;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	border: solid 3px #F0DBB7;
}




/*北九州、東京オフィス、個別相談会*/
#uidata-office table{
	background: #fff;
	margin: 30px 0;
}

#uidata-office table th{
	background: #eee;
	font-weight: bold;
	color: #4C302C;
}

#uidata-office table td ul{
	padding-left: 20px;
}

#uidata-office iframe{
	width: 100%;
	height: 400px;
}

#uidata-office div.panel-heading a{
	color: #337ab7;
}

@media screen and (max-width: 768px) {
	#uidata-office table th,
	#uidata-office table td{
		display: block;
		border: 0;
	}
	#uidata-office table th{
		border-top: 1px #ddd solid;
		border-bottom: 1px #ddd solid;
	}
	#uidata-office table tr:first-child th{
		border-top: 0;
	}
}



/*インタビュー、交流会*/
#uidata-interview h4{
	font-weight: bold;
	color: #4C302C;
	padding: 0.4em;
	margin: 50px 0 20px 0;
	border-left: 10px #4C302C solid;
}

#uidata-interview .row-eq-height {
	display: flex;
	flex-wrap: wrap;
}

#uidata-interview .row{
	padding-top: 20px;
}

#uidata-interview .interviewBlock p{
	line-height: 120%;
}

#uidata-interview .interviewBlock p strong{
	color: #337ab7;
}

#uidata-interview .interviewBlock{
	position:relative;
	margin-bottom: 30px;
}

#uidata-interview .interviewBlock a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-indent:-9999px;
	z-index: 5;
}

#uidata-interview .interviewBlock p.mainImg img{
	display:block;
}

#uidata-interview .interviewBlock p.mainImg small{
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 10;
	padding: 0.15em 0.75em;
}

#uidata-interview .interviewBlock p.mainImg small.cate00{
	background: #FAE75B;
	color: #7BBD51;
}

#uidata-interview .interviewBlock p.mainImg small.cate01{
	background: #F8CEE0;
	color: #4C302C;
}

#uidata-interview .interviewBlock a:hover{
	background-color:#FFF;
	filter:alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: 0.2;
}



/*インタビュー、交流会　一覧*/
#uidata-interviewDetail div.cate00{
	background: #7CBD51;
	background-position: top 0 right -50px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

#uidata-interviewDetail div.cate00 span{
	padding: 0.2em 0.5em;
	background: #FAE75B;
	color: #7CBD51;
}

#uidata-interviewDetail div.cate00 div.detailheaderL{
	width: 54%;
	padding: 15px;
	color: #fff;
	background: #7CBD51;
}

#uidata-interviewDetail div.cate01{
	background: #F5C2D8;
	background-position: top 0 right -50px;
	background-repeat: no-repeat;
	background-size: auto 100%;
}

#uidata-interviewDetail div.cate01 span{
	padding: 0.2em 0.5em;
	background: #4C302C;
	color: #FFF;
}

#uidata-interviewDetail div.cate01 p{
	color: #4C302C;
}

#uidata-interviewDetail div.cate01 div.detailheaderL{
	width: 54%;
	padding: 15px;
	color: #fff;
	background: #F5C2D8;
}

#uidata-interviewDetailHeader h4{
	text-shadow: 1px 1px 1px #444;
	font-weight: bold;
	padding: 15px 0 20px 0;
	margin-bottom: 20px;
	border-bottom: 1px #fff solid;
	min-height: 5.0em;
}

#uidata-interviewDetail h5{
	margin: 45px 0 0 0;
	padding: 0.75em;
	text-align: center;
	display: block;
	font-size: 20px;
	font-weight: bold;
}

#uidata-interviewDetail h5.cate00{
	border-bottom: 2px #7CBD51 solid;
	color: #7CBD51;
}

#uidata-interviewDetail h5.cate01{
	border-bottom: 2px #4C302C solid;
	color: #4C302C;
}

#uidata-interviewDetail div.interviewBox{
	margin: 15px 0 30px 0;
}

#uidata-interviewDetail div.interviewBox p{
	color: #4C302C;
}

#uidata-interviewDetail div.interviewBox img{
	margin: 0 0 1.0em 0;
}

@media screen and (max-width: 1199px){
	#uidata-interviewDetailHeader div.detailheaderL{
		width: 60%;
	}
}

@media screen and (max-width: 650px){
	#uidata-interviewDetail div.cate00,
	#uidata-interviewDetail div.cate01{
		background-position: top center;
		background-size: 100% auto;
		padding-top: 200px;
	}

	#uidata-interviewDetail div.cate00 div.detailheaderL{
		width: 100%;
		background: #7CBD51;
	}

	#uidata-interviewDetail div.cate01 div.detailheaderL{
		width: 100%;
		background: #F5C2D8;;
	}
}

#uidata-interviewDetail div.interviewBox02{
	margin: -20px 10px 30px 10px;
}



/*正社員以外のお仕事*/
#uidata-otherWork p.subTitle img{
	margin: 0 auto 50px auto;
}

#uidata-otherWork div strong{
	display: block;
	font-weight: bold;
	color: #4C302C;
	margin-bottom: 30px;
}

#uidata-otherWork h4{
	font-weight: bold;
	color: #4C302C;
	padding: 4px;
	margin: 90px 0 20px 0;
	border-left: 10px #4C302C solid;
	position:relative;
}

#uidata-otherWork h4 span{
	display: block;
	position: absolute;
	top: -45px;
	left: -10px;
	z-index: 10;
	padding: 8px 10px 6px 10px;
	background: #FAE75B;
	border-radius: 5px;
}

#uidata-otherWork h4 span:after {
	border: 10px solid transparent;
	border-top-color: #FAE75B;
	border-bottom-width: 0;
	bottom: -10px;
	content: "";
	display: block;
	left: 14px;
	position: absolute;
	width: 0;
}

#uidata-otherWork table{
	background: #fff;
	width: 100%;
}

#uidata-otherWork table th{
	text-align: center;
	background: #eee;
}

#uidata-otherWork table th,
#uidata-otherWork table td{
	padding: 10px;
	vertical-align: middle;
}

#uidata-otherWork table td.col01{
	color: #337ab7;
	font-weight: bold;
	width: 30%;
}

#uidata-otherWork table td.col05{
	text-align: center;
	width: 20%;
}

#uidata-otherWork table td.col05 span{
	background: #7CBD51;
	border-color: #7CBD51;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
}



@media screen and (max-width: 768px) {
	#uidata-otherWork table{
		border-top: 0;
	}

	#uidata-otherWork table th,
	#uidata-otherWork table td{
		display: block;
		padding: 5px 10px;
		border: 0;
	}

	#uidata-otherWork table tr{
		border-bottom: 10px #FAF8EE solid;
	}

	#uidata-otherWork table td.col01{
		border-top: 1px #ddd solid;
		border-bottom: 1px #ddd dashed;
		background: #f4f4f4 !important;
		padding: 10px;
		font-weight: bold;
		font-size: 16px;
		width: 100%;
	}

	#uidata-otherWork table td.col02{
		padding: 5px 10px 0 10px;
		text-align: left;
		width: 100%;
		border-bottom: 1px #ddd solid;
		padding: 5px 10px 5px 10px;
	}

	#uidata-otherWork table td.col05{
		display: none;
	}
}


@media print {
	header#headerContentPC{
		display: none !important;
	}
}