@charset "utf-8";

/*========================================================
job/css/result.css
========================================================*/

#pageBody .secHead{
	float:left;
	margin:20px 0 30px 0;
	width:700px;
}

#pageBody .secHead img{
	float:left;
	height: 36px;
}

#pageBody .secHead h1{
	float:left;
	font-size:27px;
	font-weight:bold;
	margin:-2px 0 0 0px;
}

#pageBody .secHead h2{
	float:left;
	font-size:135%;
	font-weight:bold;
	margin:-2px 0 0 7px;
}
#pageBody .secHead p{
	float:left;
	font-size:135%;
	font-weight:bold;
	margin:-2px 0 0 7px;
}

#pageBody .bHead p{
	float:right;
	margin-top:-3px;
	margin-bottom:-3px;
}

#pageBody .bHead p em{
	font-size:130%;
}

#pageBody .block01{
	margin-top:3px;
}

#pageBody .textlist01 p{
	float:left;
	width:550px;
	margin:0 0 5px 0;
}

#pageBody .textlist01 td{
	padding:7px 0 0 9px;
}

#pageBody .textlist01 input{
	float:left;
}

#pageBody .block05{
	float:left;
	margin:5px 0 0 0;
	width:706px;
}

#pageBody .bottomspace{
	margin-bottom:16px;
}

#pageBody .block05 .text05 p{
	color:#000;
	/* float:left; */
	font-size:110%;
	letter-spacing:0.17em;
}
#pageBody .block05 .text05 p a{
	color:#2f50b3;
	padding:0 3px 0 0;
	text-decoration:none;
}

#pageBody .block05 .text05 p a:hover{
	text-decoration:underline;
}

#pageBody .block05 .text05 span{
	float:left;
	font-size:110%;
	letter-spacing:0.1em;
	margin:7px 13px 0 0;
}

#pageBody .block05 .text06{
	float:left;
	margin:6px 0 7px 0;
	width:706px;
}

#pageBody .block05 .text06 span{
	float:left;
	font-size:110%;
	letter-spacing:0.15em;
	margin:0 10px 0 0;
}

#pageBody .block05 .text06 select{
	float:left;
	width:120px;
}

#pageBody .block05 .text06 p{
	color:#2f50b3;
	float:right;
	font-size:110%;
	letter-spacing:0.08em;
}

#pageBody .block05 .table02{
	overflow: hidden;
	float:left;
	width:706px;
	background: #fff;
	box-shadow: 0 0 8px rgb(0 0 0 / 20%);
	border-radius: 8px;
}

#pageBody .block05 .table02 .tablettl{
	background: #f5f5f5;;
	height:15px;
	padding:17px 20px 15px 15px;
	border-radius: 8px 8px 0 0;
	border-top: none;
	border-top:7px solid #191d5d;

	@media screen and (max-width: 750px){
		border-bottom: 1px solid #ccc;
	}
}

#pageBody .block05 .table02 .tablettl img{
	float:left;
	margin:7px 0 0 0;
}

#pageBody .block05 .table02 .tablettl p{
	color:#191d5d;
	float:left;
	/* font-size:130%; */
	font-size: 18px;
	width: 530px;
	font-weight: bold;
}

#pageBody .block05 .table02 .tablettl span{
	float:right;
	font-size:120%;
	letter-spacing:0.07em;
}

#pageBody .block05 .table02 th{
	/* border:1px solid #CCCCCC; */
	border-top: 1px solid #ccc;
}

#pageBody .block05 .table02 .thtext{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	width:98px;
}

#pageBody .block05 .table02 td{
	/* border:1px solid #CCCCCC; */
	border-top: 1px solid #ccc;
	font-size:110%;
	padding:12px 16px 10px 16px;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* #pageBody .block05 .table02 td table.result_button01 {
 border: 1px #000000 none;
 border-collapse: collapse;
 width: 574px;
} */

/* #pageBody .block05 .table02 td table.result_button01 td {
 border: 1px #000000 none;
 font-size: 100%;
 padding: 0;
 margin: 0;
 vertical-align: top;
} */

/* #pageBody .block05 .table02 td table.result_button01 td.button01 {
 vertical-align: bottom;
 width: 141px;
} */

#pageBody .block05 .table02 .button01{
	text-align: center;
	padding: 30px 0 15px;
	display: inline-block;

	@media screen and (max-width: 750px){
		display: block;
	}
}

