@charset "UTF-8";

html {
    line-height: normal;
}

body {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;
	font-display: swap;
	color:#333;
	font-size: 14px;
}

button, input, optgroup, select, textarea {
    line-height: normal;

}

a,
a:link,
a:active,
a:visited {
	color:#1982d1;
	text-decoration:none;
}
a:hover {
	color:#1982d1;
	opacity: 0.7;
}

a:hover img {
	opacity: 0.7;
}

#global a:hover img {
	opacity: 1;
}

img {
	border:none;
}

img.imgmid {
	vertical-align:middle;
}

img.iconnews {
	padding-left:5px;
	vertical-align:middle;
}

p {
	padding:1em 0;
}

.paraend {
	padding-bottom:2em;
}

.clearfix {
	/zoom:1;
}
.clearfix:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}

p{
	font-size:14px;
	line-height:160%;
	letter-spacing:0.05em;
	color:#333333;
}

td{
	font-size:12px;
	line-height:200%;
	color:#333333;
}

ul{
	margin:0px;
	padding:0px;
}

li{
	margin-bottom:5px;
	list-style-type:none;
}

img{
	border:0px;
	margin:0px;
}

form{
	padding:0px;
	margin:0px;
}

h1{
	font-size:12px;
	line-height:140%;
}

h2{
	font-size:12px;
	line-height:120%;
}

h3{
	font-size:12px;
	line-height:120%;
}

h4{
	font-size:12px;
	line-height:120%;
}

em{
	font-style:normal;
	font-weight:bold;
}

strong{
	color:#cc0000;
	font-style:normal;
	font-weight:bold;
}

table{
	empty-cells:show;
}

.tablescroll-content {
	overflow-x: scroll;
}

.go_link{
	margin-top:5px;
	padding-top:5px;
	padding-bottom:2px;
	font-size:12px;
	text-align:right;
	background:url(../images/dot_pattarn.gif) repeat-x;
	background-position:top;
}

.footer_navi3{
	margin-top:20px;
	margin-bottom:10px;
}

.go_back{
	font-size:12px;
	text-align:right;
}

.go_back_img{
	padding-right:3px;
	vertical-align:middle;
}

.em{
	font-size:12px;
	color:red;
	font-weight:bold;
}
@media screen and (max-width: 767px) {
	.ttd_top,
	.nlbtn {
		display: none!important;
	}
}
.ttd_top a {
	background: rgba(0, 0, 0, 0) url("../images/ttd_top.gif") no-repeat scroll 0 0;
	color: #333333;
	display: block;
	font-size: 9pt;
	height: 23px;
	padding-left: 95px;
	padding-top: 32px;
	text-decoration: none;
	width: 95px;
}
.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
@media screen and (max-width: 767px) {
	.spflexwrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}
.aligncenter {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.respimg {
	width: 100%;
	height: auto;
}
/* loader */
#infscr-loading {
text-align:center;
margin:0 auto;
}

/* #wrapper {
	padding-top: 126px;
} */

div#header {
	position: fixed;
	top: 0;
	z-index: 102;
	background: #fff;
	width: 100%;
}
div#header .inner {
	padding-bottom:5px;
	width:900px;
	margin:0 auto;
}

div#header div#logo {
	padding-top:18px;
	float:left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
a.logo-link {
	text-decoration: none;
}
div#header div#logo .logocap {
	font-size: 12px;
	color: #999;
	margin-top: 2px;
	margin-left:10px;
}

div#header div#submenu {
	margin-top:7px;
	float:right;
	text-align:right;
}

#submenu .submenu-item {
	display: inline-block;
	width: 120px;
	height: 21px;
	text-decoration: none!important;
	color: #433e81;
	text-align: center;
	background: #e0dfea;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 2px solid #96939b;
	margin-left: 8px;
}

div#header div#submenu a:link,
div#header div#submenu a:active,
div#header div#submenu a:visited {
	color:#818181;
	text-decoration:underline;
}
div#header div#submenu a:hover {
	color:#818181;
	text-decoration:none;
}

div#header div#submenu img {
	padding-left:10px;
	vertical-align:middle;
}

div#header div#submenu .recinfototal {
	margin-top:5px;
	color:#666;
}

div#header div#submenu .recinfototal .totalnum .number {
	color:#433e81;
	font-weight:bold;
}

#spmenu {
	display: none;
}

.ta-r {
	text-align: right;
}

#container {
	width:900px;
	margin:0 auto;
}

.gnav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.gnav-item {
	width: 172px;
	height: 34px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #fff;
}

.gnav-item .gnav-item-link {
	color: #343434;
	font-weight: bold;
	display: block;
	border: 2px solid #423f84;
}

.gnav-item .gnav-item-link:hover,
.gnav-item .gnav-item-link.current {
	color:#ffc600;
	border: 2px solid #ffc600;
}

#global {
	padding-top:7px;
	padding-bottom:6px;
	background: #003;
}

#global ul {
	width:900px;
	margin:0 auto;
}

#global li {
	margin-right:10px;
	margin-bottom: 0;
}
#global li .global-img {
	vertical-align: bottom;
}
#global li.end {
	margin-right:0;
}

#mainvisual {
	position:relative;
	width:900px;
	padding-top:0;
	margin:0 auto 20px auto;
}
@media screen and (max-width: 767px) {
	#mainvisual {
		margin:0 auto -4px;
	}
}
#mainvisual a.mainexperience {
	position: absolute;
	bottom: 37px;
	right: -27px;
	display: block;
}
#mainvisual a.mainexperience img {
	width: 87%;
}
#mainvisual a.mainentry {
	position: absolute;
	bottom: 20px;
	left: 13px;
	display: block;
}

#mainvisual a.mainentry img {
	width: 90%;
}

#slide {
	position:relative;
	width:844px;
	height:359px;
	overflow:hidden;
}

#slide #list li {
	position:absolute;
	top:0;
	left:0;
}

#slide #navi {
	position:absolute;
	top:340px;
	font-size:0;
	right:0;
}

#slide #navi li {
	font-size:0.2em;
	height:0.2em;
	float:left;
	width:36px;
	height:5px;
	margin-left:7px;
	background:#c2c2c2;
}

#slide #navi li a {
	position:absolute;
	font-size:0.2em;
	height:0.2em;
	display:block;
	width:36px;
	height:5px;
	background:none;
}

#slide #navi li a.current,
#slide #navi li a:hover {
	background:#8f8f8f;
}

.corporateinfoslider {
	margin-bottom: 32px;
}

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

	#message-block p {
		font-size: 0.6rem;
	}

	.corporateinfoslider {
		margin-top: 12px;
	}
}

.pointbefore::before {
	content: "・";
	font-family: fontawesome;
	font-size:1rem;
	margin-right: 3px;
	color: #999;
}
.icodlbefore::before {
	content: "\f019";
	font-family: fontawesome;
	font-size:1rem;
	color: #999;
	margin-right: 3px;
}
.arrtopbefore::before {
	content: "\f077";
	font-family: fontawesome;
	font-size: 16px;
	 margin-right: 3px;
}
.listtypebefore::before {
	content: '・';
	font-size:1rem;
	margin-right: 3px;
	margin-left: -7px;
	 color: #999;
}
.arrbefore::before {
	content: "\f0da";
	font-family: fontawesome;
	font-size:1rem;
	margin-right: 3px;
	 color: #999;
}
.arrbefore-down::before {
	content: "\f0da";
	font-family: fontawesome;
	font-size: 1rem;
	margin-right: 3px;
	color: #999;
}
.arrafter-down::after {
	content: "\f078";
	font-family: fontawesome;
	font-size: 1rem;
	margin-right: 3px;
	color: #999;
}
.arrbackbefore::before {
	content: "\f0a8";
	font-family: fontawesome;
	font-size: 1rem;
	margin-right: 3px;
}
.arrtoafter::after {
	content: "\f0a9";
	font-family: fontawesome;
	font-size: 1rem;
	margin-left: 3px;
}
.floatwrap {
	overflow: hidden;
	zoom: 1;
}
@media screen and (max-width: 767px) {
	.respimg {
		width: 100%;
		height: auto;
	}
	[class$="mw300"] {
		max-width: 300px;
		height: auto;
	}
	.spnone {
		display: none;
	}
}
@media screen and (min-width: 768px) {
	.pcnone {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.sectionblock {
		padding-right:2%;
		padding-left:2%;
	}
}
@media screen and (min-width: 768px) {
	.pctitle-style01 {
		font-size: 16px!important;
	}
}
@media screen and (max-width: 767px) {
	.sptitle-style01 {
		font-size: 16px!important;
	}
}

.contents {
	/*--20170706 EN追加--------*/
	width: 860px;
	/*--20170706 EN追加ここまで--------*/
	margin:0 auto;
}

.complist .complistbox{
	/*width:100%;*/
	border-left:2px solid #003;
	border-right:2px solid #003;
	border-bottom:2px solid #003;
	padding:10px 12px;
	margin-bottom:20px;
}

.complist .titlebg {
	background-color: #003;
	padding: 5px 10px 4px 10px;
	border-radius: 2px 2px 0 0;
}

.formwrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 20px;
}
@media screen and (max-width: 767px) {
	.formwrap {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
}
.icozip {
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -12px;
}
@media screen and (max-width: 767px) {
	.icozip {
		top: 20px;
	}
}
.inputzip {
	margin-right: 12px;
	margin-bottom: 8px;
}

.interviewlist .titlebg2,
.footerdblbox .titlebg2 {
	background-color: #fff;
	background-repeat:  no-repeat;
	background-color: #003;
	padding: 5px 10px 4px 10px;
	border-radius: 2px 2px 0 0;
}

.firstbox h2 img,
.prejudicebox h2 img {
	vertical-align: middle;
}

.complist h2 {
	float:left;
	color: #fff;
	font-size: 14px;
}

@media screen and (max-width: 767px) {
	.complist h2 {
		padding-top: 4px;
	}
}

.complist .btnall {
	float:right;
	padding-top: 1px;
}

@media screen and (max-width: 767px) {
	.complist .btnall {
		font-size: 12px;
	}
}

.btnall a {
	color: #ffc600;
	text-decoration: none;
}

#sliderlogo {
	clear:both;
	margin: 0 auto;
}

.contentsleft {
	width:650px;
	float:left;
}

.basicsearch {
	margin-bottom:40px;
}

.basicsearch .infototal {
	display:none;
}

@media screen and (max-width: 767px) {
	.basicsearch .infototal {
		display:inline;
		font-size: 13px;
	}
}

.basicsearch form {
	text-align:center;
}

.btnfaq {
	display: inline-block;
	border-radius: 2px;
	width: 186px;
	height: 36px;
	color: #000;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #999;
	background: #f4f4f4;
}
.btnfaq a {
	color: #000;
	display: block;
}
.btnfaq a::before {
	content: '\f29c';
	font-family: fontawesome;
	font-size: 16px;
	margin-right: 3px;
}
[class^="btnsearch"] {
	display: inline-block;
	border-radius: 2px;
	width: 186px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #e9b500;
	background: #ffce27;
}
@media screen and (max-width: 767px) {
	[class^="btnsearch"] {
		width: 136px;
	}
	.search_interview .btnsearch {
		width: 180px;
	}
}
.btnsearch-style01 {
	border: 1px solid #eee;
	background: #eee;
}
a.btnsearch,
a.btnsearch:link {
	color: #000;
}
.basicsearch h2 {
	margin-bottom:25px;
	background: url(../images/title_search_bg.gif) no-repeat;
	font-size: 130%;
	padding: 14px 0 14px 36px;
}

.basicsearch input {
	vertical-align: middle;
}

.basicsearch input[type="text"] {
	padding: 5px 10px;
}
@media screen and (min-width: 768px) {
	.basicsearch input[type="text"] {
		width: 330px;
	}

	.search-form-base tr:nth-child(1) .text,.search-form-base tr:nth-child(2) .text{
		width: 70px;
		display: inline-block;
	}
	
	.search-form-base tr:nth-child(3) .text {
		width: 98px;
		display: inline-block;
	}
}
.basicsearch .ico-btnsearchoption {
	display: none;
}

.catsearch {
	margin-bottom:30px;
}

