@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


/*
20181129 ohayashi　ファイル編集しました。
「20181129 ohayashi」　←これでコメントつけておきました。


20190710 ohayashi　ファイル編集しました。
「20190710 ohayashi」　でコメントつけてあります。




*/

/* リスト要素をリセットする ---------------- */
dl,dt,dd,ol,ul,li	{
	list-style-position: outside;
	list-style-type: none;
}
/*box-sizingを全ブラウザに対応*/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* floatの解除 ------------- */
.fbox{
	clear:both;
	_display: inline-block;
	min-height: 1%;
}
.fbox:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
}



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

	スタイルの設定

=================================================================== */
html {
	font-size:14px;
}
body{
	color:#444444;
	line-height:1.5;
	margin:0;
	background:#ffffff;
	/*
	font-family: Noto Sans Japanese,"Noto Sans Japanese",-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
	*/
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
	/* 900,700,500,400,300,200 */
	transform: none !important;
}
#contents {
	box-sizing: border-box;
}
#contents * {
	box-sizing: border-box;
}
img {
	max-width: 100%;
}



/* ---------------- 上書き ------------- */
strong {font-weight:bold;}
p,li,dl,dt,dd {line-height:1.5;}
.red{	color:#F40027;}
.red2{	color:#DC0000;}
.blue{	color:blue;}
.blue{	color:blue;}
.txt-left {	text-align:left;}
.txt-right {	text-align:right;}


.bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background-color: rgba(51,51,51,0.7);
	display: none;
}

/* ===================================================================
	通常のリンク
=================================================================== */
a:link {
	color: #6CC272;
	text-decoration: none;
}
a:visited {
	color: #6CC272;
	text-decoration:none;
}
a:hover {
	color: #6CC272;
	text-decoration:none;
}
a:active {
	color: #6CC272;
	text-decoration:none;
}
/* メインエリアはリンクにアンダーライン */
/*#main a{
	text-decoration:underline;
}*/

/* ===================================================================
	#header
	ヘッダー
=================================================================== */
header {
	width: 100%;
	padding: 10px 0;
	background: #FF9A7F;
	color: #ffffff;
/*	position: absolute;
	top: 0;
	left: 0;*/
}
#header_inner {
	width: 98%;
	max-width: 1080px;
	margin: 0 auto;
}
#header_inner .pc {
	display: block;
}
#header_inner .sp {
	display: none;
}
#header_inner a {
	color: #ffffff;
}

.site_catch {
	font-size: 0.8rem;
	margin-bottom: 10px;
}

#header_btm {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}




/*	ロゴ
------------------------------------------------------------------ */
h1 #top {
	line-height: 1;
}
#top img {
	width: 200px;
}

/*	グローバルメニュー
------------------------------------------------------------------ */
#gmenu_nav {
	align-self: flex-end;
}
#gmenu_nav ul {
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
#gmenu_nav a {
	padding: 5px 0;
	color: #ffffff;
	font-weight: 400;
	display: block;
	line-height: 19px;
}
/*
#gmenu_nav a:before{
	content: "";
	display: inline-block;
	width: 19px;
	height: 19px;
	margin-right: 2px;
}*/
/*#gmenu_nav a:hover:before{
	background: url("../img/gmenu_icon.png")no-repeat center center;
}*/
#gmenu_nav li {
	padding: 0 0.5em;
	text-align: center;
}
/*
#gmenu_nav li.current {
}
#gmenu_nav li.current a:before{
	background: url("../img/gmenu_icon.png")no-repeat center center;
}*/



#gmenu_nav_sp_head {
	display: none;
}
#gmenu_nav_sp {
	display: none;
}
#header_menu_sp {
	display: none;
}






/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#contents {
		position: relative;
	}
	header {
		height: 60px;
		padding: 0;
	}
	#header_inner {
		width: 100%;
	}
	.site_catch {
		display: none;
	}
	#gmenu_nav{
		display: none;
	}
	#top {
		height: 60px;
		line-height: 60px;
		margin-left: 10px;
	}
	
	#btn_sp_menu {
	}
	
	#gmenu_nav_sp_head {
		display: block;
		
	}
	#gmenu_nav_sp_head ul {
		height: 100%;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	#gmenu_nav_sp_head ul li {
		width: 60px;
		border-left: 1px solid #fff;
	}
	#gmenu_nav_sp_head ul li a,
	#gmenu_nav_sp_head ul li #btn_sp_menu {
		display: block;
		height: 100%;
		padding: 6px 0;
		font-size: 10px;
		text-align: center;
	}
	#gmenu_nav_sp_head ul li .gmenu_icon {
		font-size: 18px;
		display: block;
	}
	
	#gmenu_nav_sp {
		display: block;
		transition: all 0.2s;
		transform: translate(300px);
		width:300px;
		height:100%;
		background: #000000;
		position: fixed;
		top:0;
		right:0;
		z-index: 1000;
		color: #ffffff;
	}
	#gmenu_nav_sp a {
		color: #ffffff;
	}
	#gmenu_nav_sp.open {
		transform: translate(0);
	}
	
	.gmenu_sp_close {
		padding: 10px 10px;
		text-align:right;
	}
	.sp_close_btn {
		display: inline-block;
		padding: 5px;
	}
	.sp_close_btn i {
		margin-right: 5px;
	}
	#gmenu_nav_sp ul {
		border-top: 1px solid rgba(255,255,255,0.5);
	}
	#gmenu_nav_sp li {
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	#gmenu_nav_sp li a {
		display: block;
		padding: 10px;
		font-size: 1.2rem;
	}
	#gmenu_nav_sp li a span {
		display: inline-block;
		width: 1.5em;
	}
	#gmenu_nav_sp li.sub a {
		font-size: 0.9rem;
	}
	
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	.header_contact_tel {
		font-size: 1.4rem;
	}
}

/* ===================================================================
	#footer
	フッター
=================================================================== */
footer {
	padding: 60px 0 0;
	background: #FF9A7F;
	background-size: cover;
	color: #333;
}

/* フッター　サーチ */
#footer_search {
	width: 98%;
	max-width: 1080px;
	margin: 0 auto 50px;
}
#footer_search dl {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
}
#footer_search dl dt {
	width: 9em;
	margin-right: 20px;
	padding: 10px 0;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	
	flex-shrink: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#footer_search dl dt span {
	width: 100%;
	text-align: center;
	align-self: center;
	align-content: center;
}
#footer_search dl dd {
	align-self: center;
}
#footer_search ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9rem;
}
#footer_search ul li {
	margin: 0.2em 0;
}
#footer_search ul li:after {
	margin: 0 0.3em;
	content: "｜";
	vertical-align: top;
	color: #ffffff;
}
#footer_search ul li:last-child:after {
	display: none;
}
#footer_search ul li a {
	color: #fff;
}
/* フッターメニュー */
#footer_nav {
	margin: 0 0 50px;
	font-size: 0.9rem;
}
#footer_nav a {
	color: #333;
}
#footer_nav ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	padding-top: 50px;
}
#footer_nav li {
	margin: 0 0.8em;
	padding: 0.2em 0;
}
#footer_nav li i {
	margin-right: 0.3em;
}
#footer_nav li i {
	margin-right: 0.3em;
}
.footer_back{
	background: url("../img/footer_bk.webp")no-repeat center;
	background-size: cover;
}
.footer_awesome {
	text-align: center;
}
.footer_awesome img {
	width: 250px;
}



/* -------------- address -------------- */
address {
	margin:0;
	padding: 20px 0 20px;
	text-align:center;
	font-style: normal;
	color: 333;
}


/* タブレット */
@media ( max-width : 960px ){
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	footer {
		padding: 30px 0 0;
		background-size: cover;
	}

	/* フッター　サーチ */
	#footer_search {
		display: none;
	}
	/* フッターメニュー */
	#footer_nav {
		margin: 0 0 40px;
	}
	address {
		margin:0;
		padding: 10px 0;
		font-size: 0.8rem;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
}






/* ===================================================================
	共通CSS
=================================================================== */
#main {
	
}


#main_page {
	width: 98%;
	max-width: 1080px;
	margin: 0 auto;
	padding: 10px 0 50px;
}


/* タブレット */
@media ( max-width : 960px ){
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}




/*	タイトル
----------------------------------------------------------------- */
#page_title {
	padding: 0;
	background: url(../img/header_img.webp) no-repeat top center;
	background-size: cover;
/*	color: #ffffff;*/
}
#page_title.recruit_title {
	background: url(../img/head_image_job.png) no-repeat top right;
	background-size: auto 100%;
}