#pageBody .block05 .table02  .button01 .oubo_btn{
	background: #fabf1b;
    color: #fff;
    display: inline-block;
    width: 250px;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    font-size: 1.3em;
    border-radius: 8px;
    box-shadow: 0px 2px 6px 1px rgb(0 0 0 / 20%);
		text-decoration-line: none;
		transition: all 0.3s;
}

#pageBody .block05 .table02  div.button01 .oubo_btn:hover{
	background: #efce76;
}

#pageBody .block05 .table02 td p{
	/* float:left; */
	letter-spacing:0.09em;
}

#pageBody .block05 .table02 .tbltext{
	color:#2F50B3;
	font-size:100%;
}

#pageBody .pagenumber{
	float:left;
	font-size:110%;
	padding:0 0 20px;
	width:706px;
}

#pageBody .pagenumber p{
	float:right;
	letter-spacing:0.08em;
}

/* 20220324 Kanda 本番との差異修正 */
/* WEB_TEAM-59 20220222 suzuki ページネーションデザイン修正*/
#pageBody .paginate-number{
	font-size: 90%;
}

#pageBody .pagenumber p a, #pageBody .paginate-number a{
	display: inline-block;
	padding: 4px 6px;
	color: #009;
	border: solid 1px #009;
	border-radius: 4px;
	line-height: 1;
	margin-bottom: 5px;
}
  
#pageBody .pagenumber p a:hover,#pageBody .paginate-number a:hover{
	background-color: #009;
	color: #fff;
	text-decoration: none;
}

@media screen and (max-width: 750px){
	#pageBody section#pageBodyInner {
		width: 100%;
	}

	#pageBody section#pageBodyInner .secHead,
	#pageBody section#pageBodyInner .pagenumber,
	#pageBody section#pageBodyInner .block05 {
			padding: 0 15px;
	}

	#pageBody section#pageBodyInner .block05 {
		margin-bottom: 20px;
	}

	#pageBody section#pageBodyInner .block05 .table02 .thtext{
		width: 100%;
		border-right: none;
	}
}
/* END */

/*========================================================
common/css/base_new.css
========================================================*/

/* @import "header.css"; import廃止→cssを下記に展開 2021.10 sasaki */
/* @import "footer.css"; import廃止→cssを下記に展開 2021.10 sasaki */
/* @import "search.css"; import廃止→cssを下記に展開 2021.10 sasaki */
/*===========================================================
    header.css
===========================================================*/
.breadcrumb-page, .header-pc-wrap, .header-top-wrap, .header-bottom-wrap {
    width: 100%;
    margin: 0 auto;
}


@media screen and (min-width: 1367px) {
    .breadcrumb-page, .header-pc-wrap, .header-top-wrap, .header-bottom-wrap {
        width: 1366px;
    }
}

@media screen and (max-width: 1366px) {
    .breadcrumb-page, .header-pc-wrap, .header-top-wrap, .header-bottom-wrap {
        width: 100%;
    }
}

#sidebar .box-sidebar .news ul li .dot {
    background: unset;
}


.box-search {
    position: relative;
}

.box-search input {
    border: 1px solid #c0c0c0;
    border-radius: 8px;
    padding: 7px 40px 7px 15px;
    outline: none;
    width: 100%;
    box-sizing: border-box;
}

.box-search .btn-search {
    position: absolute;
    border: none;
    background-color: #0000;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}

.box-search .btn-search img {
    width: 20px;
}

@media screen and (max-width: 750px) {
    .box-search input {
        padding: 15px 45px 15px 15px;
    }
}


#sidebar .box-sidebar .search-by-company ul {
	padding-top: 20px;
}

#sidebar .box-sidebar .search-by-company ul li {
	margin-bottom: 15px;
}

#sidebar .box-sidebar .news {
	margin-top: 20px;
	padding: 0 15px;
	word-break: break-all;
}

#sidebar .box-sidebar .news ul li::before {
	content: '';
    position: absolute;
    background: url(/common/new_images/img_index/black-circle.svg) no-repeat center;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 6px;
    left: 2px;
}

#sidebar .box-sidebar .news ul li {
    position: relative;
    width: unset;
    padding-left: 20px;
    margin-bottom: 4px;
    font-size: 14px;
    text-align: justify;
}

#sidebar .box-sidebar .news ul li a {
    color: #646464;
}

#sidebar .box-sidebar .news ul li a:hover{
	color: #e94e30;
}

#sidebar .box-sidebar .news .title {
    display: flex;
	justify-content: space-between;
	align-items: center;
	color: #646464;
}