.catsearch h2 {
	display: block;
	margin-bottom:25px;
	background: url(../images/title_search_bg.gif) no-repeat;
	font-size: 130%;
	padding: 14px 0 14px 36px;
}
.catsearch .catlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	width:620px;
	font-size: 16px;
	margin:0 auto;
}
.catsearch .catlist li {
	position: relative;
	width:47%;
	padding-left:14px;
}
.catsearch .catlist li::before {
	position: absolute;
	font-size: 16px;
	content: '\f105';
	font-family: fontawesome;
	color: #1982d1;
	top: 4px;
	left: 2px;
}
.catsearch .catlist li span {
	color:#999;
}

.newjobsearch {
	margin-bottom:30px;
}

.newjobsearch h2 {
	display: block;
	margin-bottom:10px;
	background: url(../images/title_search_bg.gif) no-repeat;
	font-size: 130%;
	padding: 14px 0 14px 36px;
}

.newjobsearch ul li{
	padding-top: 10px;
}

.pickjobsearch {
	margin-bottom:30px;
}

.pickjobsearch h2 {
	display: block;
	margin-bottom:10px;
	background: url(../images/title_search_bg.gif) no-repeat;
	font-size: 130%;
	padding: 14px 0 14px 36px;
}

.pickjobsearch a {
	font-size: 13px;
	padding: 0px 4px;
}

.pickjobsearch .topgyoshu a{
	font-size: 16px;
	text-decoration: none;
	border-bottom: 1px solid #1982d1;
}

.pickjobsearch ul li{
	padding-top: 15px;
	padding-bottom: 10px;
}
.contentsright {
	width:190px;
	float:right;
}

.contentsright_title {
	color: #fff;
	background: #003;
	border-radius: 4px 4px 0 0;
	text-align: center;
	padding: 4px 0;
}

.sidenavetitle {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin: 24px 0;
}

.contentsright-list li {
	font-size: 12px;
}

.contentsright-list li a {
	display: block;
	padding: 8px 4px;
	border-bottom: 1px dotted #999;
	text-decoration: none;
}

.menulist_top2 {
	border: 1px solid #999;
}

.menulist_top2_list {
	padding-left: 2%;
}

.menulist_top2_list a {
	text-decoration: none;
}

.menulist_top2_list .arrbefore {
	padding-left: 6px;
}

.entrybtntop {
	color:#999;
	font-size: 12px;
	margin-bottom:10px;
}

.entrybtntop img {
	margin-bottom:5px;
}

.nlbtn, .excellent, .sns_fb, .sns_tw,
.resumesample, .jobchangeqa, .bglossary {
	margin-bottom:15px;
}

.itcompay, .interview, .voice, .ttd_top {
	margin-bottom:10px;
}

.excellent {
	text-align: center;
}

.excellent-txt {
    color: #999;
    font-size: 11px;
	margin-top: -15px;
	margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
	#pc_copy {
		display:none;
	}
}

@media screen and (min-width: 768px) {
	#sp_copy {
		display:none;
	}
}

.featul {
	margin-bottom:15px;
}
.featul-item {
	line-height:53px;
	height: 53px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: 80px auto;
	border: 1px solid #b3b3b3;
	margin-bottom: 12px;
}
.featul-item-link {
	position: relative;
	display: block;
	padding: 0 12px;
}
.featul-item-link::before {
	position: absolute;
	content: '';
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .8);

	top: 19px;
	right: 7px;
}
@media screen and (min-width: 768px) {
	.featul-item-link::before {
		top: 21px;
		right: 8px;
	}
}
.featul-item-link::after {
	position: absolute;
	right: 12px;

	content: "\f105";
	font-family: fontawesome;
	margin-left: 8px;
}
.featul-item-link:link,
.featul-item-link:visited {
	color: #000;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	.featul-item-link:link {
		font-size: 12px;
		padding: 23px 12px;
	}
}
.menulist_top2 {
	width:190px;
	padding: 8px 0 3px;
	background-color:#ffffff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	margin-bottom: 24px;
	font-size: 12px;
	line-height: 20px;
}

@media screen and (max-width: 767px) {
	.menulist_top2 {
		width:100%;
	}
}
.menulist_top3 {
	margin-bottom: 24px;
	font-size: 12px;
	line-height: 20px;
}
.category_title3 {
	font-size: 14px;
	margin-top: 24px;
	margin-bottom: 4px;
}
@media screen and (max-width: 767px) {
	.category_title3 {
		margin-top: 24px;
	}
	.menulist_top2_list{
		font-size: 14px;
	}
}
.category_title4 {
	font-size: 16px;
	margin-top: 24px;
	margin-bottom: 12px;
	padding-bottom: 4px;
	border-bottom: 1px solid #999;
}
.category_title4 a {
	color: #000;
}
.newjob {
	margin-bottom:30px;
}

.newjob-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.newjob-title h2 {
	margin-right: auto;

}
.newjob a.newjob-link {
	font-size: 12px;
}
.newjob a.newjob-link:link,.newjob a.newjob-link:active, .newjob a.newjob-link:visited, .newjob a.newjob-link:hover{
	display: block;
	width: 80px;
	color: #1982d1;
}
.newjob a.newjob-link::after{
	content: "\f105";
	font-family: fontawesome;
	margin-left: 8px;
}

.newjob .newjobbg {
	width:100%;
padding: 10px 0;
}

.newjob .newjobbg li {
	line-height: 1.4rem;
	font-size: 14px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #999;
	margin-bottom: 12px;
}

.newjob .newjobbg li.end {
	padding-bottom:0;
}