#page_title h1 {
	margin: 0 auto;
	padding: 5% 0;
	color: #333;
	text-align: center;
	font-size: 2.1rem;
	font-weight: 900;
	text-shadow: 0px 0px 8px #fff,1px 1px 8px #fff,-1px -1px 8px #fff;
}
#page_title h1 span {
	display: block;
	font-size: 1.4rem;
	color:#FF9A7F;
	font-family: 'Open Sans',Open Sans, sans-serif;
	font-weight: 800;
}

h2.title {
	text-align: center;
	margin: 0 0 30px;
}
h2.title span {
	display: block;
	font-size: 25px;
	font-weight: 900;
}
h2.title span.title_en {
	margin: 0.5em 0 0;
	font-size: 16px;
	color: #FF9A7F;
	font-family: 'Open Sans',Open Sans, sans-serif;
	font-weight: 800;
}
#home_bussinesstype_search h2.title span.title_en {
	color: #6CC272;
}
.title_under {
	margin-bottom: 30px;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
.title_under span {
	padding:0 0.5em;
	background: linear-gradient(transparent 70%, #FF9A7F 70%);
}

br.sp {
	display: none;
}

/* タブレット */
@media ( max-width : 960px ){
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#page_title {
		padding: 0;
		background: url(../img/header_img.webp) no-repeat top center;
		background-size: cover;
		color: #ffffff;
	}
	#page_title h1 {
		margin: 0 auto;
		padding: 20px 0;
		font-size: 1.6rem;
		font-weight: 600;
	}
	#page_title h1 span {
		font-size: 1rem;
		font-weight: 700;
	}
	
	h2.title span {
		font-size: 20px;
	}
	h2.title span.title_en {
		font-size: 13px;
	}
	br.sp {
		display: inline-block;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	h2.title {
		margin-bottom: 20px;
	}
}


/*	ぱんくず
----------------------------------------------------------------- */
#breadcrumb {
	margin-bottom: 40px;
	font-size: 0.9rem;
}
#breadcrumb ul li {
	display: inline-block;
}
#breadcrumb ul li:after {
	content: ">";
	margin: 0 0.5em;
}
#breadcrumb ul li:last-child:after {
	display: none;
}

/*	共通設定
----------------------------------------------------------------- */
button, select, input, textarea {
	outline: none;
}
input[type="button"],
input[type="submit"]{
	-webkit-appearance: none;
}


/* ボタン */
a.btn_edit,
button.btn_edit {
	display: inline-block;
/*	height: 3em; */
	margin: 0 1em;
	padding: 0.8em;
	background: #FF9A7F;
	color: #FFF;
	font-weight: 600;
/*	line-height: 3em;*/
	text-decoration: none;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}
a.btn_edit i,
button.btn_edit i {
	margin-right: 0.5em;
}


/* inputとか */
input[type="text"],
input[type="password"],
input[type="tel"]{
	width: 100%;
	height: 3em;
	border: 1px solid #CAD3DA;
	padding: 0 0.8em;
	line-height: 3em;
	border-radius: 5px;
}
input[type="checkbox"] {
	margin-right: 0.2em;
}
input[type="radio"] {
	margin-right: 0.2em;
}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown,
::-webkit-input-placeholder {
	color: #949DA6;
}
:-moz-placeholder ,
::-moz-placeholder {
	color: #949DA6; opacity: 1;
}
:-ms-input-placeholder {
	color: #949DA6; }
::-ms-input-placeholder {
  color: #949DA6;
}
::placeholder{
	color:#949DA6;
}

input[type="text"].form_zip {
	width: 8em;
}
input[type="text"].form_tel {
	width: 15em;
}
input[type="text"].form_school {
	width: 20em;
}
input[type="text"].form_mail,
input[type="text"].form_mail_check{
	width: 25em;
}
.form_mail_check {
	margin-top: 0.5em;
}


textarea {
	width: 100%;
	height: 150px;
	padding: 0.5em;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
	border: 1px solid #CAD3DA;
	border-radius: 5px;
}




.select_box {
	width: auto;
	display: inline-block;
	background: #ffffff;
	border-radius: 10px;
	position: relative;
}
.select_box select {
	width: 100%;
	height: 3em;
	padding: 0 30px 0 0.6em;
	background: transparent;
	position: relative;
	z-index: 1;
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}
.select_box select::-ms-expand {
    display: none;
}
.select_box::before{
	content: '\f107';
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	/*background: #fff;*/
	border-left: none;
	height: 100%;
	line-height: 2.8em;
	width: 2em;
	text-align: center;
	font-family: 'Font Awesome 5 Free';
	color: #949DA6;
	font-weight: 900;
	font-size: 1rem;
}


table {
	width:100%;
	margin:20px 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: none;
	clear:both;
}

/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	input[type="text"].form_tel,
	input[type="text"].form_school,
	input[type="text"].form_mail {
		width: 100%;
	}

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}


/*	ページャー
----------------------------------------------------------------- */
.pager_area {
	margin: 20px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.pager_area:last-child {
	justify-content: flex-end;
}
.result_counts .num {
	color: #FF9A7F;
	font-weight: bold;
	font-size: 1.8rem;
	margin-right: 0.2em;
}


.paging li {
	display: inline;
	margin: 0 2px;
}
.paging li a {
	display: inline-block;
	padding: 2px 10px;
	color: #333;
	background: #ffffff;
	border: 1px solid #CAD3DA;
}
.paging li.active a {
	color: #ffffff;
	background: #444444;
	border: 1px solid #444444;
}
.paging li.disabled a {
	border: none;
	color: #999;
}

.paging li.prev a:before,
.paging li.next a:after,
.paging li.first a:before,
.paging li.last a:after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.paging li.prev a:before {
	margin-right: 0.2em;
	content: '\f104';
}
.paging li.first a:before {
	margin-right: 0.2em;
	content: '\f100';
}
.paging li.next a:after {
	margin-left: 0.2em;
	content: '\f105';
}
.paging li.last a:after {
	margin-left: 0.2em;
	content: '\f101';
}


/*
.paging li.disabled a {
	padding: 2px 0;
	color: #969696;
	background: none;
	border: none;
}

.paging li a.disabled,
.paging li a.next {
	padding: 2px 0;
	background: none;
	border: none;
}*/


/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#breadcrumb {
		margin-bottom: 20px;
		font-size: 0.9rem;
	}
	
	.pager_area {
		display: block;
	}
	.paging_wrapper {
		text-align: center;
	}
	.result_counts {
		margin-bottom: 10px;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}



/*	メッセージ系
----------------------------------------------------------------- */

.form-control-feedback {
	display: block;
	margin-top: 0.5em;
	font-weight: bold;
	font-style:normal;
}

.form-control-feedback.error {
	color: #FE6064;
}


.form-control-feedback.error:before {
	content: '\f06a';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.5em;
}

.required.error input[type="text"],
.required.error textarea,
.required.error .select_box select {
	border: 1px solid #FE6064;
}

/* ===================================================================
	トップページ
=================================================================== */
/*	メイン画像
----------------------------------------------------------------- */
#main_img {
	padding: 90px 0 40px;
	background: url(../img/top_main_img.png) no-repeat top center;
	background-size: cover;
}
.main_img_copy {
	margin: 130px auto;
	text-align: center;
	font-family: serif;
	font-size: 3vw;
	font-weight: bold;
	color: #fff;
	text-shadow:0px 0px 5px rgba(0,0,0,0.8);
}
.main_img_copy span {
	font-size: 150%;
	color: #FF9A7F;
}
#home_keyword_search {
	width: 80%;
	max-width: 800px;
	margin: 80px auto 20px;
	padding: 20px 40px;
	background: rgba(255,255,255,0.6);
	border-radius:10px;
	border:#6CC272 solid;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
#home_keyword_search div {
	margin: 0 10px;
	flex-grow: 1;
}
.home_keyword_input {
	flex-grow: 1;
}
.home_keyword_input input[type="text"]{
	border: none;
}
#home_keyword_search div.home_keyword_btn {
	flex-grow: 0;
}
#home_keyword_search button.btn_edit {
	margin: 0;
}



/* ホーム共通 ------------- */
/*.home_sec:nth-of-type(2n+1) {
	background: #ffffff;
}*/
.home_sec_innner {
	width: 98%;
	max-width: 1080px;
	margin: 0 auto 0px;
	padding: 50px 0;
}



/* 下へジャンプさせるよ */
#home_jump {
	padding: 20px 0;
}
#home_jump ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#home_jump ul li {
	width: 250px;
	margin: 0 10px;
}
#home_jump ul li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
	height: 100%;
	padding: 15px 5px 10px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #cccccc;
	text-align: center;
	position: relative;
	font-size: 1rem;
	color: #444;
}
#home_jump ul li a span {
	display: block;
	align-self: center;
}
#home_jump ul li a .home_jump_txt{
	margin-bottom: 5px;
	font-weight: 500;
}
#home_jump ul li a .icon_arrow {
	color: #FF9A7F;
	font-size: 20px;
}