.newjob a:link,
.newjob a:active,
.newjob a:visited,
.newjob a:hover {
	color:#000;
}
a:link.js-module_management {
	color: #fff;
}
.newjob .recjobbg ul {
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.newjob .recjobbg li {
	width:145px;
	padding-right:12px;
}
.newjob .recjobbg li.end {
	padding-right:0;
}

.recexperience {
	margin-bottom:30px;
}

.recexperience div {
	position: relative;
}

.recexperience-list {
	position: absolute;
	right: 	10px;
	bottom: 20px;
	font-size: 12px;
	background: #fff;
	padding: 4px 8px;
	border-radius: 2px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic",Verdana,sans-serif;
}
.recexperience-list::after {
	content: "\f105";
	font-family: fontawesome;
	margin-left: 8px;
}
.recexperience ul {
	padding: 10px;
}

.recexperience ul li {
	line-height: 1.2;
	font-size: 14px;
	border-bottom: 1px dotted #999;
	margin-bottom: 12px;
	background: url(../images/icon_pen.png) no-repeat;
 	background-position: -1px -5px;
	padding-bottom: 4px;
}

.recexperience ul li a {
	display: block;
	color: #000;
	text-decoration: none;
	padding-left: 2em;
}

.recexperience ul li a:hover {
	color: #666;
}

.recexperience ul li a dt {
	float: left;
	width: 4em;
}

.recexperience ul li a dd {
	/* margin-left: 4em; */
	margin-left: 4.6em;
}
.interviewlist-title-bg {
	padding-left: 20px;
	background: url("../images/icon_mic-pc.png");
	background-repeat: no-repeat;
	background-size: auto 20px;
}

.interviewlist h2 {
	color: #fff;
}
@media screen and (max-width: 767px) {
	.interviewlist h2 {
		font-size: 16px;
		padding-left: 20px;
	}
	.interviewlist-title-bg {
		background: url("../images/icon_mic-sp.png");
		background-repeat: no-repeat;
		background-size: 15px;
	}
}
.interviewlist h2 img {
	vertical-align: middle;
}
.topinterviewlist .interviewlist-title h2 {
	color: #363636;
}

.interviewlist-title {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.interviewlist .btnall {
	position: absolute;
	right: 10px;
	top: 2px;
	padding-top: 2px;
}
@media screen and (max-width: 767px) {
	.interviewlist .btnall {
		font-size: 12px;
		position: absolute;
		right: 10px;
		top: 0;
		padding-top: 2px;
	}
}
.interviewlist .interviewlistbox {
	width:100%;
	border-left:2px solid #003;
	border-right:2px solid #003;
	border-bottom:2px solid #003;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding-top:5px;
	margin-bottom:60px;
}
.topinterviewlist.interviewlist .interviewlistbox,
.interviewlist.corporatelist .interviewlistbox {
	border: none;
}

.interviewlist .interviewlistbox ul {
	width:606px;
	margin:20px auto;
}

.topinterviewlist.interviewlist .interviewlistbox ul {
	margin-top: 0;
}

.topinterviewlist.interviewlist .interviewlistbox ul,
.interviewlist.corporatelist .interviewlistbox ul {
	width: 100%;
}

.interviewlist.corporatelist .interviewlistbox ul li {
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.interviewlist.corporatelist .interviewlistbox ul li {
		padding: 0!important;
	}
}

.topinterviewlist.interviewlist .interviewlistbox ul li {
	border-bottom:1px dotted #333!important;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.topinterviewlist.interviewlist .interviewlistbox ul li {
		padding: 0!important;
		border-bottom: none !important;
	}
	.topinterviewlist.interviewlist .interviewlistbox ul li:nth-last-child(1) {
    	border-bottom: 1px dotted #333 !important;
	}
}

.interviewlist .interviewlistbox ul li {
	border-bottom:1px dotted #333;
	padding-bottom:10px;
	margin-bottom:10px;
}

.interviewlist.corporatelist .corporatelist-title {
	position: relative;
}
@media screen and (max-width: 767px) {
	.interviewlist.corporatelist .corporatelist-title {
		margin: 0 1%;
	}
}

.interviewlist.corporatelist .corporatelist-title .recexperience-list {
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.interviewlist .interviewlistbox ul li .interviewleft {
	float:left;
	width:465px;
}

.interviewlist .interviewlistbox ul li .interviewleft .intnumber span {
	display: inline-block;
	padding:2px 8px;
	background:#ffc600;
	margin-bottom: 2px;
}

.interviewlist .interviewlistbox ul li .interviewleft h2 {
	padding-bottom:10px;
}

.interviewlist .interviewlistbox ul li .interviewleft h2 a:link,
.interviewlist .interviewlistbox ul li .interviewleft h2 a:active,
.interviewlist .interviewlistbox ul li .interviewleft h2 a:visited {
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
.interviewlist .interviewlistbox ul li .interviewleft h2 a:hover {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

.interviewlist .interviewlistbox ul li .interviewleft .intcomlogo {
	width:87px;
	float:left;
}

.interviewlist .interviewlistbox ul li .interviewleft .intcomtxt {
	float:right;
	width:360px;
	font-size: 18px;
}

.interviewlist .interviewlistbox ul li .interviewright {
	float:right;
	width:124px;
}

.interviewlist .interviewlistbox ul li .interviewright img {
	border:2px solid #bfbfcc;
}

.interviewlist .interviewspthum {
	display: none;
}

.firstbox {
	width:315px;
	float:left;
}

.firstbox a,
.prejudicebox a {
	color:#000;
	text-decoration:none;
}

.firstbox h2 a,
.prejudicebox h2 a {
	color: #fff;
}

.prejudicebox {
	width:315px;
	float:right;
}

.footerdblbox .firstbox .footerdblboxbdr,
.footerdblbox .prejudicebox .footerdblboxbdr {
	width:295px;
	border-left:2px solid #003;
	border-right:2px solid #003;
	border-bottom:2px solid #003;
	padding:8px;
	margin-bottom:30px;
}

.footerdblboxbdr {
	font-size: 14px;
}

.footerdblboxbdr h3 {
	font-size: 14px;
	margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
	.footerdblboxbdr h3 {
		font-size: 16px;
		margin-bottom: 8px;
		font-weight: bold;
	}
}
.footerdblboxbdr h4 {
	line-height: 160%;
}
@media screen and (max-width: 767px) {
	.footerdblboxbdr h4 {
		font-size: 14px;
	}
}
.footerdblbox .footerdblicon {
	float:left;
	width:98px;
}

.regbox {
	margin-bottom:50px;
}

.regbox h2 {
	font-size: 0;
}

@media screen and (max-width: 767px) {
	.regbox h2 {
		font-size: inherit;
	}
}

.regbox .regboxtxt1 {
	background:url(../images/reg1.gif) no-repeat;
	width:650px;
	height:114px;
}

.regbox .regboxtxt2 {
	background:url(../images/reg2.gif) no-repeat;
	width:650px;
	height:133px;
}

.regbox .regboxtxt1 .regtxt {
	float:left;
	margin-left:20px;
	margin-top:18px;
}

.regbox .regboxtxt2 .regtxt {
	float:left;
	margin-left:20px;
	margin-top:30px;
}

.regbox .regboxtxt1 a {
	float:right;
	margin-right:28px;
	margin-top:20px;
	display: block;
}

.regbox .regboxtxt2 a {
	float:right;
	margin-right:28px;
	margin-top:28px;
	display: block;
}



#spbtmbnrs {
	display: none;
}



/* 企業情報テーブル */
.companyname {
	width: 96%;
	font-weight: bold;
	padding-left: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #999;
	margin: 0 auto;
}

.companyinfotable {
	line-height: 2rem;
	padding: 0 2%;
}

.companyinfotable-tr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px dotted #ddd;
}

.companyinfotable-th {
	width: 170px;
	padding: 0 4px;
}

.companyinfotable-td, .profile_r {
	width: 480px;
}

/* スマホ向け */
@media screen and (max-width: 767px) {

	.companyinfotable-tr {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.companyinfotable-th {
		width: 100%;
		background: #f4f4f4;
	}

	.companyinfotable-td, .profile_r {
		width: 100%;
		padding-left: 4px
	}

}






/*--フッター----------*/

.footer {
	margin-top:25px;
	margin-bottom:0px;
	padding:16px 0;
	background-color:#f5f5f5;
	width: 100%;
	color: #666;
}
.footer .inner {
	width:900px;
	margin: 0 auto;
	font-size:.8rem;
}

.footer .inner .jumpmenu {
	float: right;
}

.footer .inner ul {
	float: left;
}
.footer .inner ul li {
	float: left;
	border-right:1px dotted #999;
	padding-right:5px;
	margin-right: 5px;
	margin-bottom: 8px;
}
.footer .inner ul li:last-child {
	border: none;
}

.footer .inner h3 {
	padding: 5px 0 14px 0;
	clear: both;
}

.footer a {
	text-decoration:none;
	color:#666;
	font-size:90%;
}

.footer a:visited {
	text-decoration:none;
	color:#666;
}

.footer a:hover {
	text-decoration:underline;
	color:#00BFFF;
}

.footer #footerbtm {
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

.footer #footerbtm div:first-child {
	float: left;
}

.footer #footerbtm div:last-child {
	float: right;
}

.footer em {
	font-weight:normal;
}







.kumamoto {
	background-color:#fafad2;
	border:1px solid #cccccc;
	margin-bottom:10px;
	padding:10px 5px;
	text-align:center;
}

.icon_new {
	vertical-align: middle;
	padding-right: 2px;
}



.topicpath {
	margin-bottom: 10px;
	padding: 10px 0;
	font-size: 13px;
}

.topicpath-list {
	list-style: none;
	margin: 0 auto;
}

.topicpath-item {
	float: left;
	padding: 0 10px 0 16px;
	background: url("../images/icon_arrow.png") no-repeat left center;
	background-size: 6px auto;
}
.topicpath-item:first-child {
	padding: 0 10px 0 0;
	background: 0;
}

.topicpath-link {
	color: #666;
}
.topicpath-link:visited,
.topicpath-link:focus,
.topicpath-link:active {
	color: #666;
}


/*--転職案内フッター--*/
.touroku_footer{
	margin:30px 0px;
	width:538px;
	border:1px solid #9999ff;
}

.touroku_footer2{
	margin:30px 0px;
	width:525px;
	border:1px solid #999999;
}

.touroku_footer2 a{
	text-decoration:none;
	color:#333333;
}

.touroku_footer2 a:visited{
	text-decoration:none;
	color:#333333;
}

.touroku_footer2 a:hover{
	text-decoration:underline;
	color:#1E90FF;
}

.touroku_footer_i{
	clear:both;
	margin:30px auto 70px;
	max-width:538px;
	border:1px solid #999999;
}

.touroku_footer_detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.touroku_footer_main{
	width:514px;
	margin:2px;
	padding:10px;
	background-color:#9999ff;
}

.touroku_footer_main2{
	clear:both;
	margin:2px;
	padding:5px 2px;
	background-color:#ffffff;
}

.touroku_footer_list{
	width:315px;
	padding-left:8px;
	text-align:left;
}

.touroku_footer_img{
	width:170px;
}

.touroku_footer_img2{
	width:160px;
	background-color:#ffffff;
}

.touroku_footer_detail_text {
	margin-right: auto;
}

.touroku_footer_detail_text li {
	padding-left: 4%;
}

.touroku_footer_detail_btn {
	margin-right: 10px;
}
@media screen and (max-width: 767px) {
	.touroku_footer_detail_btn {
		width: 100%;
		text-align: center;
		margin-right: 0;
	}
}
.touroku_footer_title {
	background: #00002c;
	border-radius: 4px;
	width: 96%;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 4px 3px;
}

a.touroku_footer_detail_btn_link {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 185px;
	padding: 10px 0;
	border-radius: 4px;
	font-size: 14px;
	text-align: center;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fca425+0,f56203+100 */
	background: #fca425; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear,  left top, left bottom,  from(#fca425),to(#f56203));
	background: linear-gradient(to bottom,  #fca425 0%,#f56203 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca425', endColorstr='#f56203',GradientType=0 ); /* IE6-9 */
}
@media screen and (max-width: 767px) {
	a.touroku_footer_detail_btn_link {
		width: 96%;
		font-size: 14px;
		margin-top: 16px;
	}
}
.touroku_footer_koment{
	font-size: 14px;
	padding:15px 10px;
	color:#666666;
}

.touroku_footer_img2{
	width:160px;
	background-color:#ffffff;
}

.fe_button a{
	display:block;
	width:185px;
	height:60px;
	margin:3px;
	letter-spacing:1px;
	background:url(../images/entry_button_footer.gif) no-repeat;
}

.fe_button a:hover{
	background:url(../images/entry_button_footer_h.gif) no-repeat;
}

.touroku_footer3 {
	background: whitesmoke;
	border: #D0D0D0 solid 1px;
	width: 540px;
	margin: 10px 0px 20px 0px;
	overflow:hidden;
}

.touroku_footer_img3 {
	width: 71px;
	height: 100px;
	float: left;
	margin: 10px;
}

.touroku_footer_catch3 {
	width:444px;
	height:20px;
	float: left;
	margin-top: 15px;
}

.touroku_footer_text3 {
	width: 250px;
	float: left;
	font-size: 12px;
	line-height: 16px;
	margin: 15px 0px 6px 6px;
	display: block;
}


.touroku_footer_button3 a{
	width: 185px;
	height: 60px;
	float: left;
	display: block;
	margin-top: 15px;
	background: url(../images/touroku_footer_button.gif) no-repeat;
	background-position: 0px 0px;
}

.touroku_footer_button3 a:hover {
	background-position: 0px -60px;
}


/*--転職案内フッター--*/

em{
	font-style:normal;
	font-weight:bold;
}

.midasi{
	padding-left: 7px;
	margin-top: 12px;
	margin-bottom: 12px;
	color: #666666;
	font-size: 16pt;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	letter-spacing: 0px;
	border-bottom: 3px solid #ddd;
}

.maintitle {
	margin-top: 40px;
}

@media screen and (max-width: 767px) {
	.midasi{
		width: 96%;
		margin-left: 2%;
	}
}
.midasih2 {
    margin: 30px 0px 15px;
    /* border-left: 4px solid #00bfff; */
    border-left: 4px solid #413d80;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
    color: #363636;
    padding-left: 7px;
    font-size: 140%;
}
.midasih2 a {
	text-decoration: none;
	color: #000;
}
.midasih3 {
    margin: 30px 0px 15px;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
    color: #363636;
    padding-left: 7px;
    font-size: 125%;
		font-weight: 600;
		border-bottom: 1px solid #666;
		padding-bottom: 4px;
}
.cp_kaisetsu,
.cp_kaisetsu2 {
	font-size: 14px
}
@media screen and (max-width: 767px) {
	.midasih2 {
		width: 96%;
		margin-left: 2%;
	}
}
.midasih4 {
	margin: 30px 0px 15px;
	border-left: 4px solid #999;
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	color: #363636;
	padding-left: 7px;
	font-size: 120%;
}
.midashi03 {
    border-left: 5px solid #003;
    height: 32px;
    line-height: 32px;
    margin-top: 40px;
    padding-left: 22px;
    font-size: 11pt;
    color: #333333;
    background: #f4f4f4;
}

.midasi_h2{
	color:#4D4D4D;
	height:26px;
	margin:50px 0px 15px 0px;
	padding-top:7px;
	padding-left:7px;
	font-size:110%;
	background:url(../images/midashi_1.gif) no-repeat;
}


/* スマホ向け */
@media screen and (max-width: 767px) {

	.interviewcontent {
		width: 96%;
		margin: 0 auto;
	}

}

.btnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.btnarea.col2{
	margin: 24px 10px 36px;
}

.btnarea.col2 div {
	width: 49%;
}

.btn_experience {
	display: block;
	font-size: 18px;
	text-align: center;
	width: 100%;
	border: 2px solid #433e81;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 4px;
	text-decoration: none;
	color: #fff !important;
	padding: 14px 0;
	margin: 10px 0;
	background: #4c469c;
}

.btn_search {
	display: block;
	font-size: 18px;
	text-align: center;
	width: 100%;
	border: 2px solid #e9b500;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 4px;
	text-decoration: none;
	color: #000!important;
	background: #ffce27;
	padding: 14px 0;
	margin: 10px 0;
}

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

	.btnarea.col2{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}

	.btnarea.col2 div {
		width: auto!important;
		margin: 0 10px 16px;
	}

	.btn_experience {
		width: 100%;
		font-size: 16px;
		padding: 10px 0;
	}

	.btn_search {
		width: 100%;
		font-size: 16px;
		padding: 10px 0;
	}

}

/* ユニット用 */
.interviewcontent [class*="column-image-"] {
	padding: 10px;
	background-color: #f5f5f5;
}
.interviewcontent .column-image-left {
	margin-right: 10px;
}
.interviewcontent .column-image-right {
	margin-left: 10px;
}
.interviewcontent [class*="column-image-"] .caption {
	font-size: 12px;
	padding: 1em 0;
	text-align: left;
}

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

	.interviewcontent [class*="column-image-"] .caption {
		font-size: 0.9rem;
	}

}
.pager {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}
a.pager-link {
	display: inline-block;
	text-align: center;
	color: #fff!important;
	background: #443e7e;
	color: #fff;
	padding: 5px;
	text-decoration: none;
	border-radius: 4px;
	min-width: 20px;
	margin: 0 4px;
}
.cur span {
	display: inline-block;
	text-align: center;
	background: #ccc;
	color: #666;
	padding: 5px;
	border-radius: 4px;
	min-width: 20px;
	margin: 0 4px;
}
/*　pagetop　*/
#pagetop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
	z-index: 99;
}
#pagetop a {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.7);
}

.recjobbgSP{
	display: none;
}