/* エリアから探す ------------- */
#home_area_search{
	background: #FFF3EF;
}
#home_area {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

/* 地図 */
#home_map {
	width: 600px;
	margin-right: 20px;
	display: block;
	position: relative;
	flex-shrink: 0;
}
.map_img_link {
	display: inline-block;
	background: #ffffff;
	position: absolute;
	border-radius: 8px;
	box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.2);
}
.map_img_link a {
	display: inline-block;
	width: 9em;
	padding: 0.5em 0;
	background: #ffffff;
	border-radius: 8px;
	text-align: center;
	border: 2px solid #FF9A7F;
}

/* 求人がないやつ　20190304 ohayashi */
.map_img_link span.no_rec {
	display: inline-block;
	width: 9em;
	padding: 0.5em 0;
	background: #ffffff;
	border-radius: 8px;
	text-align: center;
	border: 2px solid #aaa;
}
/* 全国 */
#home_map .map_img_hokkaidou {	top: 40px;	left: 322px;}
#home_map .map_img_kantou {	top: 302px;	left: 464px;}
#home_map .map_img_koushinetsu {	top: 202px;	left: 293px;}
#home_map .map_img_toukai {	top: 380px;	left: 336px;}
#home_map .map_img_kansai {	top: 380px;	left: 180px;}
#home_map .map_img_chugoku {	top: 204px;	left: 156px;}
#home_map .map_img_kyusyu {	top: 234px;	left: 10px;}

/* 北海道・東北 */
#home_map .map_img_hokkaidou {	top: 55px;	left: 282px;}
#home_map .map_img_aomori {	top: 192px;	left:220px;}
#home_map .map_img_iwate {	top: 260px;	left: 306px;}
#home_map .map_img_miyagi {	top: 320px;	left: 286px;}
#home_map .map_img_akita {	top: 260px;	left: 86px;}
#home_map .map_img_yamagata {	top: 320px;	left: 60px;}
#home_map .map_img_fukushima {	top: 400px;	left: 206px;}

/* 関東 */
#home_map .map_img_tokyo {	top: 235px;	left: 162px;}
#home_map .map_img_kanagawa {	top: 322px;	left:54px;}
#home_map .map_img_chiba {	top: 280px;	left: 356px;}
#home_map .map_img_saitama {	top: 130px;	left: 126px;}
#home_map .map_img_ibaraki {	top: 60px;	left: 386px;}
#home_map .map_img_tochigi {	top: 20px;	left: 246px;}
#home_map .map_img_gunma {	top: 50px;	left: 106px;}


/* 東海 */
#home_map .map_img_aichi {	top: 285px;	left: 212px;}
#home_map .map_img_gifu {	top: 102px;	left:294px;}
#home_map .map_img_mie {	top: 252px;	left: 80px;}
#home_map .map_img_shizuoka {	top: 330px;	left: 356px;}

/* 関西 */
#home_map .map_img_oosaka {	top: 205px;	left: 122px;}
#home_map .map_img_hyogo {	top: 50px;	left:104px;}
#home_map .map_img_kyoto {	top: 52px;	left: 260px;}
#home_map .map_img_shiga {	top: 110px;	left: 386px;}
#home_map .map_img_nara {	top: 240px;	left: 296px;}
#home_map .map_img_wakayama {	top: 350px;	left: 256px;}

/* 甲信越・北陸 */
#home_map .map_img_yamanashi {	top: 280px;	left: 302px;}
#home_map .map_img_nagano {	top: 200px;	left:304px;}
#home_map .map_img_niigata {	top: 42px;	left: 480px;}
#home_map .map_img_toyama {	top: 105px;	left: 350px;}
#home_map .map_img_ishikawa {	top: 50px;	left: 246px;}
#home_map .map_img_fukui {	top: 90px;	left: 106px;}

/* 中国・四国 */
#home_map .map_img_hiroshima {	top:110px;	left: 270px;}
#home_map .map_img_okayama {	top:110px;	left: 400px;}
#home_map .map_img_tottori {	top:20px;	left: 420px;}
#home_map .map_img_shimane {	top: 20px;	left: 300px;}
#home_map .map_img_yamaguchi {	top: 60px;	left: 150px;}
#home_map .map_img_kagawa {	top: 260px;	left: 296px;}
#home_map .map_img_tokushima {	top: 340px;	left:276px;}
#home_map .map_img_ehime {	top: 260px;	left: 136px;}
#home_map .map_img_kouchi {	top: 340px;	left: 106px;}

/* 九州・沖縄 */
#home_map .map_img_fukuoka {	top:-10px;	left: 380px;}
#home_map .map_img_saga {	top:-10px;	left: 240px;}
#home_map .map_img_nagasaki {	top:52px;	left: 160px;}
#home_map .map_img_kumamoto {	top: 125px;	left: 250px;}
#home_map .map_img_ooita {	top: 75px;	left: 380px;}
#home_map .map_img_kagoshima {	top: 260px;	left: 266px;}
#home_map .map_img_miyazaki {	top: 150px;	left: 386px;}
#home_map .map_img_okinawa {	top: 350px;	left: 106px;}



#home_area_link {
	width: 41%;
	padding: 10px;
	background: #ffffff;
	display: block;
	align-self: flex-start;
}
#home_area_link dl {
	margin: 0 0 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#home_area_link dl:last-child {
	margin-bottom: 0;
}
#home_area_link dl dt {
	width: 8em;
	padding: 0.5em 0;
	margin-right: 1em;
	background: #FFD7CC;
	border-radius:10px;
	text-align: center;
	flex-shrink: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#home_area_link dl dt span {
	width: 100%;
	align-content: center;
	align-self: center;
}
#home_area_link dl dd {
	align-content: center;
	align-self: center;
}
#home_area_link ul {
	padding: 0.1em 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
#home_area_link ul li {
	margin: 0.1em 0;
}
#home_area_link ul li:after {
	margin: 0 0.3em;
	content: "｜";
	vertical-align: top;
	color: #ccc;
}
#home_area_link ul li:last-child:after {
	display: none;
}
#home_area_link ul li.home_area_link_sp {
	display: none;
}
#home_area_link ul li a {
	color: #6CC272;
}
#home_area_link_sp {
	display: none;
}


/* 職種から探す */
#home_category_search {
}
.home_list_link_sp {
	display: none;
}
/* カテゴリーリスト */
.home_cate_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 10px;
}
.home_cate_list dt {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-shrink: 0;
	width: 12em;
	padding: 0.5em 0;
	margin-right: 1em;
	text-align: center;
}
.home_cate_list dt span {
	width: 100%;
	align-content: center;
	align-self: center;
}
.home_cate_list dd {
	align-content: center;
	align-self: center;
}

ul.home_list_link {
	padding: 0.1em 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
}

ul.home_list_link.justify_start{ /* 20181129 ohayashi ←揃えになるようなリストを追加 */
	justify-content: flex-start;
	text-align: center;
}

ul.home_list_link li {
	width: 30%;
	margin: 0.1em 0;
	color:#aaa;
}
ul.home_list_link li:before {
	margin-right: 0.5em;
	content: "\f105";
	vertical-align: top;
	color: #FF9A7F;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
ul.home_list_link li:after {
/*	margin: 0 0.3em;
	content: "｜";
	vertical-align: top;
	color: #ccc;*/
}
ul.home_list_link li.group_name{ /* 20181129 ohayashi リストのliにタイトルになる要素を追加、 */
	width:10.5em;
	background-color:#FFE7B3;
	padding:5px;
	text-align:center;
	margin-right:0.8em;
}

ul.home_list_link li.group_name:after{ /* 20181129 ohayashi リストのliにタイトルになる要素を追加、 */
	content:'';
	display:none;
}

ul.home_list_link li:last-child:after {
	display: none;
}
ul.home_list_link li a {
	color: #333;
}


/* 企業名から探す ---------------- */
.home_bussinesstype_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.home_bussinesstype_list li {
	margin: 0.5em 0;
	width: 25%;
}
/*
.home_company_list li:after {
	margin: 0 0.3em;
	content: "｜";
	vertical-align: top;
	color: #ccc;
}*/
ul.home_bussinesstype_list li:before {
	margin-right: 0.5em;
	content: "\f105";
	vertical-align: top;
	color: #6CC272;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}
.home_bussinesstype_list li:last-child:after {
	content: "";
}
ul.home_bussinesstype_list li a {
	color: #333;
}

/* こだわりからとかリンク ------------- */
#home_search_link {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
#home_search_link li {
	width: 250px;
	margin: 0 10px;
}
#home_search_link a {
	display: block;
	padding: 20px 10px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #cccccc;
	text-align: center;
	position: relative;
	font-size: 16px;
	color: #444;
}
#home_search_link li a .icon {
	margin: 0 auto 10px;
	font-size: 40px;
	display: block;
	color: #FF9A7F;
	text-align: center;
}
#home_search_link li a .icon_arrow {
	color: #CCCCCC;
	font-size: 20px;
	vertical-align: middle;
	position: absolute;
	top: 40%;
	right: 10px;
}

/* 新着求人 */
#home_newjob {
	background: #FFEBE5 url("../img/newjob_back.png") no-repeat center 20px;
	padding: 30px;
}

/* ピックアップ求人 */
#home_pujob {
}

/* ジョブスライダー共通 */
.home_job_slider {
	width: 90%;
	margin: 0 auto 30px;
}
.slick-slide {
	background: #ffffff;
	margin: 0 5px;
	padding: 0;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
	border-radius: 8px;
}
.slick-prev:before, .slick-next:before {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900;
	font-size: 20px!important;
	color: #949DA6!important;
}
.slick-prev:before {
	content: '\f053' !important;
}
.slick-next:before {
	content: '\f054' !important;
}

.home_slider_innner a {
	display: block;
}
.home_slider_ex {
	padding: 10px;
}
.home_slider_title {
	margin-bottom: 10px;
	font-size: 1.2rem;
	font-weight: 600;
	color: #6CC272;
}
.home_slider_info {
	font-size: 0.9rem;
	color:#808080;
}

.home_link_more_work{
	text-align: center;
	margin-bottom: 50px;
}
.home_link_more {
	text-align: center;
}
.home_slider_img img{
	border-radius: 8px 8px 0px 0px;
}

/* 建築・土木を知る */
#home_now h2.title span.title_en{
	color: #6CC272;
}
#home_now{
	background: #EDF8EE url("../img/workcolumn_back.png")no-repeat center 20px;
	padding-top: 30px;
}
#home_now_list ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	margin-bottom: 10px;
}
#home_now_list ul li {
	width: 18%;
	margin-bottom:3%;
	background: #ffffff;
	border-radius: 8px;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
}
#home_now_list ul li a {
	display: block;
	color: #333;
}
.home_now_img {
	display: block;
}
.home_now_img img{
	border-radius: 8px 8px 0px 0px;
}

.home_now_title {
	display: block;
	padding: 10px;
	text-align: center;
	font-weight: bold;
}
h3.work_category{
	background: url("../img/work_back.png")no-repeat center;
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
}
.home_link_more_work a{
	background: #6CC272;
	padding: 10px 50px 10px;
}
h3.bussiness_type{
	background: url("../img/bussiness_back.png")no-repeat center;
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;
}
.home_link_more a{
	padding: 10px 50px 10px;
}