/* スマホ向け */

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

	div#header {
		position: fixed;
		z-index: 102;
		background: #fff;
		width: 100%;
		border-bottom: 1px solid #f1f1f1;
	}
	div#header .inner {
		padding-bottom:5px;
		width:98%;
		margin:0 auto;
	}

	div#header div#logo img:nth-child(2),
	div#header #submenu div:nth-child(1),
	#today,
	div#header #global,
	#slide #navi,
	.footer {
		display: none;
	}
	.logocap {
		display: none;
	}

	div#header div#logo {
		width: 180px;
	}

	div#header div#logo img {
		width: 100%;
	}

	.recinfototal {
		font-size: 1rem;
		display: inline-block;
	}
	.recinfototal .LLL {
		font-size: 1rem;
	}
	.recinfototal:before {
		content: '（';
	}
	.recinfototal:after {
		content: '）';
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		-webkit-transition: all .4s;
		transition: all .4s;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 26px;
		height: 16px;
		float: right;
		margin-top: 15px;
		margin-left: 10px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #000;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 7px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}

	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}
	.menu-trigger.active span:nth-of-type(2) {
		opacity: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-7px) rotate(45deg);
		transform: translateY(-7px) rotate(45deg);
	}


	#submenu.active #spmenu {
		display: block;
	}

	#spmenu {
		position: fixed;
		top:66px;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		text-align: left;
		background: rgba(255, 255, 255, 0.95);
		overflow: hidden;
		z-index: 101;
		 overflow-y: auto;
	}

	div#header div#submenu #spmenu li {
		background: url(../images/icon_sub3.gif) no-repeat 5px 15px;
		background-size: 10px;
		padding-left: 15px;
		border-bottom: 1px solid #ccc;
	}

	div#header div#submenu #spmenu li a {
		color: #000;
		display: block;
		padding: 10px;
		text-decoration: none;
	}

	div#header div#submenu #spmenu .indentmenu1,
	div#header div#submenu #spmenu .indentmenu2,
	div#header div#submenu #spmenu .indentmenu3 {
		background: url(../images/icon_sub1.gif) no-repeat 5px 15px;
		background-size: 10px;
		background-size: 10px;
	}

	div#header div#submenu #spmenu .indent1,
	div#header div#submenu #spmenu .indent2,
	div#header div#submenu #spmenu .indent3 {
		display: none;
		background: url(../images/icon_sub4.gif) no-repeat 5px 15px;
		background-size: 10px;
		background-size: 10px;
	}

	.android div#header div#submenu #spmenu li {
		background: url(../images/icon_sub3.gif) no-repeat 5px 10px;
		background-size: 10px;
		padding-left: 15px;
		border-bottom: 1px solid #ccc;
	}

	.android div#header div#submenu #spmenu .indentmenu1,
	.android div#header div#submenu #spmenu .indentmenu2,
	.android div#header div#submenu #spmenu .indentmenu3 {
		background: url(../images/icon_sub1.gif) no-repeat 5px 10px;
	}

	.android div#header div#submenu #spmenu .indent1,
	.android div#header div#submenu #spmenu .indent2,
	.android div#header div#submenu #spmenu .indent3 {
		display: none;
		background: url(../images/icon_sub4.gif) no-repeat 5px 10px;
		background-size: 10px;
	}

	div#header div#submenu #spmenu .picbtn,
	.android div#header div#submenu #spmenu .picbtn {
		background: none;
		border: none;
		padding: 0;
		text-align: center;
	}

	div#header div#submenu #spmenu .picbtn a img {
		width: 100%;
		height: auto;
		padding: 0;
	}

	#wrapper {
		/* padding-top: 100px; */
		padding-top: 72px;
		overflow: hidden;
	}

	#container {
		width: 100%;
	}

	.recinfototal, .topicpath {
		display: none;
	}

	#mainvisual {
		position:relative;
		width:100%;
		height:auto;
		background:none;
		padding: 0;
	}

	#mainvisual a.mainentry {
		left: 10px;
		bottom: 27px;
		width: 60%;
	}

	#mainvisual a.mainentry img {
		width: 100%;
	}

	#mainvisual a.mainexperience {
		bottom: 27px;
		right: -10px;
		width: 38%;
	}

	#mainvisual #slide {
		width:100%;
		height: auto;
		overflow:visible;
	}

	#mainvisual #list,
	#mainvisual #list li {
		width: 100%;
		height: auto;
	}

	#mainvisual img {
		width: 100%;
		height: auto;
	}



	.contents {
		width:100%;
		margin:0 auto;
	}

	.contentsleft {
		width: 100%;
	}

	.contentsright {
		font-size: 12px;
		width: 96%;
		padding: 0 2%;
		background: #f5f5f5;
		margin: 20px auto 65px;
	}

	.menulist_top2 li {
		width: 100%;
	}
	.menulist_top2 li a {
		padding: 4px;
	}

	.complist {
		width: 100%;
	}

	.complist .complistbox {
		border-left: none;
		border-right: none;
		border-bottom: none;
		width: 95%;
		height: auto;
		padding: 10px 0;
		margin: 0 auto;
	}

	.complist .titlebg,
	.interviewlist .titlebg2,
	.firstbox h2,
	.prejudicebox h2 {
		background-color: #000031;
		background-image: none;
	}

	.interviewlist h2 img,
	.firstbox h2 img,
	.prejudicebox h2 img {
		height: 24px;
		width: auto;
		margin-right: 4px;
		vertical-align: top;
	}

	.interviewlist .interviewlistbox ul li .interviewleft h2.LL,
	.prejudicebox .interviewlistbox ul li .interviewleft h2.LL,
	.interviewlist .interviewlistbox ul li .interviewleft .m span,
	.prejudicebox .interviewlistbox ul li .interviewleft .m span {
		font-size: 1rem;
	}


	#sliderlogo {
		width: 100%;
		clear:both;
		height:auto;
	}

	#sliderlogo {
		width: 100%;
		margin:0 auto;
	}

	#sliderlogo li {
		width: 100%;
		height: auto;
	}

	#sliderlogo li img {
		width: 100%;
		height: auto;
	}


	.basicsearch {
		margin-bottom:0px;
	}

	.android .basicsearch input[type="text"]{
		border: 1px solid #ccc;
		padding: 5px;
		border-radius: 4px;
	}

	.basicsearch h2 {
		margin-bottom:10px;
		padding: 12px 0 14px 36px;
		font-size: 100%;
	}

	.basicsearch input[type="text"] {
		width: 50%;
	}

	.basicsearch input[type="image"] {
		width: 30%;
		height: auto;
	}

	.basicsearch .ico-btnsearchoption {
		display: block;
		text-align: left;
		padding: 10px 0 0px 10px;
	}

	.catsearch .catlist,
	.catsearch h2 {
		display: none;
	}

	.catsearch .catlist {
		width:95%;
		margin-top: 12px;
	}
	.catsearch .catlist li {
		width:95%;
		padding-left:14px;
		margin-bottom: 16px;
	}
	.catsearch .catlist li span {
		color:#999;
	}

	.catsearch .catlist .s {
		font-size: 0.8rem;
		line-height: 1em;
	}
	.newjob h2 img {
		width: 100%;
		height: auto;
	}

	.newjob .newjobbg {
		background: none;
		width: 95%;
		margin: 0 auto;
		padding: 0 ;
	}

	.newjob .newjobbg .m {
		font-size: 14px;
	}

	/* 2020/08/20 岡藤編集 注目企業SP対応 */
	/* .newjob .pickupcompany-title {
		display: none;
	}
	*/

	.newjob .recjobbg {
		display: none;
	}

	/* 2020/08/20 岡藤編集 注目企業SP対応 */
	.recjobbgSP{
		display: block;
		padding: 0 10px;
	}

	.recjobbgSP li {
		position: relative;
	}

	.recjobbgSP li div {
		min-height: 70px;
	}

	.recjobbgSP li figure{
		padding: 0 10px;
		position: relative;
		width: 50%;
	}

	.recjobbgSP li figure img{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		height: 60px;
		max-width: 145px;
	}

	.recjobbgSP li p{
		width: 50%;
		font-size: 11px;
	}

	.recjobbgSP li a{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	/* 2020/08/20 岡藤編集 */

	.recexperience div {
		position: relative;
		margin: 0 1%;
	}
	.recexperience img {
		width: 100%;
		height: auto;
	}

	.recexperience ul {
		padding: 10px;
	}

	.recexperience ul li a {
		padding-left: 1.4em;
	}

	.recexperience ul li a dt {
		float: left;
		width: 4em;
		line-height: 1.4rem;
	}

	.recexperience ul li a dd {
		margin-left: 4.6em;
		/* margin-left: 4em; */
		line-height: 1.4rem;
	}

	/* インタビューをすべて掲載 */
	.interviewlist .interviewlistbox ul li {
		display: block;
		border-bottom: none;
	}
	/* インタビューを最初の１つだけ掲載
	.interviewlist .interviewlistbox ul li {
		display: none;
		border-bottom: none;
	}

	.interviewlist .interviewlistbox ul li:first-child {
		display: block;
	}
	*/

	.interviewlist .interviewlistbox ul li:nth-last-child(1) {
    	border-bottom: 1px dotted #333;
	}

	.interviewlist .interviewlistbox {
		width:96%;
		border: none;
		margin: 0 auto;
		margin-bottom:30px;
	}

	.interviewlist .interviewlistbox ul {
		width:100%;
		margin:20px auto;
	}

	.interviewlist .interviewlistbox ul li .interviewleft {
		float:none;
		width:100%;
	}

	.interviewlist .interviewlistbox ul li .interviewleft .clearfix {
		display: none;
	}

	.interviewlist .interviewlistbox ul li .interviewleft .intcomlogo {
		width:35%;
		float:left;
	}

	.interviewlist .interviewlistbox ul li .interviewleft .intcomtxt {
		float:right;
		width:65%;
	}

	.interviewlist .interviewlistbox ul li .interviewright {
		display: none;
	}


	.interviewlist .interviewspthum {
		display: block;
		margin-bottom: 10px;
	}

	.interviewlist .interviewspthum img {
		width: 100%;
		height: auto;
	}


	.firstbox, .prejudicebox {
		width:100%;
		float:none;
	}

	.footerdblbox .prejudicebox h3 br {
		display: none;
	}

	.footerdblbox .firstbox .footerdblboxbdr,
	.footerdblbox .prejudicebox .footerdblboxbdr {
		width:90%;
		border:none;
		padding: 10px 0;
		margin: 0 auto;
	}

	.regbox h2 {
		background-color: #000031;
		background-image: none;
		padding: 3px 10px 2px 10px;
		color: #fff;
	}

	.regbox h2 {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	.icofree {
		background: orange;
		color: #fff;
		font-size: 12px;
		padding: 4px;
	}
	.regbox a img {
		width: 80%;
		height: auto;
	}

	.footerdblboxbdr h4 {
		padding-right: 40px;
		background: url(../images/icon_footerdblbox.gif) no-repeat right center;
	}

	.footerdblbox .footerdblicon {
		display: none;
	}


	.regbox h2 span {
		font-weight: bold;
		background: #f60;
		display: inline;
		padding: 2px 4px;
		margin-right: 10px;
	}

	.regbox br {
		display: none;
	}

	.regbox .regboxtxt1 {
		background:none;
		width:98%;
		height:auto;
		margin: 20px auto;
		line-height: 1.2;
	}

	.regbox .regboxtxt2 {
		background:none;
		width:98%;
		height:auto;
		margin: 20px auto;
	}

	.regbox .regboxtxt1 .regtxt {
		float:none;
		margin-left:0;
		margin-top:0;
	}

	.regbox .regboxtxt2 .regtxt {
		float:none;
		margin-left:0;
		margin-top:0;
	}

	.regbox .regboxtxt1 a,
	.regbox .regboxtxt2 a {
		float:none;
		margin:10px auto;
		text-align: center;
	}

	.entrybtntop,
	#category_search_right {
		display: none;
	}

	.sns_fb {
		display: inline-block;
		float: left;
		width: 30%;
		text-align: center;
		margin-top: 10px;
	}
	.sns_fb {
		float: none;
		width: 49%;
	}

	.sns_tw {
		display: inline-block;
		float: left;
		width: 30%;
		text-align: center;
		margin-top: 10px;
	}
	.sns_tw {
		float: none;
		width: 49%;
	}

	.sns_fb img,
	.sns_tw img {
		width: 80%;
		height: auto;
	}

	.contentsright .itcompay,
	.contentsright .interview,
	.contentsright .picbtn,
	.contentsright .sns_fb,
	.contentsright .sns_tw,
	.contentsright .voice,
	.contentsright .kosen_pcbnr{
		display: none;
	}

	.featul {
		clear: both;
		margin: 0 auto 15px;
	}

	.featul li {
		line-height:0.6em;
		width: 49%;
		float: left;
		background-color: #FFF;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

	.featul li:nth-child(2n+1) {
		float: right;
	}

	.featul li img {
		width: 100%;
		height: auto;
	}

	#spbtm {
		display: table;
		width: 100%;
		margin-bottom: 20px;
	}

	#spbtm div {
		display: table-cell;
		text-align: center;
	}

	#spbtm img {
		width: 90%;
		height: auto;
	}
	.footerwrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
	.excellent {
		width: 80px;
		display: inline-block;
		vertical-align: middle;
		text-align: center;
	}
	.excellent img {
		width: 50px;
		height: auto;
	}
	.nlbtn {
		width: 200px;
		display: inline-block;
		vertical-align: middle;
	}

	#copy {
		width: 100%;
		vertical-align: middle;
		line-height: 1.2;
	}

	#spbtmbnrs {
		position: fixed;
		bottom:0;
		width: 100%;
		display: table;
	}

	#spbtmbnrs img {
		width: auto;
		height: 50px;
	}

	#spbtmbnrs .left {
		width: 40%;
		display: table-cell;
		vertical-align: middle;
		background: #a4a4c5;
		text-align: center;
	}

	#spbtmbnrs .right {
		width: 60%;
		display: table-cell;
		vertical-align: middle;
		background: #49496b;
		text-align: center;
	}


	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 100;
		background: rgba(0, 0, 0, 0);
	}
}