@media ( max-width : 1079px ){
	.home_job_slider {
		width: 90%;
	}
}
/* タブレット */
@media ( max-width : 960px ){
	
	/* 下へジャンプさせるよ */
	#home_jump ul li {
		width: 30%;
		margin: 0 1%;
	}
	
	
	/* エリアから探す */
	#home_area {
		display: block;
	}
	
	/* 地図 */
	#home_map {
		margin: 0 auto 40px;
		display: block;
		position: relative;
		flex-shrink: 0;
	}
	
	#home_area_link {
		width: 100%;
	}
	
	#home_keyword_search {
		width: auto;
		margin: 30px auto 25px;
		padding: 25px;
		display: block;
	}
	#home_keyword_search div {
		width: 100%;
		margin: 0 0 20px;
	}
	#home_keyword_search div:last-child {
		margin-bottom: 0;
	}
	.home_keyword_btn {
		text-align: center;
	}
	#home_keyword_search button.btn_edit {
		margin: 0;
		padding: 0.8em 2em;
	}
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#main_img {
		padding: 60px 0;
		background: url(../img/top_main_img_sp.png) no-repeat top center;
		background-size: cover;
	}
	.main_img_copy {
		margin: 50px auto;
		font-size: 5vw;
	}
	
	/* ホーム共通 ------------- */
	.home_sec:nth-of-type(2n) {
		background: #ffffff;
	}
	.home_sec_innner {
		padding: 20px 0;
	}
	
	.home_slider_title {
		font-size: 1rem;
	}
	.home_slider_info {
		font-size: 0.8rem;
	}
	
	
	/* エリアから探す ------------- */
	#home_area {
		display: block;
	}

	/* 地図 */
	#home_map {
		width: 300px;
		margin: 0 auto 30px;
		display: block;
		position: relative;
		flex-shrink: 0;
	}
	.map_img_link {
	}
	.map_img_link a {
		display: inline-block;
		/*width: 5em;*/
		width: 6.5em;
		padding: 0.3em 0;
		font-size: 12px;
	}
	.map_img_link span.no_rec {
		display: inline-block;
		/* width: 5em; */
		width: 6.5em;
		padding: 0.3em 0;
		font-size: 12px;
	}
	#home_map .map_img_hokkaidou a,
	#home_map .map_img_koushinetsu a {
		width: 7.8em;
	}
	#home_map .map_img_chugoku a,
	#home_map .map_img_kyusyu a {
		width: 7em;
	}
	/* 全国 */
	#home_map .map_img_hokkaidou {	top: 17px;	left: 177px;}
	#home_map .map_img_kantou {	top: 146px;	left: 226px;}
	#home_map .map_img_koushinetsu {	top: 92px;	left: 156px;}
	#home_map .map_img_toukai {	top: 189px;	left: 160px;}
	#home_map .map_img_kansai {	top: 189px;	left: 76px;}
	#home_map .map_img_chugoku {	top: 73px;	left: 63px;}
	#home_map .map_img_kyusyu {	top: 107px;	left: 0px;}
	
	/* 北海道・東北 */
	#home_map .map_img_hokkaidou {	top: 25px;	left: 142px;}
	#home_map .map_img_aomori {	top: 85px;	left:110px;}
	#home_map .map_img_iwate {	top: 120px;	left: 136px;}
	#home_map .map_img_miyagi {	top: 160px;	left: 146px;}
	#home_map .map_img_akita {	top: 120px;	left: 56px;}
	#home_map .map_img_yamagata {	top: 160px;	left: 40px;}
	#home_map .map_img_fukushima {	top: 195px;	left: 106px;}
	
	/* 関東 */
	#home_map .map_img_tokyo {	top: 105px;	left: 52px;}
	#home_map .map_img_kanagawa {	top: 162px;	left:0px;}
	#home_map .map_img_chiba {	top: 120px;	left: 170px;}
	#home_map .map_img_saitama {	top: 60px;	left: 26px;}
	#home_map .map_img_ibaraki {	top: 30px;	left: 190px;}
	#home_map .map_img_tochigi {	top: -10px;	left: 136px;}
	#home_map .map_img_gunma {	top: -10px;	left: 50px;}
	
	/* 東海 */
	#home_map .map_img_aichi {	top: 155px;	left: 102px;}
	#home_map .map_img_gifu {	top: 22px;	left:104px;}
	#home_map .map_img_mie {	top: 120px;	left: 20px;}
	#home_map .map_img_shizuoka {	top: 130px;	left: 186px;}
	
	/* 関西 */
	#home_map .map_img_oosaka {	top: 95px;	left: 52px;}
	#home_map .map_img_hyogo {	top: 40px;	left:45px;}
	#home_map .map_img_kyoto {	top: 22px;	left: 140px;}
	#home_map .map_img_shiga {	top: 55px;	left: 196px;}
	#home_map .map_img_nara {	top: 120px;	left: 146px;}
	#home_map .map_img_wakayama {	top: 160px;	left: 46px;}
	
	/* 甲信越・北陸 */
	#home_map .map_img_yamanashi {	top: 280px;	left: 302px;}
	#home_map .map_img_nagano {	top: 200px;	left:304px;}
	#home_map .map_img_niigata {	top: 42px;	left: 480px;}
	#home_map .map_img_toyama {	top: 105px;	left: 350px;}
	#home_map .map_img_ishikawa {	top: 50px;	left: 246px;}
	#home_map .map_img_fukui {	top: 90px;	left: 106px;}

	/* 中国・四国 */
	#home_map .map_img_hiroshima {	top:60px;	left: 120px;}
	#home_map .map_img_okayama {	top:60px;	left: 190px;}
	#home_map .map_img_tottori {	top:-5px;	left: 220px;}
	#home_map .map_img_shimane {	top: -5px;	left: 150px;}
	#home_map .map_img_yamaguchi {	top: 30px;	left: 50px;}
	#home_map .map_img_kagawa {	top: 110px;	left: 150px;}
	#home_map .map_img_tokushima {	top: 180px;	left:130px;}
	#home_map .map_img_ehime {	top: 110px;	left: 70px;}
	#home_map .map_img_kouchi {	top: 180px;	left: 50px;}

	/* 九州・沖縄 */
	#home_map .map_img_fukuoka {	top:-10px;	left: 220px;}
	#home_map .map_img_saga {	top:-10px;	left: 140px;}
	#home_map .map_img_nagasaki {	top:10px;	left: 60px;}
	#home_map .map_img_kumamoto {	top: 65px;	left: 110px;}
	#home_map .map_img_ooita {	top: 30px;	left: 200px;}
	#home_map .map_img_kagoshima {	top: 130px;	left: 146px;}
	#home_map .map_img_miyazaki {	top: 80px;	left: 206px;}
	#home_map .map_img_okinawa {	top: 160px;	left: 6px;}
	
	#home_area_link {
		display: none;
	}
	#home_area_link_sp {
		display: block;
		padding: 0;
		border: 1px solid #FF9A7F;
		background: #ffffff;
	}
	#home_category_search dl.recruit_type_groups, /* 20181129 ohayashi add */
	#home_area_link_sp dl {
		margin: 0 ;
		display: block;
	}
	#home_category_search dl.recruit_type_groups dt, /* 20181129 ohayashi add */
	#home_area_link_sp dl dt {
		width: 100%;
		padding: 10px;
		margin-right: 0;
		background: #FFE7B3;
		text-align: left;
		flex-shrink: 0;
		display: block;
		border-bottom: 1px solid #FF9A7F;
		font-weight: bold;
	}
	
	/* 押せない時の見た目 20190306 ohayashi */
	#home_category_search dl.recruit_type_groups dt[rec_count="0"],
	#home_area_link_sp dl dt[rec_count="0"]{
		color:#aaa;
		background:#fbedcf;
	}
	#home_category_search dl.recruit_type_groups dt[rec_count="0"]:after,
	#home_area_link_sp dl dt[rec_count="0"]:after{
		color:#aaa;
	}
	
	#home_category_search dl.recruit_type_groups dt:after, /* 20181129 ohayashi add */
	#home_area_link_sp dl dt:after {
		margin: 0;
		content: "\f13a";
		vertical-align: top;
		color: #444444;
		float: right;
		font-family: 'Font Awesome 5 Free';
	}
	#home_category_search dl.recruit_type_groups dt.active:after, /* 20181129 ohayashi add */
	#home_area_link_sp dl dt.active:after {
		content: "\f139";
	}
	#home_category_search dl.recruit_type_groups dt span, /* 20181129 ohayashi add */
	#home_area_link_sp dl dt span {
		width: 100%;
		align-content: center;
		align-self: center;
	}
	#home_category_search dl.recruit_type_groups dd, /* 20181129 ohayashi add */
	#home_area_link_sp dl dd {
		align-content: center;
		align-self: center;
		display: none;
	}
	#home_area_link_sp ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
	}
	#home_area_link_sp ul li {
		width: 50%;
		margin: 0;
		border-bottom: 1px solid #ccc;
	}
	#home_area_link_sp ul li:nth-of-type(2n) {
		border-right: 1px solid #ccc;
	}
	#home_area_link_sp ul li.home_area_link_sp {
		width: 1000%;
		display: block;
	}
	
	/* リンクしない場合のcssを追加　20190304 ohayashi */
	#home_area_link_sp ul li span.no_rec {
		display: block;
		padding: 10px;
		color: #aaa;
	}
	#home_area_link_sp ul li span.no_rec::after {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900;
		content: "\f105";
		color: #aaa;
		float: right;
	}
	
	#home_area_link_sp ul li a {
		display: block;
		padding: 10px;
		color: #444444;
	}
	#home_area_link_sp ul li a::after {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900;
		content: "\f105";
		color: #FF9A7F;
		float: right;
	}
	/* 職種から探す */
	ul.home_list_link,
	.home_cate_list {
		display: none;
	}
	.home_list_link_sp {
		display: block;
		background:#ffffff;
		border: 1px solid #FF9A7F;
	}
	.home_list_link_sp ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		overflow: hidden;
	}
	.home_list_link_sp li {
		width: 50%;
		margin: 0;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.home_list_link_sp li:nth-of-type(2n) {
		border-right: none;
	}
	
	.home_list_link_sp li span.no_rec{
		display: block;
		padding: 10px;
		color: #aaa;
	}
	.home_list_link_sp li span.no_rec::after{
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900;
		content: "\f105";
		color: #aaa;
		float: right;
	}
	.home_list_link_sp li a {
		display: block;
		padding: 10px;
		color: #444444;
	}
	.home_list_link_sp li a::after {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900;
		content: "\f105";
		color: #FF9A7F;
		float: right;
	}
	.home_type_more {
		width: 100%;
		padding: 10px;
		margin-right: 0;
		background: #FFE7B3;
		text-align: center;
		flex-shrink: 0;
		display: block;
		border-bottom: 1px solid #FF9A7F;
		font-weight: bold;
	}
	.home_type_more:after {
		margin: 0;
		content: "\f13a";
		vertical-align: top;
		color: #444444;
		float: right;
		font-family: 'Font Awesome 5 Free';
	}
	.home_type_more.active:after {
		content: "\f139";
	}
	
	/* こだわりへのリンク */
	#home_search_link li {
		width: 48%;
		margin: 0 auto;
	}
	#home_search_link a {
		padding: 10px;
		font-size: 14px;
	}
	#home_search_link li a .icon {
		font-size: 16px;
	}
	#home_search_link li a .icon_arrow {
		font-size: 16px;
		top: 35%;
	}
	
	/* 建築・土木を知る */
	#home_now_list ul {
		justify-content: space-around;
		align-content: center;
	}
	<strong>#home_now_list ul li</strong> {
		width: 46%;
		background: #ffffff;
		border: 1px solid #CAD3DA;
	}
	#home_now_list ul li a {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		height: 50px;
	}
	.home_now_img {
		display: block;
		width: 50px;
		height: 50px;
		overflow: hidden;
		flex-shrink: 0;
	}
	.home_now_img img {
		width: 150%;
		max-width: 150%;
		height: auto;
	}
	.home_now_title {
		display: block;
		padding: auto 10px;
		text-align: left;
		align-self: center;
		font-size: 0.8rem;
		color: #333;
	}

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	/* こだわりへのリンク */
	#home_search_link {
		display: block;
	}
	#home_search_link li {
		width: 100%;
		margin: 0 auto;
	}
	#home_search_link li a {
		border-radius: 0;
		font-size:1rem;
		text-align: left;
		border: 1px solid #FF9A7F;
	}
	#home_search_link li:first-child a {
		border-bottom: none;
	}
	#home_search_link li a .icon {
		display: inline-block;
		width: 1.1em;
		margin: 0 0.4em 0 0;
		text-align: center;
	}
	#home_search_link li a .icon_arrow {
		color: #FF9A7F;
		display: none;
	}
	#home_search_link li a::after {
		font-family: 'Font Awesome 5 Free' !important;
		font-weight: 900;
		content: "\f105";
		color: #FF9A7F;
		float: right;
	}
}


/* ===================================================================
	チェックリスト
=================================================================== */
.sec_checklist {
	background: #fff;
	padding: 20px;
}
/* チェックリスト */
.check_list {
	margin: 0 0 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.check_list li {
	width: 25%;
	padding: 5px 10px 5px 0;
}
.check_list li a {
	text-decoration: underline;
}
.check_list li label {
	display: inline-block;
	vertical-align: middle;
	padding-left: 25px;
	text-indent: -25px;
}
.check_list li label input[type="checkbox"] {
	-moz-appearance: checkbox;
	-webkit-appearance: checkbox;
	appearance: checkbox;
	margin: 0;
	vertical-align: middle;
	display: none;
}
.check_list li label input+span:before {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 400;
	content: "\f0c8";
	color: #ccc;
	font-size: 20px;
	vertical-align: middle;
}
.check_list li label input:checked+span:before {
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900;
	content: "\f14a";
	color: #FF9A7F;
}

/* 入力できない場合　20190304 ohayashi */
.check_list li label input[disabled="disabled"]+span:before{
	content: "\f0c8";
	font-weight: bold;
}

/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	.check_list li {
		width: 50%;
	}
	.check_list li label {
		padding-left: 25px;
		text-indent: -25px;
	}
	.check_list li label input+span:before {
		font-size: 20px;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}




/* ===================================================================
	検索結果一覧
=================================================================== */
/*	検索パネル
----------------------------------------------------------------- */

#search_panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#search_panel_tbl {
	width: calc(100% - 12em);
	margin: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #FF9A7F;
	border-radius: 10px;
/*	border: 1px solid #FF9A7F;*/
	
}
#search_panel_tbl dl {
	width: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}