.linkwrap {
	position: relative;
}
.linkwrap-position {
	position: absolute;
	top: -180px;
}
.to-smallclasslist{
	margin-bottom: 20px;
	text-align: right;
	text-decoration-line: underline;
}
@media screen and (max-width: 767px) {
	.linkwrap-position {
		top: -80px;
	}
}

.bottom_link {
	text-align: right;
	margin-top: 20px;
}

/* sitemap */
.sitemaplist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.sitemaplist-block {
	width: 195px;
	padding-right: 21px;
}
@media screen and (max-width: 767px) {
	.sitemaplist-block {
		width: 100%;
		padding-right: 10px;
		padding-left: 10px;
	}
}
.sitemaplist-block-item {
	font-size: 12px;
}

.blackbox{
 	   border: 1px solid #000000;
}

.recMsg{
	color:#000000;
	font-family: "ＭＳ 明朝";
    	font-size: 30px;
	position: absolute;
    	top: 5px;
    	left: 10px;
}
.recNum{
	color:#ff0000;
	font-size: 35px;
}

@media screen and (max-width: 767px) {
.recMsg{
	font-family: "ＭＳ 明朝";
    	font-size: 20px;
    	top: 5px;
    	left: 5px;
}
.recNum{
	color:#ff0000;
	font-size: 25px;
}
}

.voicecount{
	position: relative;
}

.corporateinfo {
  max-width: 1200px;
  margin: 0 auto;
  margin-bottom: 59px
}

@media screen and (max-width: 767px) {
  .corporateinfo {
    margin-bottom: 12px
  }
}

.corporateinfo-title {
  font-size: 18px;
  text-align: center;
  margin-bottom: 6px
}

@media screen and (max-width: 767px) {
  .corporateinfo-title {
    font-size: 12px
  }
}

.corporateinfo-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex !important;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.corporateinfo-list-item {
  width: 10%;
  text-align: center;
  margin: 3px 0px 0px 3px;
  margin-right: 0px;
  margin-bottom: 0px;
  -ms-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 3px;
  margin-right: 3px
}

@media screen and (max-width: 767px) {
  .corporateinfo-list-item {
    width: 14.7%
  }
}

.corporateinfo-list-item img {
  vertical-align: middle;
  width: 100%;
  height: auto
}

@media print {
  div#header {
    position: absolute;
  }

  #wrapper {
    padding-top: 65px;
  }
}

.side-navi-recruit-sp {
	text-align: right;
}
.side-navi-recruit-sp a::after {
	content: "\f105";
	font-family: fontawesome;
	margin-left: 8px;
}


/* ============================================

GUIDANCE

=============================================== */
/* ##★新バナーに置き換え(.obi→#guidance 必要分のみ抜粋) */

#guidance {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', YuGothic, 'Yu Gothic', 'メイリオ', Meiryo, sans-serif;
	position: sticky;
	bottom: 0;
  /*  width: 100vw; 必要かあとで判断*/
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	justify-content: center;
	/* margin: 64px auto 32px; */
	z-index: 10;
  }
  
#guidance {
	position: sticky;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.5);
	display: block;
	justify-content: center;
	/* margin: 64px auto 32px; */
	z-index: 10;
  }

#guidance .section_wrap {
display: block;
	padding: 10px 40px;
}

/*
guidance_job
=============================================== */
#guidance .guidance_job {
  padding: 0 0 64px;
}

.guidance_job_list {
  display: flex;
  justify-content: space-between;
  padding-bottom: 40px;
}

.guidance_job_list .item {
  display: block;
  width: calc((100% - 32px) / 3);
  background: #fff;
}

.guidance_job_list .item a {
  display: block;
  padding: 24px 16px;
  width: 100%;
  height: 100%;
  transition: .3s;
}

.guidance_job_list .item a:hover {
  opacity: .8;
}

.essentials_list {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.04rem;
  color: #2E2E58;
}

.essentials_list li {
  display: flex;
}

.essentials_list .detail {
  display: inline-block;
  white-space: pre;
}

.essentials_list .txt {
  display: inline-block;
}

.guidance_job_icns {
  display: flex;
  padding: 16px 0 0;
}

.guidance_job_icns .icn_img {
  display: inline-block;
  margin-right: 4px;
  width: 30px;
  min-width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-position: center 50%;
  background-size:cover ;
}

.guidance_job_icns .icn_img:last-child {
  margin: 0;
}

.guidance_job_icns .icn_img.regular {
  background-image: url('/themes/enw/images/voice/icn_offer_regular.svg');
}

.guidance_job_icns .icn_img.tenmillion {
  background-image: url('/themes/enw/images/voice/icn_offer_tenmillion.svg');
}


/* banner
=============================================== */
#guidance .btn_wrap {
	display: flex;
	justify-content: center;
	width: 100%;
}
  
.btn_preentry {
	  display: inline-block;
	  padding: 16px 56px 16px 52px;
	  background: transparent linear-gradient(90deg, #FFCE27 0%, #FFDF74 100%) 0% 0% no-repeat padding-box;
	  border-radius: 12px;
	  transition: all .3s;
}
  
.btn_preentry:hover {
	  opacity: .8;
}
  
.btn_preentry .wrap {
	  display: flex;
	  align-items: center;
}
  
.btn_preentry .patrs_free {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 92px;
	  height: 92px;
	  background: url('/themes/enw/images/voice/img_preentry_base.svg') no-repeat center 50% / cover;
	  font-size: 24px;
	  font-weight: bold;
	  color: #EB7B29;
	  transform: rotate(-5deg);
}
  
  .btn_preentry .pats_catch {
	  display: inline-block;
	  padding-left: 12px;
}
  
.btn_preentry .pats_catch .sub {
	  display: flex;
	  align-items: center;
	  padding: 0 15px;
	  width: 192px;
	  height: 28px;
	  background:#EB7B29;
	  border-radius: 100px;
	  font-size: 18px;
	  font-weight: bold;
	  line-height: 1;
	  letter-spacing: 0.08rem;
	  color: #fff;
}
  
.btn_preentry .pats_catch .sub span {
	  padding: 0 4px;
	  font-size: 24px;
}
  
.btn_preentry .pats_catch p {
	  position: relative;
	  margin-top: 8px;
	  font-size: 24px;
	  font-weight: bold;
	  line-height: 1;
	  color: #000133;
	  padding: 0;
}
  
.btn_preentry .pats_catch p span {
	  font-size: 28px;
	  line-height: 1.25;
}
  
.btn_preentry .pats_catch p span.em {
	  padding: 2px;
	  background: #000133;
	  color: #fff;
}
  
.btn_preentry .pats_catch p span.chevron {
	  position: relative;
	  padding-right: 40px;
}
  
.btn_preentry .pats_catch p span.chevron::after {
	  position: absolute;
	  content: '';
	  display: block;
	  top: 50%;
	  right: 0;
	  transform: translate(0,-50%);
	  width: 26px;
	  height: 26px;
	  background: url('/themes/enw/images/voice/icn_preentry_chevron_nv.svg') no-repeat center 50% / cover;
}

/* ============================================

XPERIENCE

=============================================== */
#xperience .section_wrap {
	padding: 80px 40px;
}

.xperience_list {
	display: block;
  padding-bottom: 40px;
}

.xperience_list .item {
  margin-bottom: 16px;
}

.xperience_list .item:last-child {
	margin-bottom: 0;
}

.xperience_list .item a {
	display: flex;
	padding: 32px;
	box-shadow: 0px 0px 4px #2E2E581F;
	background: #fff;
	border-radius: 8px;
  transition: opacity .3s;
}

.xperience_list .item a:hover {
  opacity: .8;
}

/* icon+NUMBER */
.xperience_list .item .parts_detail {
	display: block;
}

.parts_detail_icon {
	display: block;
	width: 88px;
	height: 88px;
	min-width: 88px;
}

.parts_detail_icon .imgObj {
	width: 100%;
}

.parts_detail_number {
	position: relative;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 0.04rem;
	text-align: center;
	/* line-height: 1; */
	color: #7D8191;
}

.parts_detail_number .sign {
	padding-right: 4px;
	font-size: 14px;
}

/* content */
.xperience_list .item .parts_profile {
	display: block;
	padding-left: 16px;
	width: 100%;
}

.parts_profile .ttl {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.04rem;
	line-height: 1.5;
	color: #000133;
}

.parts_profile .spec {
	padding: 20px 0;
	font-size: 13px;
	letter-spacing: 0.06rem;
	line-height: 1;
	color: #7D8191;
}

/* STATUS */
.parts_profile .status {
  display: block;
  font-size: 14px;
}

.parts_profile .status li {
  display: flex;
  /* align-items: flex-start; */
  align-items: stretch;
}

.parts_profile .status li:first-child {
  padding-bottom: 8px;
}

.parts_profile .status li .newest_tag,
.parts_profile .status li .newest_tag_list,
.parts_profile .status li .former_tag,
.parts_profile .status li .former_tag_list {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 8px 24px;
  font-weight: bold;
  line-height: 1;
  white-space: pre;
  width: 90px;
}

.parts_profile .status li .newest_tag {
  font-size: 20px;
  background: #2E2E58;
  color: #fff;
  }

.parts_profile .status li .newest_tag_list {
  font-size: 14px;
  background: #2E2E58;
  color: #fff;
  }

.parts_profile .status li .former_tag {
  font-size: 18px;
  background: #D8DAE6;
  color: #7D8191;
}

.parts_profile .status li .former_tag_list {
  font-size: 14px;
  background: #D8DAE6;
  color: #7D8191;
}

.parts_profile .status li p {
  padding: 4px 0 4px 8px;
  color: #000133;
}
/* search_conditions
=============================================== */
#xperience .search_conditions {
  display: flex;
  align-items: center;
  margin: 0 auto 40px;
  padding: 0;
  border: 2px solid #2E2E58;
  background: #2E2E58;
}

.search_conditions .head {
  display: inline-block;
  padding: 14px 20px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  white-space: pre;
}

.search_conditions .conditions_list {
  padding: 13px 16px;
  width: 100%;
  font-size: 13px;
  letter-spacing: 0.06rem;
  background: #fff;
  color: #2E2E58;
}

/* empty
=============================================== */
#xperience .search_empty {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 40px 0 80px;
}

.search_empty p {
  display: inline-block;
  line-height: 1.7;
  text-align: left;
}