#search_panel_tbl dl dt {
	width: 7em;
	padding: 0.8em;
	background: #FFD7CC;
	flex-shrink: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#search_panel_tbl dl:first-child dt {
	border-radius: 10px 0 0 10px;
}
#search_panel_tbl dl dt span {
	align-self: center;
}
#search_panel_tbl dl dd {
	padding: 0.8em;
	align-self: center;
	flex-shrink: 1;
	flex-grow: 1;
}
#search_panel_tbl dl:last-child dd {
	width: auto;
}
.btn_edit.btn_search_choice {
	margin: 0 1em 0 0;
	padding: 0.5em 0.8em;
	font-size: 0.9rem;
}

.search_panel_btn {
	text-align: center;
	align-self: center;
}
.search_panel_btn .btn_edit {
	margin: 0;
	width: 10em;
}

/* 20190227 ohayashi */
/* ふつう */
.select_name_display span::after{
	content:"、";
}

.select_name_display span:last-of-type::after{
	content:'';
}

/* エリア選択のspan */
.select_name_display > span span[group_name]:after{
	content:',';
}
.select_name_display span[group_name]:last-of-type::after{
	content:'';
}
.select_name_display > span[group_name] > .children::before{
	content:'：';
}

.select_name_display > span[group_name] > .children > span[group_name] > .children::before{
	content:'（';
}
.select_name_display > span[group_name] > .children > span[group_name] > .children::after{
	content:'）';
}



/*	モーダル表示（都道府県とか）
----------------------------------------------------------------- */
.modal_base {
	position: relative;
}
.close {
	position: absolute;
	top:10px;
	right: 20px;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 1em;
	background: #fff;
}
.close a {
	display: block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	background: #FF9A7F;
	font-size: 20px;
	border-radius: 1em;
	cursor: pointer;
	color: #444;
	font-weight: bold;
}
.iziModal {
	transform: none !important;
}
.iziModal-content {
}
.modal_inner {
	padding: 20px 0 70px;
}

/* エリア */
.modal_select {
	border-top: 1px solid #FF9A7F;
}
#modal-area .modal_select {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
/* エリアのタブ */
.modal_subarea {
	width: 20%;
}
.modal_mainarea {
	width: 80%;
	border-left: 1px solid #FF9A7F;
}
.modal_sub_list li {
	position: relative;
}
.modal_sub_list li a {
	display: block;
	padding: 10px;
	color: #444;
	border-bottom: 1px solid #FF9A7F;
}
.modal_sub_list li a:after {
	content: "\f105";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	color: #444;
	position: absolute;
	right: 0.5em;
}
.modal_sub_list li a.current {
	background: #FFE7B3;
}

/* 掲載求人が0件のエリアは、押せなくするの見た目　20190305 ohayashi */
.modal_sub_list li a[area_count="0"]{
	color:#aaa;
}
.modal_sub_list li a[area_count="0"]:after{
	color:#aaa;
}
/* 県 */
.modal_area_pref > dt {
	padding: 5px;
	font-weight: bold;
	font-size: 1.2rem;
	background: #FFE7B3;
	background: #fff3d0;
	border-top: 1px dotted #FF9A7F;
	border-bottom: 1px dotted #FF9A7F;
	position: relative;
}
.modal_area_pref > dt.no_rec{
	color:#aaa;
}

.modal_area_pref > dt:before {
	content: "\f13a";
	position: absolute;
	top: 0;
	right: 15px;
	padding: 5px 0;
	font-family: 'Font Awesome 5 Free';
}
.modal_area_pref > dt.open:before {
	content: "\f139";
}

.modal_area_pref:first-child > dt {
	border-top: none;
}
.modal_area_pref_child dt {
	padding: 5px;
	font-weight: bold;
	font-size: 1rem;
	background: #fffcf2;
	border-top: 1px dotted #ffde7b;
	border-bottom: 1px dotted #ffde7b;
}
.modal_area_pref dd:first-child .modal_area_pref_child dt {
	border-top:none;
}
.modal_area_pref_child dt.no_rec{
	color:#aaa;
}
/*
.modal_area_pref dl dd:first-child dl dt {
	border-top:none;
}*/
.modal_area_pref dd.no_rec{
	color:#aaa;
}
.modal_area_pref dd ul {
	padding: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.modal_area_pref dd ul li {
	margin-right: 1em;
}

/* 掲載が無い市区町村の見た目　20190305　ohayashi */
.modal_area_pref dd ul li.no_rec{
	color:#aaa;
}

.modal_kakutei {
	position: fixed;
	width: 100%;
	padding: 10px;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	text-align: center;
	transform: translate3d(0, 0, 0);
}
.modal_kakutei button.btn_edit {
	width: auto;
	max-width: 260px;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
}

/* チェックリスト */
.modal_select h4 {
	width: 100%;
	padding: 5px 10px;
	font-weight: bold;
	font-size: 1.2rem;
	background: #FFD7CC;
	border-top: 1px dotted #FF9A7F;
	border-bottom: 1px dotted #FF9A7F;
}
.modal_select h4:first-child {
	border-top: none;
}
.modal_select_list {
	width: 100%;
}
.modal_select_list ul {
	padding: 10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.modal_select_list ul li {
	padding-right: 1em;
	margin-bottom: 0.5em;
	width: 25%;
}


/* チェックできない時の見た目　20190305 おはやし */
.modal_select_list ul li .no_rec{
	color:#aaa;
}


/*	一覧企業ごとボックス
----------------------------------------------------------------- */

.job_unit {
	margin: 0 0 40px;
	padding: 20px;
	background: #ffffff;
	border-top: 2px solid #FF9A7F;
}

.job_unit h2 {
	font-size: 1.6rem;
	margin-bottom: 10px;
}
.job_unit h2 a {
	text-decoration: underline;
}
.job_unit h3 {
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.job_icon {
	margin: 0 0 10px;
}

.job_icon span {
	display: inline-block;
	margin-right: 10px;
	border-radius: 3px;
	padding: 2px 7px;
	box-sizing: border-box;
	font-size: 0.8rem;
}
.job_icon span:last-child {
	margin-right: 0;
}
.job_icon_type {
	background: #ffffff;
	border:2px solid #6CC272;
}
.job_icon_new {
	background: url("../img/new_icon.png")no-repeat;
	color: #fff;
}

.job_unit_company {
	margin-bottom: 20px;
	color: #808080;
	font-size: 0.9rem;
}


/* PCの場合の画像とか文字とか */
.job_unit_sp {
	display: none;
}
.job_unit_pc {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.job_unit_img {
	width: 280px;
	margin-right: 30px;
	flex-shrink: 0;
}
.job_unit_txt {
	line-height: 1.6;
}


/* テーブル */
.job_unit_tbl {
	margin: 30px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	border-top: 1px dotted #C9C9C9;
}
.job_unit_tbl dl {
	width: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	background: #ffffff;
	border-bottom: 1px dotted #C9C9C9;
}
.job_unit_tbl dl dt {
	width: 6em;
	padding: 0.8em;
	flex-shrink: 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.job_unit_tbl dl dt span {
	align-self: center;
}
.job_unit_tbl dl dd {
	padding: 0.8em;
	background: #ffffff;
/*	align-self: center;*/
}


/* ボタン */
.job_unit_btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	justify-content: center;
}
.job_unit_btn a {
	display: block;
	width: 32%;
	text-align: center;
	border-radius: 1.5em;
	margin-right: 1.5%;
	padding: 0.8em;
	font-size: 1.1rem;
	font-weight: 500;
}
.job_unit_btn a:last-child {
	margin-right: 0;
}
.job_unit_btn a i {
	margin-right: 0.5em;
}
.job_unit_btn a.job_unit_btn_fav {
	background: #E3E3E3;
	color: #969696;
}
.job_unit_btn a.job_unit_btn_fav.fav {
	background: #FFFCC7;
	color: #333;
}
.job_unit_btn a.job_unit_btn_fav.fav i {
	color: #FFE365;
}
.job_unit_btn a.job_unit_btn_apply {
	background: #FF9A7F;
	color: #ffffff;
}
.job_unit_btn a.job_unit_btn_more {
	background: #6CC272;
	color: #ffffff;
}


/* タブレット */
@media ( max-width : 960px ){
	.job_unit_img {
		width: 200px;
	}
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#search_panel {
		display: block;
	}
	#search_panel_tbl {
		width: auto;
		margin-bottom: 15px;
		display: block;
	}
	#search_panel_tbl dl {
		width: auto;
	}
	#search_panel_tbl dl:first-child {
		border-bottom: 1px solid #FF9A7F;
	}
	#search_panel_tbl dl:first-child dt {
		border-radius: 10px 0 0 0;
	}
	#search_panel_tbl dl:last-child dt {
		border-radius: 0 0 0 10px;
	}
	
	/* モーダル */
	.modal_subarea {
		width:25%;
	}
	.modal_mainarea {
		width: 74%;
	}
	.modal_select_list ul li {
		width: 33%;
	}
	
	
	.job_unit {
		padding: 10px;
	}
	
	.job_unit_sp {
		display: block;
	}
	.job_unit_pc {
		display: none;
	}
	.job_unit h2 {
		font-size: 1.4rem;
		margin-bottom: 5px;
	}
	.job_unit h3 {
		font-size: 1.1rem;
		margin-bottom: 0;
	}
	.job_unit_company {
		margin-bottom: 10px;
	}
	.job_unit_sp_info {
		margin-bottom: 10px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.job_unit_sp .job_unit_img {
		width: 30%;
		margin-right: 3%;
		flex-shrink: 0;
	}
	.job_unit_sp .job_unit_txt {
		font-size: 0.9rem;
	}
	
	/* テーブル */
	.job_unit_tbl {
		margin: 20px 0;
		display: block;
		border-top: 1px dotted #C9C9C9;
	}
	.job_unit_tbl dl {
		width: 100%;
		font-size: 0.9rem;
	}
	/* ボタン */
	.job_unit_btn {
		margin: 0 -10px -10px;
	}
	.job_unit_btn a {
		text-align: center;
	/*	border-radius: 0;*/
		padding: 0.8em;
		font-size: 1rem;
	}
	.job_unit_btn a .pc {
		display: none;
	}
	.job_unit_btn a.job_unit_btn_fav {
		width: 20%;
	}
	.job_unit_btn a.job_unit_btn_fav i {
		margin: 0;
	}
	.job_unit_btn a.job_unit_btn_apply {
		width: 40%;
	}
	.job_unit_btn a.job_unit_btn_more {
		width: 40%;
	}

}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	.modal_select_list ul li {
		width: 50%;
	}
}