@media screen and (max-width: 767px) {
  /* ============================================

  GUIDANCE SP

  =============================================== */
  #guidance .section_wrap {
    padding: 10px 16px;
  }

  /*guidance_job
  =============================================== */
  .guidance_job_list {
    flex-direction: column;
    padding: 0 16px 32px;
  }

  .guidance_job_list .item {
    margin-bottom: 16px;
    width: 100%;
  }

  .guidance_job_list .item:last-child {
    margin-bottom: 0;
  }

  .guidance_job_list .item a {
    padding: 16px;
  }

  .essentials_list {
    font-size: 13px;
  }

  .guidance_job_icns .icn_img {
    width: 24px;
    height: 24px;
    min-width: 24px;
  }

  /*banner
  =============================================== */
  .btn_preentry {
    padding: 16px 14px 14px 14px;
  }

  .btn_preentry .patrs_free {
    margin-right: 3px;
    width: 72px;
    height: 72px;
    min-width: 72px;
    font-size: 18px;
  }

  .btn_preentry .pats_catch {
    padding-left: 6px;
  }

  .btn_preentry .pats_catch .sub {
    padding: 0 10px;
    width: 144px;
    font-size: 13px;
  }

  .btn_preentry .pats_catch .sub span {
    font-size: 20px;
  }

  .btn_preentry .pats_catch p {
    margin-top: 4px;
    font-size: 18px;
  }

  .btn_preentry .pats_catch p span {
    font-size: 20px;
    line-height: 1.5;
  }

  .btn_preentry .pats_catch p span.em {
    margin-right: 2px;
    padding: 3px 0 3px 3px;
  }

  .btn_preentry .pats_catch p span.chevron::after {
    width: 22px;
    height: 22px;
  }

  /* ============================================

  XPERIENCE SP

  =============================================== */
  #xperience .section_wrap {
    padding: 40px 16px;
  }

  .xperience_list {
    margin: 0 auto;
    max-width: 640px;
  }

  .xperience_list .item a {
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
  }

  .xperience_list .item .parts_detail {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .parts_detail_icon {
    width: 64px;
    height: 64px;
    min-width: 64px;
  }

  .xperience_list .item .parts_profile {
    padding: 12px 0 0 0;
  }

  .parts_profile .ttl {
    font-size: 15px;
    letter-spacing: 0.064rem;
  }

  .parts_profile .spec {
    font-size: 11px;
    line-height: 1.5;
  }

  /*.parts_profile .status li {
    align-items: flex-start;
  }*/

  .parts_profile .status li .newest_tag,
  .parts_profile .status li .former_tag {
    padding: 11px 18px;
    font-size: 13px;
    letter-spacing: 0.13rem;
  }

  .parts_profile .status li p {
    font-size: 13px;
    letter-spacing: 0.04rem;
    line-height: 1.5;
  }

  /* search_conditions
  =============================================== */
  #xperience .search_conditions {
    flex-direction: column;
  }

  .search_conditions .head {
    display: block;
    width: 100%;
    padding: 8px 0 10px;
    font-size: 15px;
    letter-spacing: 0.08rem;
    text-align: center;
  }

  .search_conditions .conditions_list {
    padding: 12px;
    font-size: 11px;
  }

  /* search_empty
  =============================================== */
  #xperience .search_empty {
    padding: 0 0 32px;
    font-size: 13px;
  }

}

/*=============================================== */
/* 2302改修
  =============================================== */
.topicpath.mb0 {
  margin-bottom: 0;
}
.search-container {
  background: #F5F6FA;
}
.h1_search_ttl {
  color: #000133;
  font-size: 32px;
  font-weight: bold;
  text-align: center;
  padding: 40px 0 30px;
}
@media screen and (max-width: 768px) {
  .h1_search_ttl {
    font-size: 24px;
    padding: 24px 0;
  }
}

#foot-search {
  background: #E9EDF5;
}
#foot-search .wrapper {
  padding: 75px 0;
}
#foot-search h3 {
  color: #010133;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 32px;
}
#foot-search .inner {
  max-width: 720px;
  width: 100%;
  margin: 0 auto;
}
#foot-search h4 {
  color: #010133;
  font-size: 18px;
  font-weight: bold;
  line-height: 1;
  padding-bottom: 8px;
  margin-bottom: 24px;
  border-bottom: 1px solid #000330;
}
#foot-search h4 a {
  color: #0000C1 !important;
}
#foot-search .local-wrap {
  margin-bottom: 48px;
}
#foot-search .local-col,#foot-search .job-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#foot-search .local-item.region {
  width: 160px;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.142857142857143;
  padding: 7px 8px;
}
#foot-search .local-item,#foot-search .job-item {
  padding: 7px 8px;
}
#foot-search .local-item a,#foot-search .job-item a {
  color: #0000C1 !important;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.142857142857143;
}
#foot-search .job-item:not(:last-child) {
  margin-right: 8px;
}
@media screen and (min-width:769px) {
  #foot-search h3 br.sp {
    display: none;
  }
}
@media screen and (max-width:768px) {
  #foot-search {
    padding: 0 16px;
  }
  #foot-search .wrapper {
    padding: 64px 0;
  }
  #foot-search h3 {
    font-size: 18px;
    margin-bottom: 24px;
  }
  #foot-search h4 {
    margin-bottom: 16px;
  }
  #foot-search .local-wrap {
    margin-bottom: 36px;
  }
  #foot-search .local-list:not(:last-child) {
    margin-bottom: 8px;
  }
  #foot-search .local-item.region {
    width: 100%;
  }
  #foot-search .local-item {
    padding: 0 8px;
  }
  #foot-search .job-item {
    padding: 3px 8px;
  }
  #foot-search .job-item:not(:last-child) {
    margin-right: 0;
  }
  #foot-search h3 br.pc {
	display: none;
  }
}
/*求人情報検索*/
#jobsearch {
  padding: 0 40px;
}
.search-inner {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 60px;
  box-sizing: border-box;
}
.search-inner input[type="checkbox"] {
  accent-color: #2E2E58;
}
.input-inner {
  padding: 32px 40px;
  background: #fff;
  border-radius: 8px;
  margin-bottom: 40px;
}
.input-inner h2 {
  display: flex;
  align-items: center;
  color: #2E2E58;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.input-inner h2 img {
  margin-right: 4px;
}
/*ご希望条件*/
.search-form-base {
  width: 100%;
  border: 1px solid #D5DDEB;
  background: #fff;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 32px;
}
.search-form-base .form-base .list-title {
  width: 20.23809523809524%;
  color: #010133;
  font-size: 14px;
  font-weight: bold;
  background: #E9EDF5;
  padding: 25px 16px 25px 64px;
  position: relative;
}
.search-form-base .form-base .list-title::before {
  content: " ";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}
.search-form-base .form-base .list-title.job::before {
  background: url(../images/job_search/icon-job_wh.svg);
  background-size: cover;
}
.search-form-base .form-base .list-title.industry::before {
  background: url(../images/job_search/icon-industry_wh.svg);
  background-size: cover;
}
.search-form-base .form-base .list-title.area::before {
  background: url(../images/job_search/icon-area_wh.svg);
  background-size: cover;
}
.search-form-base .form-base .list-title.money::before {
  background: url(../images/job_search/icon-money_wh.svg);
  background-size: cover;
}
.search-form-base .form-base .list-title.age::before {
  background: url(../images/job_search/icon-age_wh.svg);
  background-size: cover;
}
.search-form-base .form-base .list-title.free::before {
  background: url(../images/job_search/icon-free_wh.svg);
  background-size: cover;
}
.search-form-base .form-base .form-area {
  width: 79.76190476190476%;
  padding: 10px 16px;
}
.search-form-base .form-base:not(:last-child) .list-title,.search-form-base .form-base:not(:last-child) .form-area {
  border-bottom: 1px solid #D5DDEB;
}
.search-form-base .form-area .add-link {
  display: flex;
  align-items: center;
}
.search-form-base .form-area .add-link .select-item {
  font-size: 14px;
  margin-left: 12px;
}
.search-form-base .form-base .js_modalBtnCont {
  display: inline-block;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  padding: 12px 16px 12px 36px;
  background: #F5F6FA;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.search-form-base .form-base .js_modalBtnCont::before {
  content: " ";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../images/job_search/icon_open_search.svg)no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 16px;
}
.search-form-base .form-base .select-wrap {
  display: inline-block;
  position: relative;
}
.search-form-base .form-base .select-wrap::before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/job_search/icon_chevron_down_nv.svg)no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  pointer-events: none;
}
.search-form-base .form-base select {
  min-width: 180px;
  color: #333;
  font-size: 14px;
  background: #F5F6FA;
  border: none;
  padding: 14px 16px;
  -webkit-appearance: none;
  appearance: none;
}
.search-form-base .form-base select:focus {
  outline: none;
}
.search-form-base .form-base .form-list {
  display: flex;
}
.search-form-base .form-base .form-list .list {
  margin-bottom: 0;
}
.search-form-base .form-base .form-list label {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  background: #F5F6FA;
  padding: 14px 10px;
  border-radius: 4px;
  letter-spacing: 0.04em;
}
.search-form-base .form-base .form-list input {
  width: 20px;
  height: 20px;
  margin-right: 4px;
  accent-color: #2E2E58;
}
.search-form-base .form-base .search-form-input {
  min-width: 480px;
  font-size: 14px;
  background: #F5F6FA;
  padding: 14px 10px;
  border-radius: 4px;
  border: none;
}
.search-form-base .form-base .search-form-input {
  outline: none;
}
/*こだわり条件*/
.search-inner .form-list_check {
  display: flex;
  flex-flow: row wrap;
}
.search-inner .form-list_check .list {
  width: calc((100% - 24px) / 3);
  margin-bottom: 0;
  background: #F5F6FA;
  border-radius: 8px;
}
.search-inner .form-list_check .list label {
  display: flex;
  align-items: center;
  color:#000133;
  font-size: 14px;
  padding: 20px 16px;
  cursor: pointer;
}
.search-inner .form-list_check .list label input {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.search-inner .search-submit-btn {
  position: relative;
    display: block;
    margin: 0 auto;
    width: 320px;
}
.search-inner .search-submit-btn input[type="submit"],.search-inner .search-submit-btn a {
  display: block;
  padding: 20px;
  width: 320px;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.24rem;
  line-height: 1;
  background: #00A381;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}
.search-inner .search-submit-btn::after {
  content: '';
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 18px;
  transform: translate(0%, -50%);
  background: url(../images/job_search/icon_submit.svg)no-repeat center / cover;
}
@media screen and (max-width: 768px) {
  .search-inner {
    padding: 0 8px 36px;
  }
  .input-inner {
    padding: 16px 8px 32px;
    margin-bottom: 32px;
  }
  .input-inner h2 {
    font-size: 16px;
  }
  .input-inner h2 img {
    width: 32px;
    height: 32px;
  }
  .search-form-base {
    table-layout: fixed;
  }
  /*ご希望条件*/
  .search-form-base .form-base .list-title {
    width: 26.699%;
    padding: 50px 8px 14px;
    font-size: 12px;
    text-align: center;
    vertical-align: top;
  }
  .search-form-base .form-base .list-title::before {
    width: 32px;
    height: 32px;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
  }
  .search-form-base .form-base .form-area {
    width: 73.06%;
    padding: 16px 12px;
  }
  .search-form-base .form-base .form-list {
    flex-wrap: wrap;
  }
  .search-form-base .form-base .form-list .list {
    width: calc((100% - 5px) / 2);
  }
  .search-form-base .form-base .form-list .list:nth-child(odd) {
    margin-right: 5px;
  }
  .search-form-base .form-base .form-list .list:nth-child(n+3) {
    margin-top: 5px;
  }
  .search-form-base .form-base .search-form-input {
    min-width: auto;
    width: 100%;
  }
  .search-form-base .form-area .add-link {
    display: block;
  }
  .search-form-base .form-area .add-link .select-item {
    margin-top: 8px;
    margin-left: 0;
  }
  /*こだわり条件*/
  .search-inner .form-list_check .list {
    width: calc((100% - 5px) / 2);
  }
  .search-inner .form-list_check .list.list:nth-child(odd) {
    margin-right: 5px;
  }
  .search-inner .form-list_check .list.list:nth-child(n+3) {
    margin-top: 5px;
  }
  .search-inner .form-list_check .list label {
    height: 100%;
    padding: 16px 10px;
    box-sizing: border-box;
  }
  .search-inner .search-submit-btn {
    width: 100%;
    max-width: 327px;
	order: 1;
  }
  .search-inner .search-submit-btn input[type="submit"],.search-inner .search-submit-btn a {
    width: 100%;
    max-width: 327px;
  }
}
@media screen and (min-width: 769px) {
  .search-form-base .form-base .form-list .list:not(:last-child) label {
    margin-right: 4px;
  }
  .search-inner .form-list_check .list.list:not(:nth-child(3n)) {
    margin-right: 12px;
  }
  .search-inner .form-list_check .list.list:nth-child(n+4) {
    margin-top: 10px;
  }
}
/*モーダル*/
.js_modalWrap {
  opacity: 0;
  z-index: -1;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.js_modalWrap.active {
  animation: modalOpen 0.3s ease forwards;
}
.js_modalWrap.active2 {
  animation: modalClose 0.3s ease forwards;
}
.js_modalBG {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.js_modalContInner {
  max-width: 920px;
  width: 90%;
  height: 90vh;
  height: 90svh;
  margin: 0 auto;
  padding: 40px;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.24);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  /* overflow-y: scroll; */
  box-sizing: border-box;
}
.js_modalContInner > .js_modalClose + * {
  margin-top: 0;
}
.js_modalClose {
  display: block;
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  background: url(../images/job_search/icon_close_nv.svg)no-repeat center;
  background-size: cover;
  overflow: hidden;
  cursor: pointer;
  z-index: 1001;
}
@keyframes modalOpen {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    z-index: 99999;
  }
}
@keyframes modalClose {
  0% {
    opacity: 1;
    z-index: 99999;
  }
  100% {
    opacity: 0;
  }
}
.js_modalContInner h3 {
  display: flex;
  align-items: center;
  color: #2E2E58;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 24px;
}
.js_modalContInner h3 img {
  margin-right: 4px;
}
.modal-form-base {
  margin-bottom: 40px;
}
.modal-form-table {
  display: flex;
  width: 100%;
  height: 60vh;
  height: 60svh;
  border: 1px solid #D5DDEB;
  background: #fff;
  overflow: hidden;
  box-sizing: border-box;
}
.modal-form-base.industryModal .modal-form-table {
  padding: 16px 0;
  overflow-y: scroll;
}
.modal-form-base.areaModal .modal-form-table {
  flex-wrap: wrap;
  padding: 16px 40px;
  overflow-y: scroll;
}
.modal-form-table .modal-select-list {
  width: 100%;
}
.modal-form-table .modal-category-list{
  width: 28.57142857142857%;
  overflow-y: scroll;
}
.modal-form-table .modal-category-list .category:not(:last-child){
  border-bottom: 1px solid #D5DDEB;
}
.modal-form-table .category {
  color: #000133;
  font-size: 14px;
  font-weight: bold;
  background: #F5F6FA;
  padding: 16px;
  margin-bottom: 0;
  cursor: pointer;
  position: relative;
}
.modal-form-table .category.selected {
  background: #fff;
}
.modal-form-table .category.checked {
  padding-right: 64px;
}
.modal-form-table .category.checked::after {
  content: "";
  display: block;
  width: 58px;
  height: 23px;
  background: url(../images/job_search/icon_selected.svg) no-repeat center;
  background-size: cover;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.form-list .category-check {
  width: 100%;
  margin-bottom: 10px;
}
.modal-form-base.jobModal .modal-select-list {
  display: none;
  width: 71.42857142857143%;
  padding: 16px;
  overflow-y: scroll;
}
.modal-form-base.jobModal .modal-select-list.selected {
  display: block;
}
.modal-form-base.areaModal .modal-form-table .modal-select-list {
  width: calc((100% - 16px) / 2);
}
.modal-select-list .category-check label {
  display: flex;
  align-items: center;
  color: #2E2E58;
  font-size: 16px;
  font-weight: bold;
  padding: 12px 16px;
  background: #F5F6FA;
  cursor: pointer;
}
.modal-select-list input[type="checkbox"] {
  min-width: 20px;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  accent-color: #2E2E58;
}
.modal-select-list .list-all {
  margin-bottom: 10px;
}
.modal-select-list .list {
  padding-left: 32px;
}
.modal-form-base.industryModal .modal-select-list .list {
  padding-left: 40px;
  padding-right: 40px;
}
.modal-select-list .list label {
  display: flex;
  align-items: center;
  color: #000133;
  font-size: 14px;
  padding: 6px 0;
  cursor: pointer;
}
.js_modalContInner .select_submit_btn {
  max-width: 320px;
  width: 100%;
  margin: 0 auto;
}
.js_modalContInner .select_submit_btn a {
  display: block;
  padding: 20px;
  max-width: 320px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.24rem;
  line-height: 1;
  background: #2E2E58;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #jobsearch {
    padding: 0;
  }
  .js_modalClose {
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
  }
  .js_modalBtnCont.pc {
    display: none !important;
  }
  .js_modalContInner {
    padding: 24px;
  }
  .js_modalContInner h3 {
    font-size: 16px;
    line-height: 1;
  }
  .js_modalContInner h3 img {
    width: 32px;
    height: 32px;
  }
  .modal-form-table {
    overflow-y: scroll;
  }
  .modal-category-accordion {
    width: 100%;
  }
  .modal-category-accordion .category {
    width: 100%;
    box-sizing: border-box;
  }
  .modal-category-accordion .category::before {
    content: '';
    width: 8px;
    height: 8px;
    border-top: solid 2px #413D7E;
    border-right: solid 2px #413D7E;
    position: absolute;
    top: 50%;
    right: 16px;
    transform: translateY(-50%) rotate(135deg);
  }
  .modal-category-accordion .category.active::before {
    transform: translateY(0%) rotate(-45deg);
  }
  .modal-form-table .category.checked {
    padding-right: 96px;
  }
  .modal-form-table .category.checked::after {
    right: 36px;
  }
  .modal-form-base.jobModal.sp .modal-category-accordion .select-wrap {
    display: none;
  }
  .modal-form-base.jobModal.sp .modal-category-accordion .modal-select-list {
    display: block;
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
  }
  .modal-form-base.jobModal.sp .modal-select-list .list {
    padding-left: 0;
  }
  .modal-select-list .category-check label {
    font-size: 14px;
    padding: 18px 10px;
  }
  .modal-select-list .list label {
    padding: 17px 0 17px 16px;
  }
  .modal-select-list .list:not(:last-child) label {
    border-bottom: 1px solid #D5DDEB;
  }
  .modal-form-base.areaModal .modal-select-list .list label {
    border-bottom: 1px solid #D5DDEB;
  }
  .modal-form-base.industryModal .modal-select-list .list {
    padding: 0;
  }
  .modal-form-base.industryModal .modal-form-table {
    padding: 0;
  }
  .modal-form-base.areaModal .modal-form-table {
    padding: 0 0 16px;
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list {
    width: 100%;
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list .js-check-all-target {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .modal-select-list .list-all {
    width: 100%;
    margin-bottom: 0;
  }
  .modal-select-list .js-check-all-target .list {
    padding-left: 0;
    margin: 0;
    box-sizing: border-box;
  }
  .modal-form-base.areaModal .modal-select-list .js-check-all-target .list {
    width: calc(100% / 2);
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list .js-check-all-target .list:nth-child(even) {
    border-left: 1px solid #D5DDEB;
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list:nth-child(n+2) {
    margin-top: 16px;
  }
  .modal-select-list .list label {
    padding: 17px 10px;
  }
  .modal-form-base.areaModal .modal-select-list .js-check-all-target .list.empty {
    border: none !important;
    pointer-events: none;
  }
  .modal-form-base.areaModal .modal-select-list .js-check-all-target .list.empty label {
    height: 55px;
    padding: 0;
  }
  .js_modalContInner .select_submit_btn a {
    font-size: 18px;
  }
  .js_modalCont .input-inner {
    height: 70vh;
    height: 70svh;
	overflow-y: scroll;
  }
}
@media screen and (min-width: 769px) {
  .js_modalBtnCont.sp {
    display: none !important;
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list:nth-child(odd) {
    margin-right: 16px;
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list:nth-child(n+3) {
    margin-top: 16px;
  }
  .modal-select-list .list-all {
    width: 100%;
  }
  .modal-form-base.areaModal .modal-form-table .modal-select-list .list-child {
    width: 100%;
  }
  .modal-form-base.areaModal .modal-form-table .js-check-all-target {
    display: flex;
    flex-wrap: wrap;
  }
  .modal-form-base.areaModal .modal-form-table .js-check-all-target .list {
    width: calc((100% - 64px) / 2);
  }
  .modal-form-base.areaModal .modal-select-list .list.empty {
    display: none;
  }
}
@media (orientation: landscape) and (max-width: 768px) {
  .modal-form-table {
    height: 35vh;
    height: 35svh;
  }
  .js_modalCont .input-inner {
    height: 50vh;
    height: 50svh;
  }
  .modal-form-base {
    margin-bottom: 24px;
  }
}
/*求人検索結果一覧*/
.result-container .result-inner {
  max-width: 1000px;
  width: 100%;
  padding: 0 40px;
  margin: 0 auto;
  box-sizing: border-box;
}
.h1_result_ttl {
  color: #000133;
  font-size: 24px;
  font-weight: bold;
  margin: 32px 0 24px;
}
.result-panel .input-inner {
  padding: 0;
  margin-bottom: 24px;
}
.result-panel .search-inner .search-submit-btn input[type="submit"],.result-panel .search-inner .search-submit-btn a {
  letter-spacing: 0.02em;
}
.result-panel .search-form-base {
  margin-bottom: 24px;
}
.result-panel .commit-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 640px;
  width: 100%;
  font-size: 13px;
  margin: 0 auto ;
}
.result-panel .commit-item {
  width: 84px;
  color: #707680;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
  position: relative;
}
.result-panel .commit-item::after {
  content: "：";
  position: absolute;
  right: -10px;
  top: 0;
}
.result-panel .commit-content {
  width: calc(100% - 100px);
  margin-left: 16px;
}
.result-panel .search-inner .search-btn-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.result-panel .search-inner .search-btn-wrap .commit-btn {
  width: 178px;
  color: #413D7E;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #413D7E;
  padding: 10px 12px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.change-btn {
	width: 178px;
	color: #413D7E;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #413D7E;
	padding: 10px 12px;
	background: #fff;
}
.result-panel .job-search-position {
	position: absolute;
    top: -180px;
}
.result-panel form .sp_accordion {
  text-align: right;
  margin-bottom: 8px;
}
.jobSearch-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #F5F6FA;
  padding: 15px 24px;
  overflow: hidden;
  margin: 0 0 30px;
}
.jobSearch-list .num {
  font-size: 13px;
  font-weight: bold;
}
.jobSearch-list .num em {
  color: #413D7E;
  font-size: 20px;
  padding: 0 9px;
}
.jobSearch-list .num .now {
  margin-left: 16px;
}
.jobSearch-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
}
.jobSearch-pagination li {
  margin-bottom: 0;
  margin-right: 2px;
  position: relative;
}
.jobSearch-pagination li.dots {
  width: 32px;
  height: 32px;
  text-align: center;
  padding-top: 10px;
}
.jobSearch-pagination li .page {
  position: relative;
  display: inline-block;
  height: 32px;
  line-height: 30px;
  padding: 0 10px;
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  color: #2E2E58;
  box-sizing: border-box;
}
.jobSearch-pagination li a.page {
  border: 1px solid #B7BCCC;
}
.jobSearch-pagination li span.page {
  color: #fff;
  background: #2E2E58;
  border: none;
}
.jobSearch-pagination li.prevBtn a,.jobSearch-pagination li.nextBtn a {
  width: 62px;
  display: flex;
  align-items: center;
  color: #fff;
  background: #2E2E58;
  border: none;
}
.jobSearch-pagination li.prevBtn a {
  padding-left: 20px;
}
.jobSearch-pagination li.prevBtn a::before {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%) rotate(-135deg);
  z-index: 1;
}
.jobSearch-pagination li.nextBtn a::after {
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}
.jobSearch-list .sort-area {
  display: inline-block;
  position: relative;
}
.jobSearch-list .sort-area .item {
  color: #444;
  font-size: 13px;
  margin-right: 12px;
}
.jobSearch-list .sort-area::before {
  content: " ";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../images/job_search/icon_chevron_down_nv.svg)no-repeat center;
  background-size: cover;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  pointer-events: none;
}
.jobSearch-list .sort-area select {
  min-width: 129px;
  color: #333;
  font-size: 14px;
  background: #fff;
  border: none;
  padding: 14px 16px;
  -webkit-appearance: none;
  appearance: none;
}
.jobSearch-list .sort-area select:focus {
  outline: none;
}
.job-box {
  max-width: 784px;
  width: 100%;
  margin: 0 auto;
}
.job-box .job-box-item {
  background: #fff;
  filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.16));
  padding: 32px;
  margin-bottom: 32px;
  border-radius: 8px;
}
.job-box-item .box-title {
  display: flex;
  align-items: center;
  color: #2E2E58;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.job-box-item .box-title img {
  margin-right: 10px;
}
.job-box-item .status {
  display: flex;
  align-items: flex-start;
  margin-bottom: 16px;
}
.job-box-item .status .name {
  width: 65%;
}
.job-box-item .status .name p {
  font-size: 13px;
  padding: 0;
}
.job-box-item .status .name p.hint {
  color: #000133;
}
.job-box-item .status .tag-list {
  width: 35%;
  display: flex;
  flex-wrap: wrap;
}
.job-box-item .status .tag-list .tag-item {
  height: 29px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  background: #E9EDF5;
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 0 10px;
}
.job-box-item .status .tag-list .tag-item:not(:last-child) {
  margin-right: 5px;
}
.job-box-item .info-wrap {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.job-box-item .info-wrap .info-item {
  width: 100px;
  color: #7D8191;
  font-weight: bold;
  padding: 16px 0;
  border-top: 1px solid #D5DDEB;
}
.job-box-item .info-wrap .info-item:first-of-type {
  padding: 24px 0;
}
.job-box-item .info-wrap .info-detail {
  width: calc(100% - 116px);
  padding: 16px 0 16px 16px;
  border-top: 1px solid #D5DDEB;
}
.job-box-item .info-wrap .info-detail:first-of-type {
  padding: 24px 0 24px 16px;
}
.job-box-item .info-wrap .info-detail p {
  color: #2E2E58;
  padding: 0;
}
.job-box-item .info-wrap .info-detail p.lead {
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 4px;
}
.info-detail .block .tag-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.info-detail .block .tag-list li {
  color: #fff;
  font-weight: bold;
  background: #AEB3BE;
  border-radius: 5px;
  padding: 5px 16px;
  margin-bottom: 5px;
  margin-right: 4px;
}
.info-detail .block .tag-list li.active {
  background: #2E2D5B;
}
.job-box-item .btn-wrap {
  display: flex;
  justify-content: flex-end;
  margin-top: 24px;
}
.job-box-item .btn-wrap a {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 14px 0;
  border-radius: 5px;
  position: relative;
}
.job-box-item .btn-wrap a.btn-more {
  max-width: 360px;
  background: #1B224C;
  margin-right: 12px;
}
.job-box-item .btn-wrap a.btn-fav {
  max-width: 168px;
  font-size: 16px;
  background: #DBB96E;
}
.job-box-item .btn-wrap a span {
  position: relative;
}
.job-box-item .btn-wrap a.btn-fav span {
  padding-left: 40px;
}
.job-box-item .btn-wrap a.btn-fav span::before {
  content: " ";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/job_search/icon_fav_gl.svg)no-repeat center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-55%);
}
.job-box-item .btn-wrap a.btn-fav.selected {
  color: #DBB96E;
  background: #fff;
  border: 1px solid #DBB96E;
}
.job-box-item .btn-wrap a.btn-fav.selected span {
  padding-left: 32px;
  padding-right: 12px;
}
.job-box-item .btn-wrap a.btn-fav.selected span::before {
  background: url(../images/job_search/icon_fav_wh.svg)no-repeat center;
  background-size: cover;
}
.job-box-item .btn-wrap a.btn-fav.selected::after {
  content: '';
  display: block;
  width: 7px;
  height: 7px;
  border-top: solid 2px #DBB96E;
  border-right: solid 2px #DBB96E;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(45deg);
  z-index: 1;
}
.job-box-item .btn-wrap a.btn-fav.remove {
  text-align: left;
  background: #A9AEC4;
}
.pager-area {
  margin-bottom: 16px;
}
a.btn-unker {
  display: block;
  padding: 20px;
  max-width: 320px;
  width: 100%;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  line-height: 1;
  background: #2E2E58;
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
  border: none;
  margin: 0 auto 32px;
  box-sizing: border-box;
}
.js_modalCont .input-inner {
  padding: 0;
}
.js_modalCont .search-inner .search-submit-btn::after {
 display: none;
}
@media screen and (min-width: 769px) {
  .job-box-item .btn-wrap a.btn-fav.remove {
    padding: 4px 0;
  }
  .job-box-item .btn-wrap a.btn-fav.remove span {
    line-height: 1.25;
  }
}
@media screen and (max-width: 768px) {
  .h1_result_ttl {
    font-size: 20px;
    margin-top: 0;
  }
  .result-container .result-inner {
    padding: 0 16px;
  }
  .result-panel .search-inner .search-btn-wrap {
    flex-direction: column;

  }
  .result-panel .search-inner .search-btn-wrap .commit-btn {
	order: 0;
	max-width: 327px;
	width: 100%;
    position: static;
    transform: none;
    margin-bottom: 16px;
	box-sizing: border-box;
	text-align: center;
  }
  .result-panel .job-search-position {
    top: -80px;
  }	
  /* .jobSearch-list {
    flex-direction: column;
  } */
  .jobSearch-list .sort-area {
    order: 2;
  }
  .jobSearch-list .sort-area .item {
	margin-right: 0;
  }
  .jobSearch-list .pagination {
    order: 1;
    margin: 8px 0;
  }
  .jobSearch-list .num {
    order: 0;
  }
  .jobSearch-list .num .now {
	margin-left: 0;
  }
  .jobSearch-list .num .br::before {
    /* 前に改行 */
    content: "\A";
    white-space: pre;
  }
  .job-box .job-box-item {
    padding: 24px 16px;
  }
  .job-box-item .box-title {
    align-items: flex-start;
  }
  .job-box-item .status {
    display: block;
  }
  .job-box-item .status .name {
    width: 100%;
    margin-bottom: 4px;
  }
  .job-box-item .status .tag-list {
    width: 100%;
  }
  .job-box-item .info-wrap {
    display: block;
  }
  .job-box-item .info-wrap .info-item {
    width: 100%;
  }
  .job-box-item .info-wrap .info-item:first-of-type {
    padding: 16px 0;
  }
  .job-box-item .info-wrap .info-detail {
    width: 100%;
    padding: 0 0 16px 0;
    border-top: none;
  }
  .job-box-item .info-wrap .info-detail:first-of-type {
    padding: 0 0 16px 0;
  }
  .job-box-item .btn-wrap {
    flex-direction: column;
    align-items: center;
  }
  .job-box-item .btn-wrap a.btn-more {
    margin-right: 0;
  }
  .job-box-item .btn-wrap a.btn-fav {
    max-width: 360px;
    margin-top: 16px;
  }
  .job-box-item .btn-wrap a.btn-fav.remove br {
    display: none;
  }
}
.obi {
  width: 100%;
  background-color: rgba(255,255,255,.5);
  display: flex;
  justify-content: center;
  margin: 64px auto 32px;
  z-index: 10;
}
.obi .application001 {
  width: unset;
  padding: 16px;
}
.obi .application001 .btnsearch2 {
  display: block;
  float: left;
  width: 390px;
  height: 69px;
  font-size: .85rem;
  color: #333;
  border: none;
  border-radius: 3px;
  background: #ffce27;
  font-size: 1rem;
  font-weight: 700;
  padding: 0;
  line-height: 70px;
  margin: 0 7.5px;
}
.pickup-area .obi {
  background-color: transparent;
}

.btnsearch2 .free {
  margin-left: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: #fff;
  border-radius: 12px;
  color: #ffce26;
}
@media screen and (max-width: 768px) {
  .obi .application001 {
      width: calc(100% - 30px);
      margin: 0;
      width: 100%;
      padding: 12px;
  }
  .obi .application001 .btnsearch2 {
    margin: 0;
    width: 100%;
    font-size: min(3.75vw,1rem);
    float: left;
  }
  .pickup-area .obi .application001 {
	padding: 0px;
  }  
  .btnsearch2 .free {
    font-size: min(3.75vw,1rem);
  }
  #pagetop.adjust {
    bottom: 176px !important;
  }
}
#step {
  background: #E9EDF5;
  padding: 80px 40px;
}
.step-wrap {
  max-width: 920px;
  width: 100%;
  margin: 0 auto;
}
.step-wrap h2 {
  color: #2E2E58;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 24px;
}
.step-wrap .step-list {
  display: flex;
  flex-wrap: wrap;
}
.step-wrap .step-list .step-item {
  display: flex;
  flex-direction: column;
  width: calc((100% - 24px) / 4);
  color: #2E2E58;
  margin-bottom: 0;
  position: relative;
}
.step-wrap .step-list .step-item .num {
  text-align: center;
  background: #2E2E58;
  padding: 10px;
}
.step-wrap .step-list .step-item .num.step2 {
  background: #323269;
}
.step-wrap .step-list .step-item .num.step3 {
  background: #373779;
}
.step-wrap .step-list .step-item .num.step4 {
  background: #3B3B8A;
}
.step-wrap .step-list .step-item .num.step5 {
  background: #3F3F9A;
}
.step-wrap .step-list .step-item .num.step6 {
  background: #4343AB;
}
.step-wrap .step-list .step-item .num.step7 {
  background: #4848BB;
}
.step-wrap .step-list .step-item .num.step8 {
  background: #4C4CCC;
}
.step-wrap .step-list .step-item .inner {
  flex: 1;
  background: #fff;
  padding: 24px 16px;
}
.step-wrap .step-list .step-item .inner .ttl {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 12px;
}
.step-wrap .step-list .step-item .inner .txt a {
  color: #0114C1;
}
@media screen and (min-width: 769px) {
  .step-wrap .step-list .step-item:not(:last-child)::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    background: url(../images/job_search/icon_step_arrow.svg)no-repeat center;
    background-size: cover;
    position: absolute;
    right: -16px;
    top: 72px;
    z-index: 2;
  }
  .step-wrap .step-list .step-item:not(:nth-child(4n)) {
    margin-right: 8px;
  }
  .step-wrap .step-list .step-item:nth-child(n+5) {
    margin-top: 16px;
  }
}
@media screen and (max-width: 768px) {
  #step {
    padding: 64px 16px;
  }
  .jobDetail-container .step-wrap h2,.step-wrap h2 {
    font-size: 20px;
  }
  .step-wrap .step-list {
    display: block;
  }
  .step-wrap .step-list .step-item {
    width: 100%;
  }
  .step-wrap .step-list .step-item:nth-child(n+2) {
    margin-top: 16px;
  }
  .step-wrap .step-list .step-item .inner {
    padding: 16px;
  }
}