/* 求人が無かった時の見た目 */
.empty_recruits{
	background:#fff;
	border-top: 2px solid #969696;
	padding:40px 20px;
	text-align:center;
	margin-bottom:80px;
}

.empty_recruits .empty_title{
	font-size:16px;
	font-weight:bold;
	color:#969696;
}

/* ===================================================================
	募集詳細
=================================================================== */
/*	詳細
----------------------------------------------------------------- */

#job_detail {
	background: #ffffff;
	border-top: 2px solid #FF9A7F;
}

#job_detail_header {
	padding: 30px;
	border-bottom: 1px solid #FF9A7F;
}
#job_detail_header h2 {
	margin-bottom: 5px;
	font-size: 2rem;
	font-weight: bold;
}
.job_detail_company {
	color: #808080;
}

#job_detail_body {
	padding: 30px;
}
.job_detail_maintxt h3 {
	font-size: 1.5rem;
	margin-bottom: 20px;
}

#job_detail_main {
	margin-bottom: 30px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}

/* ギャラリー */
#job_photo_gallery {
	width: 400px;
	margin-left: 20px;
	flex-shrink: 0;
}
#gallyer_img {
	position: relative;
	margin-bottom: 10px;
}
#gallyer_img img{
    position: absolute;
    top:0;
    width: 100%;
}

#gallry_thum {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
#gallry_thum a {
	display: block;
	padding: 3px;
}
#gallry_thum li.current a {
	border: 1px solid #FF9A7F;
	padding: 1px;
}


/* レーダーグラフ */
#job_graph {
	margin: 40px 0 ;
	padding:20px;
	background: #FFF5F3;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	border-radius: 10px;
	border: #FF9A7F solid 2px;
}
#job_radar_chart {
	width: 360px;
	margin-right: 30px;
	flex-shrink: 0;
}
#job_graph_txt {
	align-self: center;
	flex-shrink: 1;
	flex-grow: 1;
}
#myChart {
	width: 360px;
	padding: 1px;
	height: auto;
}


/* 募集要項 */
.job_summary {
	
}
.job_summary_tbl {
	border-top: 1px dotted #C9C9C9;
}
.job_summary_tbl th,
.job_summary_tbl td {
	padding: 1em;
	text-align: left;
	border-bottom: 1px dotted #C9C9C9;
}
.job_summary_tbl th {
	background: #FFF1EC;
	width: 11em;
	font-weight: 600;
}

/* コメント */
#job_comment {
	margin: 40px 0;
	background: #E3F3E4;
	padding: 20px;
	
}
#job_comment h4 {
	font-size: 1.2rem;
	margin: 0 0 10px;
}
.job_comment_body {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.job_comment_img {
	width: 30%;
}
.job_comment_txt {
	width: 68%;
}


.oubo_senyou_tel {
	font-size: 140%;
	font-weight: 600;
}

/* ボタン */
.job_detail_btn {
	margin: 40px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.job_detail_btn a {
	display: block;
	width: 30%;
	min-width: 15em;
	margin: 0 1%;
	text-align: center;
	border-radius: 1.5em;
	padding: 0.8em;
	font-size: 1.1rem;
	font-weight: 500;
}
.job_detail_btn a i {
	margin-right: 0.5em;
}
.job_detail_btn a.job_unit_btn_fav {
	background: #E3E3E3;
	color: #969696;
	border-radius: 20px;
}
.job_detail_btn a.job_unit_btn_fav.fav {
	background: #FFE7B3;
	color: #444444;
}
.job_detail_btn a.job_unit_btn_fav.fav i {
	color: #FF9A7F;
}
.job_detail_btn a.job_unit_btn_apply {
	background: #FF9A7F;
	color: #ffffff;
	border-radius: 1.5em;
}
.job_detail_btn a.job_unit_btn_tel {
	background: #FE6064;
	color: #ffffff;
	display: none;
}
.job_detail_btn a.job_unit_btn_more {
	background: #558BC6;
	color: #ffffff;
}


/* タブレット */
@media ( max-width : 960px ){
	#job_detail_header {
		padding: 20px;
	}
	#job_detail_header h2 {
		font-size: 1.5rem;
	}
	#job_detail_body {
		padding: 20px;
	}
	.job_detail_maintxt h3 {
		font-size: 1.2rem;
	}
	#job_photo_gallery {
		width: 40%;
	}
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#job_detail_header {
		padding: 10px;
	}
	#job_detail_body {
		padding: 10px;
	}
	#job_detail_main {
		display: block;
	}
	.job_detail_maintxt {
		margin-bottom: 20px;
	}
	#job_photo_gallery {
		width: auto;
		max-width: 400px;
		margin: 0 auto;
	}
	
	/* レーダーグラフ */
	#job_graph {
		display: block;
	}
	#job_radar_chart {
		width: 300px;
		margin:0 auto 20px;
	}
	#job_graph_txt {
		align-self: center;
	}
	
	/* ボタン */
	.job_detail_btn {
		margin: 30px 0;
		justify-content: space-between;
	}
	.job_detail_btn a {
		width: 30%;
		min-width: inherit;
		margin:0;
		padding: 0.6em 0;
		font-size: 1rem;
	}
	.job_detail_btn a i {
		margin-right: 0.3em;
	}
	.job_detail_btn a .pc {
		display: none;
	}
	.job_detail_btn a.job_unit_btn_tel {
		display: block;
	}
	
	.job_summary_tbl {
		width: 100%;
		border-top: 1px dotted #C9C9C9;
		display: block;
	}
	.job_summary_tbl tbody {
		display: block;
	}
	.job_summary_tbl tr {
		display: block;
	}
	.job_summary_tbl th,
	.job_summary_tbl td {
		display: block;
		width: 100%;
		padding: 0.6em;
		text-align: left;
		border-bottom: 1px dotted #C9C9C9;
	}
	.job_comment_body {
		display: block;
	}
	.job_comment_img {
		width: 100%;
		margin-bottom: 20px;
		text-align: center;
	}
	.job_comment_txt {
		width: 100%;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}