.feraturebg .feraturebg_inner {
  width: calc(95% + 12px + 12px);
  max-width: 1800px;
  padding: 0 12px;
  margin: 0 auto 25px;
}
.feraturebg .feraturebg_inner .group {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px 8px;
  margin: 0 auto 40px;
}
.feraturebg .feraturebg_inner .group.second {
  margin: 0 auto;
}
.feraturebg .feraturebg_inner .group.second + .group.second {
  margin-top: 40px;
}
.feraturebg .feraturebg_inner .group.second > div {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 40px 8px;
}
.feraturebg .feraturebg_inner .featurecomp {
  width: calc(16.6666666667% - 7px);
  background-color: #f7f7f7;
  max-width: initial;
  min-width: initial;
  color: #333;
  border-bottom: none;
  margin: 0;
}
.feraturebg .feraturebg_inner .featurecomp figure img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.feraturebg .feraturebg_inner .featurecomp .companyinfo {
  padding: 8px 12px;
}
.feraturebg .feraturebg_inner .featurecomp .companyinfo .compdetail {
  font-size: 12px;
}
.feraturebg .feraturebg_inner .sp_accordion {
  display: none;
}

@media screen and (max-width: 768px) {
  .feraturebg.lazyloaded {
    background-position: top center;
  }
  .feraturebg .feraturebg_inner {
    width: 100%;
    max-width: 100%;
    padding: 0 12px;
    margin: 0 auto 25px;
  }
  .feraturebg .feraturebg_inner .group {
    justify-content: space-between;
    gap: 12px;
    margin: 0 auto 12px;
  }
  .feraturebg .feraturebg_inner .group.second {
    display: none;
    margin: 0 auto;
  }
  .feraturebg .feraturebg_inner .group.second + .group.second {
    margin-top: 12px;
  }
  .feraturebg .feraturebg_inner .group.second > div {
    justify-content: space-between;
    gap: 12px;
  }
  .feraturebg .feraturebg_inner .featurecomp {
    width: calc(50% - 6px);
  }
  .feraturebg .feraturebg_inner .featurecomp .companyinfo {
    padding: 6px 8px;
  }
  .feraturebg .feraturebg_inner .featurecomp .companyinfo .compdetail {
    font-size: 10px;
  }
  .feraturebg .feraturebg_inner .sp_accordion {
    display: block;
  }
  .feraturebg .feraturebg_inner .sp_accordion span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    max-width: 280px;
    height: 60px;
    background: #000133;
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 12px;
    cursor: pointer;
    margin: 30px auto 0;
  }
  .feraturebg .feraturebg_inner .sp_accordion span:after {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "＋";
    font-size: 24px;
    transform: translateY(-50%);
  }
  .feraturebg .feraturebg_inner .sp_accordion.is_open span:after {
    content: "－";
  }
}