/* 下に出てくる */
.sub_recommend {
	width: 98%;
	max-width: 1080px;
	margin: 40px auto;
}
.job_slider {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.job_slider_innner {
	width: 19%;
	margin: 0 0.5%;
	border: 1px solid #CAD3DA;
	background: #ffffff;
}
.job_slider_innner a {
	display: block;
}
.job_slider_ex {
	padding: 10px;
}
.job_slider_title {
	margin-bottom: 10px;
	font-size: 1.2rem;
	font-weight: 600;
	color: #558BC6;
}
.job_slider_info {
	font-size: 0.9rem;
	color:#808080;
}
/* タブレット */
@media ( max-width : 960px ){
	.job_slider_title {
		font-size: 1rem;
	}
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	.job_slider_innner {
		width: 31%;
		margin: 0 1% 2%;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	.job_slider_innner {
		width: 48%;
		margin: 0 1% 2%;
	}
}

/* ===================================================================
	応募フォーム entry
=================================================================== */

/* 募集要項 */
.entry {
	
}
.entry_tbl {
	border-top: 1px dotted #C9C9C9;
}
.entry_tbl th,
.entry_tbl td {
	padding: 1em;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px dotted #C9C9C9;
}
.entry_tbl th {
	background: #FFF3EF;
	width: 11em;
	font-weight: 600;
}


.btn_entry {
	
}
.btn_entry input {
	display: block;
	margin: auto;
	background: #FF9A7F;
	text-align: center;
	border: none;
	border-radius: 20px;
	padding: 0.8em 2em;
	color: #ffffff;
	font-size: 1.1rem;
	font-weight: 500;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
	
}
.entry_ex {
	text-align: center;
	margin: 20px 0;
}


/* 任意項目用ボタン */
.nini_btn {
	text-align: center;
}
.nini_btn a {
	display: block;
	padding: 0.5em;
	background: #FFE7B3;
	color: #444;
	border-radius: 3px;
}


.back_top {
	margin: 100px 0 0;
	text-align: center;
}
a.btn_back_top {
	display: inline-block;
	margin: auto;
	background: #FF9A7F;
	text-align: center;
	border: none;
	border-radius: 20px;
	padding: 0.8em 2em;
	color: #ffffff;
	font-size: 1.1rem;
	font-weight: 500;
}


/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	.entry_tbl {
		border-top: 1px dotted #C9C9C9;
	}
	.entry_tbl th,
	.entry_tbl td {
		display: block;
		width: 100%;
		padding: 0.8em 1em;
		text-align: left;
		border-bottom: 1px dotted #C9C9C9;
	}
	.entry_tbl th {
		background: #FFF7E6;
		font-weight: 600;
		border-bottom: none;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}


/* ===================================================================
	職業紹介 works
=================================================================== */

#works_base {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
#works_main {
	width: 80%;
	padding: 40px;
	background: #fff;
}
#work_side {
	width: 18%;
/*	background: #fff; */
	align-self: flex-start;
}
#work_side h2 {
	padding: 10px;
	border-top: 2px solid #FF9A7F;
	border-bottom: 1px solid #FF9A7F;
	font-size: 1.2rem;
	
	background: #fff;
}
#work_side ul {
	padding: 0 10px;
	
	background: #fff;
}
#work_side ul li a {
	display: block;
	padding: 10px;
}
#work_side ul li a::before{
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	color: #949DA6;
	font-weight: 900;
	font-size: 1rem;
	margin-right: 0.2em;
}
#work_side ul li {
	border-bottom: 1px dotted #C9C9C9;
}
#work_side ul li:last-child {
	border-bottom: none;
}

/* リクルートのクラス */
#work_side ul{
	margin-bottom:20px;
}
#work_side ul li.recruit_blc a{
	padding-right:0;
	padding-left:0;
	font-size:95%;
}
#work_side ul li.recruit_blc a::before{
	display:none;
}
#work_side p{
	color: 333;
}

/* 詳細ページ ----------------- */
.works_catch_img {
	margin: 0 0 20px;
	text-align: center;
}
.works_catch_txt {
	margin: 20px 0;
	font-size: 1.2rem;
	line-height: 1.8;
	font-weight: 400;
}
.works_sec {
	margin: 40px 0;
}
.works_sec h3 {
	margin: 20px 0;
	padding: 10px;
	font-size: 1.4rem;
	font-weight: 600;
	background:#FFEBE5;
}
.works_sec h4 {
	margin: 20px 10px 10px;
	padding: 5px 0;
	font-size: 1.2rem;
	font-weight: 500;
	border-bottom: 2px solid #F1F1F1;
	position: relative;
}
.works_sec h4:after {
	position: absolute;
	content: " ";
	display: block;
	bottom: -2px;
	width: 15%;
	border-bottom:solid #FF9A7F;
}
.works_sec p {
	margin: 10px;
	line-height: 1.8;
}
.works_sec p.last_txt {
	margin-top: 40px;
}
.works_search_btn {
	margin: 40px 0;
	text-align: center;
}
.works_search_btn a {
	display: inline-block;
	margin: 0 1em;
	padding: 0.8em;
	padding:10px 30px 10px;
	background: #FF9A7F;
	color: #ffffff;
	font-size: 1.4rem;
	font-weight: 400;
	text-decoration: none;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	font-family: Noto Sans Japanese,Noto Sans JP,-apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial,  sans-serif;
}
.works_search_btn a i {
	margin-right: 0.5em;
}

/* 20190710 ohayashi 通報ボタンのスタイルを設定 */
.recruit_report_control{
	margin-top:10px;
}

.recruit_report_control button{
	font-size:75%;
	margin-left:0;
}

/* 20190710 ohayashi　通報モーダルの中のエラーメッセージ */
.recruit_report_modal span[class^="error-"]{
	color:#FF1D25;
	font-weight:bold;
}


/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#works_base {
		display: block;
	}
	#works_main {
		width: 100%;
		padding:20px;
		margin-bottom: 40px;
	}
	#work_side {
		width: 100%;
	}
	#work_side ul {
		padding: 0 10px;
	}
	#work_side ul li a {
		display: inline-block;
		padding: 10px;
	}
	#work_side ul li a::before{
		content: '\f105';
		font-family: 'Font Awesome 5 Free';
		color: #949DA6;
		font-weight: 900;
		font-size: 1rem;
		margin-right: 0.2em;
	}
	#work_side ul li {
		display: inline-block;
		border-bottom: 1px dotted #C9C9C9;
		border: none;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}


/* ===================================================================
	お問い合わせ contacts
=================================================================== */
.contact_sec {
	margin: 40px 0;
}
.contact_sec h3 {
	margin-bottom: 10px;
	padding: 5px 0;
	font-size: 1.2rem;
	font-weight: 500;
	border-bottom: 2px solid #F1F1F1;
	position: relative;
}
.contact_sec h3:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 2px #FF9A7F;
	bottom: -2px;
	width: 15%;
}
.contact_sec h3 span {
	font-size: 0.9rem;
	color: #909090;
}
ul.list_mark li {
	position: relative;
	margin-left: 1em;
	margin-bottom: 0.2em;
}
ul.list_mark li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #fff;
	border: 2px solid #FF9A7F;
	border-radius: 100%;
}

.contact_notice {
	margin: 40px 0 0;
	color: #909090;
	text-align: center;
}



/* ===================================================================
	静的ページベース page_base
=================================================================== */
#page_base {
	background: #fff;
	padding: 60px;
}

.pages_sec {
	margin: 40px 0;
}
.pages_sec h3 {
	margin: 0 0 20px;
	padding: 10px;
	font-weight: 500;
	font-size: 1.4rem;
	background: #FFEBE5;
}
.pages_sec h4 {
	margin: 20px 0 10px;
	padding: 5px 0;
	font-size: 1.2rem;
	font-weight: 500;
	border-bottom: 2px solid #F1F1F1;
	position: relative;
}
.pages_sec h4:after {
	position: absolute;
	content: " ";
	display: block;
	bottom: -2px;
	width: 15%;
}
.pages_sec p {
	margin: 0 1em 0.5em;
}
.pages_sec .notice {
	font-size: 90%;
	color: #999;
}
#page_base ol {
	margin: 0 1em 0.5em;
}
#page_base ol li {
	margin-left: 1em;
	margin-bottom: 0.2em;
	list-style-type: decimal;
}
#page_base ol.child_list {
	counter-reset: ctn_2;
	margin-left: 1.5em;
}
#page_base ol.child_list li {
	list-style-type: none;
	text-indent: -1.5em;
}
#page_base ol.child_list li:before {
	counter-increment: ctn_2;
	content: "("counter(ctn_2)") ";
}

#page_base dl {
	counter-reset: ctn_dl;
	margin: 0 1em;
}
#page_base dl dt {
	margin-top: 15px;
	text-indent: 0;
}
#page_base dl dt:before {
	counter-increment: ctn_dl;
	content: "("counter(ctn_dl)") ";
}
#page_base dl dd {
	margin-left: 1.5em;
}

/* 20190702:ohayashi　運営会社ロゴのスタイル*/

#page_base .page-operationg.logo{
	text-align:center;
	margin:30px 0;
}

/* 20190702:ohayashi　運営会社のセクションのスタイル */

#page_base .page-operationg.pages_sec{
	margin-bottom:80px;
}





/* ===================================================================
	エラーメッセージ
=================================================================== */
.message {
	width: 98%;
	max-width: 1080px;
	margin: 30px auto;
	padding: 1em;
	font-weight: 600;
	font-size: 110%;
}

/* 成功 */
.message.success {
	background: #f0f9f1;
	border: 2px solid #42A348;
}
/* エラー */
.message.error {
	border: 2px solid #E81A0B;
	background: #fee5e3;
}




/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	#page_base {
		padding: 20px;
	}
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}







/* タブレット */
@media ( max-width : 960px ){
	
}
/* スマホ（横） */
@media screen and (max-width: 600px) {
	
}
/* スマホ用（縦） */
@media screen and (max-width: 480px) {
	
}