@charset "utf-8";

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

	全体のベースcss
	last-mod:00-00-00 name

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


/* ---------------- アクセス補助 ------------- */
/* hr要素によるセパレーターを表示させない ------------- */

hr.separator {
	display: none;
}

/* アクセス補助を一旦すべてのメディアに対し非表示とする ------------- */
.Shortcut,
.LabelSummaries,
.UserSupportInstruction	{
	display:none;
}

/* アクセス補助が必要なメディアに対しては再定義し表示させる(speechはCSS3先取り) ------------- */
@media aural,speech,braille {
	.Shortcut,
	.LabelSummaries,
	hr.separator,
	.UserSupportInstruction	{
   		display:block;
	}
}

/* floatの解除 ------------- */

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

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

.txt-left {
	text-align:left;
}
.txt-right {
	text-align:right;
}
.txt-center {
	text-align:center;
}

table{
	border-collapse:collapse;
}

table th{
	white-space: nowrap;
}

/*input[type="text"]{
	padding:2px;
	}
*/



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

	共通のパーツcss
	last-mod:00-00-00 name

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

/* ---------------------------------------------------
	通常のリンク
----------------------------------------------------- */


a:link {
	color: #333333;
	text-decoration: underline;
/*	text-decoration: none;*/
}
a:visited {
	color: #333333;
	text-decoration: underline;
/*	text-decoration: none;*/
}
a:hover {
	color: #696969;
	text-decoration: underline;
}
a:active {
	color: #696969;
	text-decoration: underline;
}


/* ---------------- ページトップへ ------------- */
p.rtb a:link,
p.rtb a:visited {
	color: #333333;
}
p.rtb a:hover,
p.rtb a:active {
	color: #696969;
	text-decoration: underline;
}



/* ---------------------------------------------------
	フォーム系
----------------------------------------------------- */
select{
	border:#c4d2e1 solid 1px;
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
	position:relative;
}




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

	コンテンツ部分
	last-mod:00-00-00 name

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



body{
	font-size:14px;
	color:#333333;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

body .mincho{
	font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

body, div, p{
	padding:0;
	margin:0;

}


body img{
	max-width:100%;
	height:auto;
	vertical-align: top;
}


/* hoverで半透明に成るやつ */

.hover_opacity{
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

.hover_opacity:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}



/* - - - - - - - - - - - - - - - - - 
   ヘッダー
   - - - - - - - - - - - - - - - - -  */
#header{
	display:flex;
	align-items:flex-end;
	width:80%;
	min-width:960px;
	margin:0 auto;
	
}

#header .logo{
	width:37%;
}


/*#header .logo h1,*/
#header .logo .head_catch,
#header .logo p,
#header .logo img{
	margin-top:10px;
}

/* #header .logo h1 */
#header .logo .head_catch{
	font-size:85%;
}


#header .logo img{
	max-width:288px;
}



#header .gmanu{
	width:63%;
}

#header .gmanu ul{
	text-align:right;
}


#header .gmanu ul li{
	display:inline-block;
}

#header .gmanu ul li a{
	display:inline-block;
	padding:10px;
	text-decoration:none;
	font-size:0.9rem;
	font-weight:bold;
	position:relative;
}


#header .gmanu ul li a::after,
#header .gmanu ul li.current a::after{
	position:absolute;
	content:"";
	display:block;
	height:2px;
	width:100%;
	background:#004ba4;
	bottom:0px;
	right:0; left:0;
	margin-right:auto;
	margin-left:auto;
}

#header .gmanu ul li a::after{
	transform: scale(0, 1);
	transform-origin: center top;
	transition: transform .3s;
}

#header .gmanu ul li a:hover::after{
	transform: scale(1, 1);
}


#header .gmanu ul li.current a::after{
	transform: scale(1, 1);
}






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

#footer{
	background:#004ba4;
	padding:10px;
}

#footer .foot_menu ul{
	text-align:center;
	padding:30px 0;
}
#footer .foot_menu ul li{
	display:inline-block;
	
}

#footer .foot_menu ul li a{
	color:#fff;
	text-decoration:none;
}

#footer .foot_menu ul li a:hover{
	text-decoration:underline;
}


#footer .foot_menu ul li::after{
	content:"/";
	margin-right:0.8em;
	margin-left:0.8em;
	color:#fff;
}

#footer .foot_menu ul li:last-of-type::after{
	content:"";
}

#footer address{
	text-align:center;
	color:#fff;
}



/* - - - - - - - - - - - - - - - - - 
   メインエリア　共通パーツ
   - - - - - - - - - - - - - - - - -  */

/* エリアの幅 */
#main{
	min-width: 960px;
}
#main .main_inner_max{
	width:100%
	max-width:1080px;
}

#main .main_inner_max,
#main .main_inner{
	padding:50px 0;
}

#main .main_inner_max > div,
#main .main_inner{
	width:75%;
	min-width:960px;
	margin:0 auto;
}

#main .main_inner.double_column{
	display:flex;
	padding-top:100px;
}

#main .main_inner.double_column .maincontent{
	width:75%;
}

#main .main_inner.double_column .side_menu{
	width:25%;
	padding-left:40px;
	box-sizing:border-box;
}

#main .main_inner.double_column .side_menu li{
	margin-bottom:20px;
}

/* 派遣とはの場合のメニュー */
#main .main_inner.double_column .side_menu .side_menu_list {
	margin:0 10px 30px;
}
#main .main_inner.double_column .side_menu .side_menu_list li{
	margin-bottom:0.5em;
}
#main .main_inner.double_column .side_menu .side_menu_list li a{
	text-decoration: none;
}
#main .main_inner.double_column .side_menu .side_menu_list li i{
	color:#004ba1;
}
.side_menu_list_h {
	margin-bottom: 10px;
	padding: 5px;
	font-size: 1rem;
	font-weight: bold;
	text-align: center;
	background: #f1eee7;
}


/* 両脇線タイトル */
#main .hyphen_title{
	text-align:center;
	margin-bottom:50px;
}
#main .hyphen_title h2,
#main .hyphen_title h3 {
	color:#004ba4;
	font-size:210%;
	text-align:center;
	line-height:1em;
}
#main .hyphen_title h2::before,
#main .hyphen_title h2::after,
#main .hyphen_title h3::before,
#main .hyphen_title h3::after{
	content:"";
	display:inline-block;
	width:20px;
	margin-top:0.5em;
	height:0.4em;
	border-top:#004ba4 dashed 1px;
	margin-right:10px;
	margin-left:10px;
}

#main .hyphen_title p{
	color:#808080;
	font-size:120%;
	margin-top:20px;
}

/* テキストタイトル */
h3{
	font-size:160%;
	color:#004ba1;
	font-weight:bold;
	margin-bottom:20px;
}

/* 会員限定 */
h3.menbers{
	position:relative;
}
#main.job_list .result .result_list li.menbers .data::before,
#main.top .new_job_list .njoblist li.members::before,
h3.menbers::before{
	content:"会員限定";
	display:inline-block;
	background:#ecb300;
	color:#fff;
	font-size:60%;
	padding:0.25em;
	position:absolute;
	top:-2.8em;
}


#main.job_list .result .result_list li.menbers .data::before,
#main.top .new_job_list .njoblist li.members::before{
	position:static;
}



/* 各ページの画像背景のタイトル */
#main .title_image .bk_image{
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center top;
}


/* 求人一覧 recruits */
#main.recruit .title_image .bk_image{
	background-image:url('../../img/front/head_image_job.png');
}
/* スタッフ登録 staffs */
#main.staffs .title_image .bk_image{
	background-image:url('../../img/front/head_image_staff.png');
}
/* 企業様へ for_companies */
#main.for_companies .title_image .bk_image{
	background-image:url(../../img/front/head_image_for_campany.jpg);
}
/* 会社概要 companies */
#main.companies .title_image .bk_image{
	background-image:url(../../img/front/head_image_campany.jpg);
}
/* 派遣とは workers */
#main.what_haken .title_image .bk_image {
	background-image: url(../../img/front/head_image_for_campany.jpg);
}
/* 派遣とは */
#main.workers_haken .title_image .bk_image {
	background-image: url(../../img/front/head_image_workers.png);
}
/* 派遣とは メリット */
#main.workers_merit .title_image .bk_image {
	background-image: url(../../img/front/head_image_workers_merit.png);
}
/* 派遣とは　始めるには */
#main.workers_start .title_image .bk_image {
	background-image: url(../../img/front/head_image_workers_start.png);
}

/* 派遣とは　職種一覧 */
#main.workers_syokusyu .title_image .bk_image {
	background-image: url(../../img/front/head_image_workers_syokusyu.png);
}
/* 派遣とは　サポート体制 */
#main.workers_support .title_image .bk_image {
	background-image: url(../../img/front/head_image_workers_support.png);
}
/* 派遣とは　よくある質問 */
#main.workers_faq .title_image .bk_image {
	background-image: url(../../img/front/head_image_workers_faq.png);
}






#main .title_image .title_image_inner{
	width:75%;
	box-sizing:border-box;
/*	padding:0 10%; */
/*	max-height:200px;*/
	min-width: 960px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	justify-content:center;
	height:18.5vw;
/*	position:relative;
	left:-10%;
*/
}

#main .title_image h1,
#main .title_image h2{
	font-size:1.5rem;
	width:75%;
/*	font-size:1.9rem; */
	color:#004ba4;
	font-weight:bold;
}

#main .title_image span{
	margin-top:0.5em;
	color:#004ba1;
	text-shadow:
		1px 1px 1px #fff, -1px -1px 1px #fff,
		2px 2px 1px #fff, -2px -2px 1px #fff;
}

/* ボーダーリンク */
a.border_box_link{
	display:block;
	padding:15px;
	line-height:1em;
	color:#004ba4;
	border:#004ba4 solid 1px;
	text-decoration:none;
	font-size:1.1rem;
	min-width:400px;
	width:25%;
	text-align:center;
	box-sizing:border-box;
	margin:0 auto;
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#fff;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
}

a.border_box_link:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background-color:#004ba4;
	color:#fff;
}

/* テキストリンク */
a.text_link{
	font-size:120%;
	color:#004ba1;
	padding: 0 .5em;
	background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,75,161,1) 50%);
	background-position: 0 0;
	background-size: auto 200%;
	transition: .3s;
}

a.text_link:hover{
	background-position: 0 100%;
	color: #fff;
	text-decoration:none;
}


/* ボックスリンク */
input[type="button"].block_link,
input[type="submit"].block_link,
button.block_link,
a.block_link{
	display:block;
	text-decoration:none;
	color:#fff;
	font-size:140%;
	box-sizing:border-box;
	padding:15px;
	min-width:120px;
	text-align:center;
	background:#004ba4;
	-webkit-transition: all .3s;
	transition: all .3s;
	border:#004ba4 solid 1px;
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	cursor: pointer
}

input[type="button"].block_link:hover,
input[type="submit"].block_link:hover,
button.block_link:hover,
a.block_link:hover{
	-webkit-transition: all .3s;
	transition: all .3s;
	background:#fff;
	color:#004ba4;
	border:#004ba4 solid 1px;
}

input[type="button"].block_link.red,
input[type="submit"].block_link.red,
button.block_link.red,
a.block_link.red{
	background:#C60900;
	border-color:#C60900;
}
input[type="button"].block_link.red:hover,
input[type="submit"].block_link.red:hover,
button.block_link.red:hover,
a.block_link.red:hover{
	color:#C60900;
	background-color:#fff;
	border-color:#C60900;
}


input[type="button"].block_link.yellow,
input[type="submit"].block_link.yellow,
button.block_link.yellow,
a.block_link.yellow{
	background:#ecb300;
	border-color:#ecb300;
}
input[type="button"].block_link.yellow:hover,
input[type="submit"].block_link.yellow:hover,
button.block_link.yellow:hover,
a.block_link.yellow:hover{
	color:#ecb300;
	background-color:#fff;
	border-color:#ecb300;
}


/* ボタンが並ぶエリア */
#admin_area .btn_inlines{
	text-align:left;
}

#admin_area .btn_inlines .long_width{
	display:inline;
}


#admin_area .btn_inlines a.block_link,
#admin_area .btn_inlines input.block_link[type="button"],
#admin_area .btn_inlines button.block_link{
	margin-bottom:5px;
}

/* 基本操作のボタン */
#admin_area .sousa_area{
	width:5.5em;
	text-align:center;
}
#admin_area .sousa_area .sousa_btn{
	min-width:4em;
	margin-bottom:5px;
}
#admin_area table.index td.sousa_area span.sousa_btn{
	min-width:4em;
}


/* hoverで画像が拡大するやつ */
.img_hover_big > p,
.img_hover_big > div,
.img_hover_big > span{
	overflow:hidden;
}

.img_hover_big img{
	-moz-transition: -moz-transform 0.3s linear;
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}

.img_hover_big:hover img{
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

/* テーブルの基本スタイル */
#main .display_table{
	width:100%;
	margin:0 auto;
	border:#c4d2e1 solid 1px;
}

#main .display_table tr:nth-child(odd) th,
#main .display_table tr:nth-child(odd) td{
	background:#e3ebf1;
}
#main .display_table th,
#main .display_table td{
	border:#c4d2e1 solid 1px;
	padding:15px;
	
}

#main .display_table th{
	color:#004ba1;
	font-weight:bold;
}

#main .display_table td p{
	margin-bottom:0.5em;
}

#main .display_table td p:last-child{
	margin-bottom:0;
}

#main .display_table dl dt {
	margin-top: 0.5em;
	font-weight: bold;
}
#main .display_table dl dt:first-child {
	margin-top: 0;
}

/* フォームの基本スタイル */
form table{
	width:75%;
	margin:0 auto;
}
form table th,
form table td{
	padding:15px;
}

form table th{
	font-weight:bold;
	text-align:right;
}

form .hissu{
	color:#ff1d25;
	display:inline-box;
	margin-left:0.25em;
}


/* 入力フォーム */
input[type="text"],
input[type="password"],
input[type="mail"],
textarea{
	border:#c4d2e1 solid 1px;
	padding:0.8em;
	width:100%;
	box-sizing:border-box;
}

input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="mail"]::-webkit-input-placeholder{
	color: #c4d2e1;
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
input[type="mail"]::-moz-placeholder{
	color: #c4d2e1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="mail"]:-ms-input-placeholder{
	color: #c4d2e1;
}


.multiple_box span{
	display:inline-block;
	margin-right:1.5em;
}

.multiple_box span input[type="checbox"],
.multiple_box span input[type="radio"]{
	margin-right:0.25em;
	vertical-align:-0.05em;
	position:relative;
	font-size:1em;
	line-height:1em;
	width:1.2em; height:1.2em;
}

form input[type="radio"]::before{
	content:""; display:block;
	width:100%;  height:100%;
	background:#fff;
	box-sizing:border-box;
	border:#c4d2e1 solid 1px;
	border-radius:1.5em;
	position:absolute;
	left:0; right:0;
	bottom:0; top:0;
	margin-top:auto; margin-bottom:auto;
	margin-right:auto; margin-left:auto;
	font-size:1em;
	line-height:1em;
}

form input[type="radio"]::after{
	content:""; display:block;
	background:#004ba1;
	border-radius:0.9em;
	position:absolute;
	left:0; right:0;
	bottom:0; top:0em;
	margin-top:auto; margin-bottom:auto;
	margin-right:auto; margin-left:auto;
	font-size:1em;
	line-height:1em;
	width:0em; height:0em;
	opacity:0;
	
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

form input[type="radio"]:checked::after{
	width:0.7em; height:0.7em;
	opacity:1;
	
	-webkit-transition: 0.1s ease-in-out;
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;
}

form .submit{
	text-align:center;
}

form .submit button{
	margin:80px auto 0;
}

form .submit button[type="submit"]{
	width:300px;
}


form .checkbox{
	display:inline-block;
	margin-right:1.5em;
	margin-top:0.25em;
	margin-bottom:0.25em;
	min-width:5.5em;
}

/* flashメッセージ */
.flashMessage{
	background-color:#c4d2e1;
	padding:0.5em;
	box-sizing:border-box;
	margin-top:-20px;
	margin-bottom:40px;
	color:#004ba1;
	font-weight:bold;
	font-size:120%;
}


#main .maincontent .detail_content {
	width:75%;
	margin:0 auto;
}




/* - - - - - - - - - - - - - - - - - 
   メインエリア　トップページ
   - - - - - - - - - - - - - - - - -  */

#main .title_image::after,
#main.top .top_image::after{
	content:"";
	display:inline-block;
	width:100%;
	height:25px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004ba4+0,004ba4+100&1+0,0+100 */
	background: -moz-linear-gradient(top, rgba(0,75,164,1) 0%, rgba(0,75,164,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,75,164,1) 0%,rgba(0,75,164,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,75,164,1) 0%,rgba(0,75,164,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004ba4', endColorstr='#00004ba4',GradientType=0 ); /* IE6-9 */
}



/* 業界・業種から探す */
#main.top .cjoblist{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

#main.top .cjoblist li{
	width:19.5%;
	position:relative;
	margin-bottom:1%;
}


#main.top .cjoblist li a{
	background:#fff;
	display:block;
	width:100%;
	border:#004ba4 solid 3px;
	box-sizing:border-box;
	text-align:center;
	font-size:120%;
	text-decoration:none;
	color:#004ba4;
}

#main.top .cjoblist li a span{
	display:inline-block;
	width:100%;
	box-sizing:border-box;
}
#main.top .cjoblist li a .title{
	text-align:center;
	/* padding:15px; */
	padding:5px;
	font-size:90%;
}

#main.top .main_inner_max{
	background:#f4f1ea;
}



/* 新着お仕事情報 */
#main.top .new_job_list{
	margin-bottom:50px;
}
#main.top .new_job_list .njoblist{
	display:flex;
	justify-content:space-between;
	margin-bottom:50px;
}

#main.top .new_job_list .njoblist li{
	width:23%;
	box-sizing:border-box;
	border:#c7d5e4 solid 1px;
	position:relative;
}


#main.top .new_job_list .njoblist li .title{
	font-size:1rem;
	font-weight: bold;
	color:#004ba4;
	padding:10px;
	box-sizing:border-box;
}


#main.top .new_job_list .njoblist li table{
	width:100%;
	font-size: 0.8rem;
}

#main.top .new_job_list .njoblist li table tr{
	border-top:#c7d5e4 solid 1px;
}


#main.top .new_job_list .njoblist li table th,
#main.top .new_job_list .njoblist li table td{
	padding:10px;
	box-sizing:border-box;
}

#main.top .new_job_list .njoblist li table th{
	color:#2980e4;
	width:20%;
}


#main.top .new_job_list .njoblist li a{
	text-indent:-99999px;
	position:absolute;
	top:0; left:0;
	width:100%;
	height:100%;
}


#main.top .banner_list ul{
	display:flex;
	justify-content:center;
}

#main.top .banner_list ul li{
	width:23%;
	margin: 0 1%;
}




/* - - - - - - - - - - - - - - - - - 
   メインエリア　求人一覧・検索条件変更画面
   - - - - - - - - - - - - - - - - -  */

#main .search_result_title{
	color:#004ba4;
	font-weight:bold;
	font-size:200%;
	margin-bottom:60px;
	line-height:1.8em;
}

/* 検索条件を変更するエリア */
.prev_seach{
	margin-bottom:50px;
}

.prev_seach form{
}

.prev_seach button[type="submit"]{
	margin:0 auto;
	font-size:110%;
	background-color:transparent;
	border:none;
	text-decoration:underline;
	color:#004ba4;
}

.prev_seach .search_item_empty{
	color:#666;
}

.prev_seach .search_item::before{
	content:"、";
	margin-left:0.25em;
}

.prev_seach .search_item:first-of-type::before{
	content:"";
	margin-left:0;
}

#main.job_list .search_box.prev_seach table{
	margin-bottom:20px;
}

#main.job_list .search_box.prev_seach table th,
#main.job_list .search_box.prev_seach table td{
	padding:5px;
}

#main.job_list .search_box.prev_seach{
	padding:20px;
}



/* 検索ボックス */
#main.job_list .search_box{
	border:#dfcfb0 solid 3px;
	background-image:url('../../img/front/back_pattern_01.png');
	background-repeat:repeat;
	box-sizing:border-box;
	padding:30px;
	margin-bottom:70px;
}

#main.job_list .search_box h3{
	font-size:1.6rem;
	font-weight:bold;
	color:#004ba4;
	margin-bottom:30px;
}

#main.job_list .search_box .block_link{
	width:75%;
	margin:0 auto;
}

#main.job_list .search_box .block_link i{
	font-size:90%;
}


#main.job_list .search_box table{
	width:100%;
	margin-bottom:40px;
}

#main.job_list .search_box table th{
	width:15%;
}

#main.job_list .search_box table td{
	width:35%;
}
/*
#main.job_list .search_box table th{
	text-align:right;
	padding-right:0.5em;
	font-size:120%;
}*/

#main.job_list .search_box table td select{
/*	width:75%;*/
}

#main.job_list .search_box table td.checkbox_box{
	text-align:left;
}
#main.job_list .search_box table td input[type="checkbox"] {
	display: none;
}
#main.job_list .search_box table td input[type="checkbox"] + label {
	position: relative;
}
#main.job_list .search_box table td input[type="checkbox"] + label::before{
	content:"";
	display:inline-block;
	width:0.8em;
	height:0.8em;
	background:#fff;
	border:#004ba4 solid 1px;
	margin-right:0.25em;
	z-index:30;
}
#main.job_list .search_box table td input[type="checkbox"]:checked + label::after{
	content:"";
	display:block;
	position:absolute;
	/*bottom:0.2em;*/
	top: 0.15em;
	left:0.3em;
	transform: rotate(45deg);
	width:0.18em;
	height:0.5em;
	border-right:#004ba4 solid 2px;
	border-bottom:#004ba4 solid 2px;
	z-index:50;
}

/*
#main.job_list .search_box table td input[type="checkbox"]{
	position:rerative;
}
#main.job_list .search_box table td input[type="checkbox"]::before{
	content:"";
	display:block;
	width:0.8em;
	height:0.8em;
	background:#fff;
	border:#004ba4 solid 1px;
	margin-right:0.25em;
	z-index:30;
}

#main.job_list .search_box table td input[type="checkbox"]:checked::after{
	content:"";
	display:block;
	position:absolute;
	bottom:0.2em;
	left:0.35em;
	transform: rotate(45deg);
	width:0.18em;
	height:0.5em;
	border-right:#004ba4 solid 2px;
	border-bottom:#004ba4 solid 2px;
	z-index:50;
}


#main.job_list .search_box table td input[type="checkbox"] + label{
	display:inline-block;
	margin-left:0.25em;
	vertical-align:0.01em;
}
#main.job_list .search_box table td input[type="checkbox"]:checked + label{
	font-weight:bold;
}
*/


/*
#main.job_list .search_box table th,
#main.job_list .search_box table td{
	padding-bottom:20px;
}
*/
#main.job_list .result .result_count{
	margin-bottom:20px;
}
#main.job_list .result .result_count span{
	font-size:200%;
	display:inline-block;
	margin:0 0.25em;
	color:#004ba4;
}

/* 求人一覧 */
#main.job_list .result .result_list li{
	margin-bottom:60px;
	padding-bottom:60px;
	border-bottom:#004ba4 dashed 1px;
	/*display:flex;
	flex-wrap:wrap;*/
}


#main.job_list .result .result_list li:last-of-type{
	border-bottom:none;
}


#main.job_list .result .result_list li .image{
/*	width:50%;*/
}

#main.job_list .result .result_list li .data{
/*	width:50%;
	box-sizing:border-box;
	padding-left:10px;*/
}

#main.job_list .result .result_list li .media_no{
	color:#557ba0;
	font-size:95%;
}

#main.job_list .result .result_list li .data h4{
	font-size:1.4rem;
	font-weight: bold;
	color:#004ba4;
	margin-bottom:10px;
}
#main.job_list .result .result_list li .data .pr_txt {
	margin: 0 0 15px;
}

#main.job_list .result .result_list .date_list {
	display: flex;
	margin-bottom: 15px;
}
#main.job_list .result .result_list .date_list li {
	width: 25%;
	margin: 0;
	border: 0;
	padding: 2px;
	border: 1px solid #c4d2e1;
	border-right: none;
}
#main.job_list .result .result_list .date_list li:last-child {
	border-right: 1px solid #c4d2e1;
}
#main.job_list .result .result_list .date_list li dt {
	display: block;
	width:auto;
	padding: 2px;
	color:#004ba4;
	background:#e3ebf1;
	box-sizing:border-box;
	text-align: center;
}
#main.job_list .result .result_list .date_list li dd {
	padding: 5px;
	font-size: 0.8rem;
}

#main.job_list .result .result_list li .data table{
	width:100%;
	margin-bottom:10px;
}

#main.job_list .result .result_list li .data table tr th{
	border-right:#c4d2e1 solid 1px;
	width:6em;
	color:#004ba4;
}
#main.job_list .result .result_list li .data table tr th:nth-of-type(2) {
	border-left:#c4d2e1 solid 1px;
}
#main.job_list .result .result_list li .data table tr td{
	width: 30%;
}
#main.job_list .result .result_list li .data table tr th,
#main.job_list .result .result_list li .data table tr td{
	box-sizing:border-box;
	padding:10px 7px;
}

#main.job_list .result .result_list li .data table tr:nth-child(odd) th,
#main.job_list .result .result_list li .data table tr:nth-child(odd) td{
	background:#e3ebf1;
}


#main.job_list .result .result_list li .data .link_area{
	display:flex;
	justify-content:space-between;
}

#main.job_list .result .result_list li .data .link_area a{
	width:49%;
	min-width:auto;
	margin:0;
}

/* 会員限定 */
#main.job_list .result .result_list li.menbers .image{
	position:relative;
	overflow:hidden;
}
#main.job_list .result .result_list li.menbers .image::before{
	content:"会員限定";
	display:block;
	position:absolute;
	left:0; top:0;
	background:#ecb300;
	color:#fff;
	transform:rotate(-33deg);
	width:50%;
	text-align:center;
	left:-15%;top:8%;
	padding:0.25em;
}



/* - - - - - - - - - - - - - - - - - 
   メインエリア　求人詳細
   - - - - - - - - - - - - - - - - -  */


#main.job_detail .media_no{
	color:#557ba0;
	font-size:95%;
}

#main.job_detail .maincontent .pr_txt{
	line-height:1.8em;
	margin-bottom:40px;
}

#main.job_detail .maincontent .detail_content .job_image{
	margin-bottom:50px;
	border:#004ba1 solid 3px;
}

#main.job_detail .maincontent .oubo_tel_number{
	text-align:center;
	font-size:140%;
	margin:50px auto;
	padding:50px;
	box-sizing:border-box;
	background-color:#e3ebf1;
	font-weight:bold;
	width:75%;
	color:#004ba1;
/*	border:#004ba1 solid 3px;*/
}

#main.job_detail .maincontent .oubo_tel_number span{
	font-size:180%;
}

#main.job_detail .maincontent .oubo_tel_number span.chushaku{
	font-size:95%;
}



#main.job_detail .maincontent .block_link{
	width:300px;
	margin:80px auto 0;
}

#main.job_detail .maincontent .end_elm{
	margin-top:80px;
}




/* - - - - - - - - - - - - - - - - - 
   メインエリア　求人応募
   - - - - - - - - - - - - - - - - -  */

#main.entry_form .maincontent .pr_txt{
	line-height:1.8em;
	margin-bottom:40px;
}

#main.entry_form .maincontent .input_form{
	margin-top:50px;
}



/* - - - - - - - - - - - - - - - - - 
   メインエリア　求人応募完了
   - - - - - - - - - - - - - - - - -  */
#main.entry_conf .block_link{
	width:200px;
	margin:0 auto;
	margin-top:80px;
}


/* - - - - - - - - - - - - - - - - - 
   メインエリア　企業様へ
   - - - - - - - - - - - - - - - - -  */
#main.for_companies .problem h3{
	text-align:center;
}

#main.for_companies .problem_list{
	background:#e3ebf1;
	padding:20px;
	position:relative;
	margin-bottom:65px;
}

#main.for_companies .problem_list::after{
	content:"";
	background-image:url(../../img/front/forcomp_solution.png);
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position:center;
	display:block;
	width:140px; height:45px;
	position:absolute;
	left:0; right:0;
	margin-left:auto; margin-right:auto;
	bottom:-35px;
}




#main.for_companies .problem_list li::before{
	content:"";
	display:inline-block;
	background-image:url(../../img/front/forcomp_check.png);
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center left;
	width:1em;
	height:1.2em;
	margin-right:0.25em;
}
#main.for_companies .problem_list li{
	display:inline-block;
	border-bottom:#004ba1 dashed 1px;
	padding:5px;
	margin-right:0.8em;
	margin-bottom:0.8em;
}
#main.for_companies .solution {
	margin-bottom: 80px;
}
#main.for_companies .solution h3{
	font-size:200%;
	line-height:1.8em;
}

#main.for_companies .solution h3,
#main.for_companies .solution > p{
	text-align:center;
	line-height:1.8em;
}

#main.for_companies .solution > p{
	margin-bottom:60px;
}

#main.for_companies .solution ul{
	display:flex;
	justify-content:space-between;
}

#main.for_companies .solution ul li{
	width:30%;
}

#main.for_companies .solution ul li h4{
	color:#004ba1;
	font-size:1.2rem;
	margin-bottom:10px;
}

#main.for_companies .solution ul li p{
	margin-bottom:10px;
}
#main.for_companies #merit {
	margin: 80px 0;
}
#main.for_companies #merit img {
	width: auto;
	max-width: 100%;
}
#main.for_companies #merit h4,
#main.for_companies #convenient h4{
	padding: 5px;
	font-weight: bold;
	font-size: 1.2rem;
	margin: 40px 0 10px;
	border-bottom: 1px dotted #dfcfb0;
}
#main.for_companies #merit h5 {
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 1rem;
}
#main.for_companies #merit p {
	margin-bottom: 20px;
}
#main.for_companies #merit p.merit_img {
	text-align: center;
}
#main.for_companies #merit dl dt {
	margin-top: 1em;
	color: #004ba4;
	font-weight: bold;
}

#main.for_companies #convenient {
	margin: 80px 0;
}
#main.for_companies #convenient p {
	margin-bottom: 30px;
}

#for_keieksya {
	margin: 60px 0;
}

.for_com_merit_box {
	display: flex;
	margin: 0 0 40px;
}
.for_com_merit_img {
	width: 40%;
	max-width: 400px;
	flex-shrink: 0;
	margin-right: 3%;
}
.for_com_merit_txt {
	margin: 0 0 30px;
}
.for_com_merit_txt p {
	margin-bottom: 1em;
}



#main .contact_pr {
	border:#dfcfb0 solid 3px;
	background:url(../../img/front/back_pattern_01.png);
	background-repeat:repeat;
	box-sizing:border-box;
	margin: 40px 0 0;
	padding:30px;
}

#main .contact_pr h3{
	text-align:center;
	line-height:1.8em;
}

#main .contact_pr .contact_address{
	display:flex;
	justify-content:space-between;
}

#main .contact_pr .contact_address p{
	width:47%;
}


#main .contact_pr .contact_address .tel.pc::before{
	content:"\f098";
	font-family:Font Awesome\ 5 Free;
	font-weight:900;
	font-size:350%;
	display:inline-block;
	width:1em;
	height:1em;
	position:absolute;
	line-height:1em;
	top:0; bottom:0;
	margin-top:auto; margin-bottom:auto;
}

#main .contact_pr .contact_address .tel.pc{
	position:relative;
	color:#004ba1;
}
#main .contact_pr .contact_address .tel.pc a{
	color:#004ba1;
	text-decoration: none;
}

#main .contact_pr .contact_address .tel.pc span{
	display:block;
	width:85%;
	margin-right:0px;
	margin-left:auto;
}

#main .contact_pr .contact_address .tel.pc span.telnum{
	font-weight:bold;
	font-size:1.6rem;
}
#main .contact_pr .contact_address .tel.pc span.eigyo{
	font-size:0.7rem;
}


/* - - - - - - - - - - - - - - - - - 
   メインエリア　会社概要
   - - - - - - - - - - - - - - - - -  */
#main.companies .maincontent h3{
	font-size:180%;
}

#main.companies .maincontent .companies_comment{
	background-image:url(../../img/front/companies_image.jpg);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:100%;
/*	height:56%;*/
	box-sizing:border-box;
	padding:8% 30px;
	margin-bottom:100px;
}

#main.companies .maincontent .companies_comment > p{
	width:45%;
	color:#000;
}

#main.companies .maincontent .detail_content{
	margin-bottom:100px;
}


/*下のバナー */
#main.companies .foot_banner ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#main.companies .foot_banner ul li{
	width:30%;
	margin:0 1%;
}

/* 名古屋支店追加 */
#shiten_nagoya,
#shiten_tokyo,
#shiten_yokohama,
#shiten_shizuoka {
	margin-top: 80px;
}

.company_detail {
	display:flex;
	justify-content: space-between;
}
.company_detail_add {
	width: 50%;
}
.company_detail_add dt {
	font-weight: bold;
}
.company_detail_img {
/*	width: 45%;*/
	text-align: center;
}
.company_detail_img img {
	max-width: 100%;
}
.nagoya_office_img {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.nagoya_office_img .nagoya_office_entrance {
	width: 100%;
	margin-bottom: 2%;
}
.nagoya_office_img .nagoya_office_img_l,
.nagoya_office_img .nagoya_office_img_r {
	width: 49%;
	margin-bottom: 2%;
}

.office_info {
	margin-bottom: 80px;
}
.office_detail {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.office_detail_add {
	width: 58%;
}
.office_detail_addtxt {
	margin-bottom: 1em;
}
.office_detail_img {
	width: 38%;
}


.about_margin {
	margin-bottom: 80px;
}
.margin_img {
	margin-top: 20px;
}
.about_margin p {
	text-align: left;
}
.about_margin strong {
	color: #FB3400;
	font-weight: bold;
}


/* - - - - - - - - - - - - - - - - - 
   メインエリア　派遣とは
   - - - - - - - - - - - - - - - - -  */

#main.what_haken .maincontent {
	
}
#main.what_haken .haken_section {
	margin: 0 0 80px;
}

.haken_txt {
	margin-bottom: 40px;
}



/* 初めての方へ */
.haken_link_list {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.what_haken_link {
	width: 31%;
	margin: 0 0 3%;
	background: #f4f1ea;
}
.what_haken_link a {
	text-decoration: none;
}
.what_haken_link h3 {
	font-size: 1rem;
	margin: 0px;
	padding: 10px 10px 0;
}

.what_haken_txt {
	padding: 10px;
	font-size: 0.8rem;
}


/* 派遣の種類 */
.haken_type {
	margin:20px 0;
}
.haken_type h4 {
	font-weight: bold;
	font-size: 1.2rem;
	margin: 0 0 10px;
	padding: 5px;
	border-bottom: 1px dotted #dfcfb0;
}
.haken_type_inner {
	display: flex;
	justify-content: space-between;
}
.haken_type_ex {
	width: 50%;
}
.haken_type_img {
	width: 48%;
	text-align: center;
}
.haken_type_img img {
	max-width: 100%;
}

/* 派遣のメリット */
#haken_merit h4 {
	padding: 5px;
	font-weight: bold;
	font-size: 1.2rem;
	margin: 0 0 10px;
	border-bottom: 1px dotted #dfcfb0;
}
.haken_merit_box {
	display: flex;
	margin: 0 0 40px;
}
.haken_merit_img {
	width: 30%;
	flex-shrink: 0;
	margin-right: 3%;
}
.haken_merit_catch {
	margin: 0 0 10px;
	font-size: 1.1rem;
	color: #FB3400;
}
.haken_merit_txt {
	margin: 0 0 30px;
}
.haken_merit_txt p {
	margin-bottom: 1em;
}

.haken_merit_txt ul li {
	position: relative;
	margin:0 0 0.3em 1em;
}
.haken_merit_txt ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -0.8em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

/* 検索へ移動するボタン */
.haken_search {
	margin: 40px 0;
}

/* 職種一覧 */
.haken_type_box_list {
	display: flex;
	flex-wrap: wrap;
}
.haken_type_box {
	width: 30%;
	margin: 0 1% 2%;
	background: #f4f1ea;
}
.haken_type_box h4 {
	padding: 10px;
	font-weight: bold;
	font-size: 1rem;
	border: none;
	color:#004ba4;
}
.haken_type_box ul {
	padding: 0 10px 10px;
	font-size: 0.8rem;
}
.haken_type_box ul li {
	display: inline-block;
	margin: 0 10px 2px;
	position: relative;
}
.haken_type_box ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .6em;
	left: -0.6em;
	width: 4px;
	height: 4px;
	background-color: #666;
	border-radius: 100%;
}

/* よくある質問 */
.faq_box {
	margin: 0 0 20px;
	padding: 10px;
	border:5px solid #f4f1ea;
}
.faq_box h4 {
	display: flex;
	padding: 5px;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: 1px dotted #dfcfb0;
}
.faq_box h4 span.icon_q{
	flex-shrink: 0;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	margin-right: 0.5rem;
	background: #004ba4;
	border-radius: 1rem;
	color: #fff;
	text-align: center;
	line-height: 2;
}
.faq_a_txt {
	display: flex;
	padding: 10px 5px 0;
}
.faq_a_txt span.icon_a{
	flex-shrink: 0;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	font-weight: bold;
	font-size: 1rem;
	margin-right: 0.5rem;
	background: #dfcfb0;
	border-radius: 1rem;
	color: #fff;
	text-align: center;
	line-height: 2;
}
.faq_a_txt dl dt {
	margin-top: 1em;
	font-weight: bold;
	color: #004ba4;
}
.faq_a_txt div p:not(:first-child){
	margin-top: 1em;
}




/* 採用情報 */
#main .maincontent .jobs_content {
	width: auto;
}
.jobs_h {
	margin-bottom: 60px;
}
.jobs_box h4 {
	padding: 5px;
	font-weight: bold;
	font-size: 1.2rem;
	margin: 0 0 10px;
	border-bottom: 1px dotted #dfcfb0;
}
.jobs_box_inner {
	display: flex;
	margin: 0 0 40px;
}
.jobs_img {
	width: 30%;
	flex-shrink: 0;
	margin-right: 3%;
}
.jobs_txt {
	margin: 0 0 30px;
}


#jobs_engage {
	margin: 60px 0;
}

.jobs_tel_number {
	text-align:center;
	font-size:140%;
	margin:50px auto;
	padding:50px;
	box-sizing:border-box;
	background-color:#e3ebf1;
	font-weight:bold;
	width:auto;
	color:#004ba1;
/*	border:#004ba1 solid 3px;*/
}
.jobs_tel_number  span{
	font-size:180%;
}

.jobs_tel_number span.chushaku{
	font-size:95%;
}



/* PCだけ */
@media screen and (min-width: 769px){
	.pc{ display: block; }
	.sp{ display: none; }
}


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

	タブレット
	last-mod:00-00-00 name

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

@media screen and (max-width: 768px){
	.pc{ display: none; }
	.sp{ display: block; }
	
	
	
	#header{
		width:100%;
		min-width:auto;
		display:block;
		position:relative;
		
	}
	#header .logo{
		width:100%;
		box-sizing:border-box;
		padding:10px;
		position:relative;
	}
	
	
	/*#header .logo h1{*/
	#header .logo .head_catch{
		margin-top:0;
	}
	#header .logo img{
		min-width:auto;
		width:75%;
	}
	
	
	#menu_toggle{
		position:absolute;
		right:0; bottom:0;
		box-sizing:border-box;
		padding:0.5em;
	}
	#menu_toggle .bar{
		width:25px;
		margin:0 auto;
	}
	#menu_toggle .bar span{ color:#004ba4; background:#004ba4; display:block; width:100%; height:2px; margin-bottom:0.4em; }
	#menu_toggle.target_close .bar span{ transition: all 0.3s; transform: rotate(0deg); opacity:1; }
	#menu_toggle.target_open .bar span{transition: all 0.3s;}
	#menu_toggle.target_open .bar span:nth-child(1){ transform: translateY(340%) rotate(-45deg); }
	#menu_toggle.target_open .bar span:nth-child(2){ opacity:0; }
	#menu_toggle.target_open .bar span:nth-child(3){ transform: translateY(-400%) rotate(45deg); }
	
	#menu_toggle .menu_txt{ font-size:0.3vw; color:#004ba4; }
	
	
	
	#header .gmanu{
		width:100%;
		position:absolute;
		height:80vh;
		width:100%;
		background-color:#fff;
		z-index:100;
		overflow-y:scroll;
	}
	
	#header .gmanu::-webkit-scrollbar{ width: 2px; background:rgba(255,255,255,0.95); }
	#header .gmanu::-webkit-scrollbar:horizontal{ height:0px; }
	#header .gmanu::-webkit-scrollbar-button{ width:5px; height:5px; background:rgba(255,255,255,0.95); }
	#header .gmanu::-webkit-scrollbar-piece{ background:rgba(0,75,164,1); }
	#header .gmanu::-webkit-scrollbar-piece:start{ background:rgba(255,255,255,0.95); }
	#header .gmanu::-webkit-scrollbar-thumb{ background:rgba(0,75,164,1); }
	
	
	#header .gmanu ul li{
		width:100%;
		margin-top:20px;
	}
	
	#header .gmanu ul li a::after,
	#header .gmanu ul li a:hover::after{
		display:none;
	}
	
	#header .gmanu ul li a{
		display:block;
		width:100%;
		padding:15px;
		text-align:center;
		box-sizing:border-box;
	}
	
	#header .gmanu ul li.current a{
		background:#004ba4;
		color:#fff;
	}
	
	
	/* 全体の共通パーツ */
	#main{ min-width: auto; }

	#main .main_inner_max > div,
	#main .main_inner{
		width:80%;
		min-width:auto;
	}
	
	#main .hyphen_title h2{
		font-size:180%;
	}
	
	
	/* フォームまわり */
	form table{ width:100%; }
	form table th,form table td {
		display: block;
		width: 100%;
		text-align: left;
		padding: 5px 0;
	}
	form table td {
		padding-bottom: 20px;
	}
	
	
	
	/* フォーム */
	.multiple_box{
		display:flex;
		flex-wrap:wrap;
	}
	.multiple_box span{
		display:flex;
		width:30%;
		align-items:center;
	}
	
	.multiple_box span label{
		display:block;
		padding:10px;
		border-bottom:#c4d2e1 solid 1px;
		width:100%;
		box-sizing:border-box;
		color:#c4d2e1;
		
		-webkit-transition: 0.1s ease-in-out;
		-moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
	}
	
	.multiple_box span label::before{
		font-family:Font Awesome\ 5 Free;
		content:"\f111";
		margin-right:0.25em;
		font-size:120%;
	}
	
	
	.multiple_box span input[type="radio"]{
		width:0;
		height:0;
	}
	
	.multiple_box span input[type="radio"]::before,
	.multiple_box span input[type="radio"]::after{
		width:0;
		height:0;
	}
	
	
	.multiple_box span input[type="radio"]:checked + label{
		background:#004ba1;
		color:#fff;
		
		-webkit-transition: 0.1s ease-in-out;
		-moz-transition: 0.1s ease-in-out;
		-o-transition: 0.1s ease-in-out;
		transition: 0.1s ease-in-out;
	}
	.multiple_box span input[type="radio"]:checked + label::before{
		content:"\f058";
	}
	
	
	
	
	
	/* トップページ */
	
	#main.top .top_image::after{
		display:none;
	}
	
	#main.top .action_links{
		display:flex;
		justify-content:space-between;
		padding-top:30px;
		padding-bottom:60px;
	}
	
	#main.top .action_links a{
		width:48%;
	}
	
	#main.top .main_inner_max{
		background:none;
		padding-top:0px;
	}
	#main.top .cjoblist li{
		width:49.5%;
	}
	
	#main.top .new_job_list .njoblist{
		flex-wrap:wrap;
	}
	#main.top .new_job_list .njoblist li{
		width:48%;
		margin-bottom:4%;
	}
	
	#main.top .banner_list ul{
		flex-wrap:wrap;
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	#main.top .banner_list ul li{
		width:48%;
		margin-bottom:1%;
	}
	
	/* 第二階層以降のページ */
	#main .main_inner.double_column{
		flex-wrap:wrap;
		padding-top:50px;
	}
	#main .main_inner.double_column .maincontent{
		width:100%;
		margin-bottom:80px;
	}
	
	#main .main_inner.double_column .side_menu{
		width:50%;
		margin:0 auto;
		box-sizing:border-box;
		padding-left:0;
	}
	
	#main .main_inner.double_column .side_menu li{
		margin-bottom:40px;
	}
	
	#main .title_image .title_image_inner{
		height:34vw;
		max-height:none;
		min-width:auto;
	}
	
	
	/* タイトル背景  */
	/* 求人一覧 recruits */
	#main.recruit .title_image .bk_image{
		background-image:url('../../img/front/head_image_job_sp.jpg');
	}
	#main.job_list .title_image{
		background-image:url('../../img/front/head_image_job.png');
	}

	/* 求人一覧 recruits */
	#main.recruit .title_image .bk_image{
		background-image:url('../../img/front/head_image_job_sp.png');
	}
	/* スタッフ登録 staffs */
	#main.staffs .title_image .bk_image{
		background-image:url('../../img/front/head_image_staff_sp.png');
	}
	/* 企業様へ for_companies */
	#main.for_companies .title_image .bk_image{
		background-image:url(../../img/front/head_image_for_campany_sp.jpg);
	}
	/* 会社概要 companies */
	#main.companies .title_image .bk_image{
		background-image:url(../../img/front/head_image_campany_sp.jpg);
	}
	/* 派遣とは workers */
	#main.what_haken .title_image .bk_image {
		background-image: url(../../img/front/head_image_for_campany_sp.jpg);
	}
	/* 派遣とは */
	#main.workers_haken .title_image .bk_image {
		background-image: url(../../img/front/head_image_workers_sp.png);
	}
	/* 派遣とは メリット */
	#main.workers_merit .title_image .bk_image {
		background-image: url(../../img/front/head_image_workers_merit_sp.png);
	}
	/* 派遣とは　始めるには */
	#main.workers_start .title_image .bk_image {
		background-image: url(../../img/front/head_image_workers_start_sp.png);
	}

	/* 派遣とは　職種一覧 */
	#main.workers_syokusyu .title_image .bk_image {
		background-image: url(../../img/front/head_image_workers_syokusyu_sp.png);
	}
	/* 派遣とは　サポート体制 */
	#main.workers_support .title_image .bk_image {
		background-image: url(../../img/front/head_image_workers_support_sp.png);
	}
	/* 派遣とは　よくある質問 */
	#main.workers_faq .title_image .bk_image {
		background-image: url(../../img/front/head_image_workers_faq_sp.png);
	}

	
	
	#main.job_list .search_box table td select{
		width:100%;
	}
	
	
	
	/* サーチパネル */
	#main.job_list .search_box {
		padding: 20px;
	}
	#main.job_list .search_box table {
		margin-bottom: 20px;
	}
	#main.job_list .search_box table th,
	#main.job_list .search_box table td{
		display: block;
		width:100%;
		padding: 5px ;
		text-align: left;
	}
	
	
	
	
	/* 求人詳細ページ */
	#main.job_list .search_box h3 {
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
	#main.job_list .result .result_list li{
		width:75%;
		width: 100%;
		margin-right:auto;
		margin-left:auto;
	}
	#main.job_list .result .result_list li .image,
	#main.job_list .result .result_list li .data{
		width:100%;
	}
	
	#main.job_list .result .result_list li .image{
		margin-bottom:10px;
	}
	
	#main.job_list .result .result_list li .data{
		padding:0;
	}
	
	
	#main.job_list .result .result_list li .border_box_link{
		font-size:110%;
	}
	
	
	#main.job_list .result .result_list .date_list {
		display: block;
		margin-bottom: 15px;
	}
	#main.job_list .result .result_list .date_list li {
		width: auto;
		padding: 0;
		border: none;
	}
	#main.job_list .result .result_list .date_list li:nth-child(odd) {
		background: #e3ebf1;
	}
	#main.job_list .result .result_list .date_list li:last-child {
		border-right: none;
	}
	#main.job_list .result .result_list .date_list li dl {
		display: flex;
	}
	#main.job_list .result .result_list .date_list li dt {
		width:6em;
		padding: 5px;
		text-align: left;
		border-right: 1px solid #c4d2e1;
		background: none;
		white-space: nowrap;
	}
	#main.job_list .result .result_list .date_list li dd {
		padding: 5px;
		font-size: 0.8rem;
		box-sizing:border-box;
	}
	
	
	/* 求人詳細ぺーーじ */
	
	#main.job_detail .maincontent .detail_content{
		width:100%;
	}
	
	
	/* 企業様へ */
	
	
	/* 会社概要 */
	#main.companies .maincontent .detail_content {
		width: 100%;
	}
	#main.companies .maincontent .companies_comment{
		background-image:url(../../img/front/companies_image_sp.jpg);
		padding-top:62vw;
		width:100%;
		margin-left:auto;
		margin-right:auto;
	}

	#main.companies .maincontent .companies_comment > p{
		width:100%;
		color:#000;
	}
	.office_detail {
		display: block;
	}
	.office_detail_add,
	.office_detail_img {
		width: 100%;
		margin-bottom: 20px;
	}
	.office_detail_img {
		text-align: center;
	}
	
	
	/* 初めての方へ */
	.what_haken_link {
		width: 47%;
		margin: 0 0 3%;
		background: #f1eee7;
	}
	.haken_type_box {
		width: 47%;
		margin: 0 1% 2%;
	}
}




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

	せまいPC
	last-mod:00-00-00 name

   ============================================================= */
@media screen and (max-width: 940px){
	#admin_area .btn_inlines .long_width{
		display:none;
	}
}



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

	スマホ
	last-mod:00-00-00 name

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

@media screen and (max-width: 480px){
	
	.pc{ display: none; }
	.sp{ display: block; }
	
	
	
	#main .maincontent .detail_content {
		width: 90%;
	}
	
	
	
	/*#header .logo h1{*/
	#header .logo .head_catch{
		font-size:0;
	}
	
	/* 全体の共通パーツ */
	#main .main_inner_max > div,
	#main .main_inner{
		width:90%;
		min-width:auto;
	}
	
	#main .title_image h1,
	#main .title_image h2 {
	/*	font-size: 8vw; */
	/*	font-size:1rem;*/
		font-size:100%;
	}
	#main .title_image span {
		font-size: 0.7rem;
	}
	
	#main .hyphen_title h2,
	#main .hyphen_title h3 {
		font-size:6vw;
	}
	
	#main .hyphen_title h2::before,
	#main .hyphen_title h2::after{
		margin-right:6px;
		margin-left:6px;
	}

	
	#main .title_image .title_image_inner{
		width:90%;
	}
	
	a.border_box_link{
		min-width:250px;
	}
	
	#main .main_inner.double_column .side_menu{
		width:100%;
		margin:0 auto;
		box-sizing:border-box;
	}
	
	#main .main_inner.double_column .side_menu li{
		margin-bottom:40px;
	}
	
	/* テーブル */
	
	#main .display_table{
		border-right:none;
		border-left:none;
		border-top:none;
	}
	#main .display_table tr {
		width: auto;
		display: block;
	}
	#main .display_table tr:nth-child(odd) th,
	#main .display_table tr:nth-child(odd) td{
		background:none;
	}
	
	#main .display_table th,
	#main .display_table td {
		display: block;
		width: 100%;
		box-sizing:border-box;
		border-bottom:0px;
	}
	
	#main .display_table td{
		border-top:0px;
	}
	
	#main .display_table tr th:nth-child(odd),
	#main .display_table tr th:nth-child(even){
		background:#e3ebf1;
	}
	
	
	form table{
		
	}
	
	form table th,
	form table td{
		display:block;
		width:100%;
		box-sizing:border-box;
	}
	
	form table th{
		text-align:left;
		padding-bottom:0;
		
	}
	
	form table td{
		margin-bottom:20px;
	}
	
	form .submit button[type="submit"]{
		width:75%;
	}
	
	
	/* トップページ */
	#main.top .action_links a{
		font-size:1em;
	}
	#main.top .cjoblist li{
		width:49.5%;
	}
	
	#main.top .new_job_list .njoblist li{
		width:100%;
		margin-bottom:20px;
	}
	
	#main.top .banner_list ul{
		width:75%;
	}
	#main.top .banner_list ul li{
		width:100%;
		margin-bottom:30px;
	}
	
	
	/* 求人一覧 */
	#main.job_list .result .result_list li .image,
	#main.job_list .result .result_list li .data{
		width:100%;
	}
	
	
	
	
	/* 求人詳細ページ */
	#main.job_detail .maincontent .block_link{
		width:100%;
	}
	
	
	/* 企業様へ */
	#main.for_companies .solution ul{
		flex-wrap:wrap;
	}
	#main.for_companies .solution ul li{
		width:75%;
		margin:0 auto;
		margin-bottom:40px;
	}
	
	#main .contact_pr h3{
		font-size:120%;
	}
	
	#main .contact_pr .contact_address{
		flex-wrap:wrap;
	}
	
	#main .contact_pr .contact_address p{
		width:100%;
		margin-bottom:30px;
	}
	
	.for_com_merit_box {
		display: block;
		margin: 0 0 40px;
	}
	.for_com_merit_img {
		width: 100%;
		max-width: inherit;
		flex-shrink: 0;
		margin-right: 0;
	}
	
	
	/* 会社概要 */
	#main.companies .maincontent .companies_comment{
		padding-top:75vw;
		width:100%;
	}
	
	
	
	/* 派遣とは */
	#main.what_haken .haken_section {
		margin: 0 0 80px;
	}

	/* 派遣の種類 */
	.haken_type_inner {
		display: block;
	}
	.haken_type_ex {
		width: 100%;
	}
	.haken_type_img {
		width: 100%;
		margin-top: 10px;
	}
	
	.haken_merit_box {
		display: block;
		margin: 0 0 40px;
	}
	.haken_merit_img {
		width: 100%;
		flex-shrink: 0;
		margin: 0 0 10px;
	}
	
	.jobs_box_inner {
		display: block;
		margin: 0 0 40px;
	}
	.jobs_img {
		width: 100%;
		flex-shrink: 0;
		margin: 0 0 10px;
	}
}



/* 管理画面 */

.auth_type{
	width:100%;
	background:#004ba4;
	color:#fff;
}
#header .auth_actions{
	text-align:right;
}

#header .auth_actions span::before{
	content:'/';
	margin-right:0.25em;
	margin-left:0.25em;
}

#header .auth_actions span:nth-of-type(1)::before{
	content:'';
	margin-left:0;
}


#admin_area{
	padding-top:40px;
	width:85%;
	margin:0 auto;
}

#admin_area h3{
	font-size:150%;
}

#admin_area .action_links{
	margin-bottom:50px;
}

#admin_area .action_links.center{
	text-align:center;
}

#admin_area .block_link{
	display:inline-block;
	padding:10px;
	font-size:100%;
}
#admin_area .block_link.gray{
	background:#aeaeae;
	border-color:#aaa;
}
#admin_area .block_link.gray:hover{
	background:#fff;
	color:#848484;
}



/* 検索パネルの下の一括処理ボタン系 */
#admin_area .selected_item_acts{
	margin-bottom:60px;
}
#admin_area .admin_pager{
	margin:20px 0;
}


/* 一覧の表・登録画面の表 */
#admin_area table.form,
#admin_area table.index{
	width:100%;
	margin-bottom:50px;
}

#admin_area table.form th,
#admin_area table.form td,
#admin_area table.index th,
#admin_area table.index td{
	padding:10px;
	
}

#admin_area table.form th,
#admin_area table.index th{
	background:#e3ebf1;
	color:#004ba4;
	text-align:center;
	border-bottom:#004ba4 solid 1px;
}
#admin_area table.form th{
	text-align:left;
	border-bottom:#ececec solid 1px;
}


#admin_area table.form td,
#admin_area table.index td{
	border-bottom:#ececec solid 1px;
}

#admin_area table.index td a.block_link,
#admin_area table.index td span.block_link{
	padding:5px;
}

#admin_area table td span.tag{
	box-sizing: border-box;
	min-width: 4em;
	padding:5px;
	display:inline-block;
	text-align:center;
	background:#ececec;
	font-size:75%;
	line-height:1em;
}

#admin_area table td span.tag.recruit_tag{
	background:#ecb300;
	color:#fff;
}


#admin_area table.index td span.block_link{
	min-width: 120px;
	background:#ececec;
	color:#999;
	font-size:100%;
	text-align:center;
}


/* 応募数　タブ　ohayashi追加 */
.ctn_tabs{
	border-bottom:#004ba4 solid 2px;
	display:flex;
	padding-right:5px;
	padding-left:5px;
	margin-bottom:30px;
}

.ctn_tabs li{
	margin:0 5px;
}

.ctn_tabs li a{
	display:inline-block;
	border-top:#aaa solid 1px;
	border-left:#aaa solid 1px;
	border-right:#aaa solid 1px;
	padding:10px;
	text-decoration:none
}
.ctn_tabs li.active a,
.ctn_tabs li a:hover{
	border-color:#004ba4;
	color:#004ba4;
	font-weight:bold;
}




/* 応募数用 20190312 */
.total_ex {
	display:flex;
	justify-content: space-between;
}
.search_mini {
	width: 300px;
}
.search_mini input[type="text"] {
	width: 200px;
}

/* ohayashi 追加　期間設定のパネルの場合 */
.search_mini input.date[type="text"]{
	width:7em;
}
.search_mini .multiple_box span{
	margin-right:0.25em;
}

#admin_area .search_mini  .block_link {
	margin-left: 10px;
	min-width: 4em;
}

#admin_area table.index_total {
	margin-top: 10px;
}
#admin_area table.index_total th{
	border-bottom:#c4d2e1  solid 1px;
	border-right:#c4d2e1 solid 1px;
}
#admin_area table.index_total tr th:last-child{
	border-right:none;
}
#admin_area table.index_total td{
	border-bottom:#c4d2e1  solid 1px;
	border-left:#c4d2e1  solid 1px;
	text-align: center;
}
#admin_area table.index_total td .count_empty{
	color:#aaa;
}


/* 源泉徴収用 */

#admin_area table.form.form_gensen {
	border: #004ba4 solid 1px;
}
#admin_area table.form.form_gensen th {
	border-bottom: #004ba4 solid 1px;
	border-right: #004ba4 solid 1px;
}
#admin_area table.form.form_gensen td {
	text-align: left;
	border-bottom: #004ba4 solid 1px;
	border-right: #004ba4 solid 1px;
	white-space: nowrap;
}
#admin_area table.form_gensen tr.tanni td {
	border-bottom: none;
	border-left: none;
	padding: 5px 10px 0;
}
#admin_area table.form_gensen tr.tanni td:first-child {
	border-left: none;
}
#admin_area table.form_gensen tr.tanni td.bdr_r_none {
	border-right: none;
}
#admin_area table.form_gensen tr.tanni td.txt-left {
	text-align: left;
}
#admin_area table.form_gensen tr.tanni td.txt-right {
	text-align: right;
}
/*
#admin_area table.form_gensen th,
#admin_area table.form_gensen td {
	border: #ededed solid 1px;
	border-top: none;
	font-size: 12px;
	text-align: center;
}
#admin_area table.form_gensen th {
	border: 1px solid #fff;
	text-align: center;
}
#admin_area table.form_gensen tr.tanni td {
	border-bottom: none;
	border-left: none;
	padding: 5px 10px 0;
}
#admin_area table.form_gensen tr.tanni td:first-child {
	border-left: #ededed solid 1px;
}
#admin_area table.form_gensen tr.tanni td.bdr_r_none {
	border-right: none;
}
*/

.form_gensen input[type="text"] {
	padding: 0.2em;
}
.form_gensen input[type="text"].w2em {
	width: 3em;
}
.form_gensen input[type="text"].w5em {
	width: 6em;
}
#admin_area table.form.form_gensen td.txt_r {
	text-align: right;
}
#admin_area table.form.form_gensen td.border_r_none {
	border-right: none;
}

/* 添付資料一覧の承認状態のcss */
#admin_area .state.zumi{
	color:#004ba4;
}

#admin_area .state.mi{
	font-weight:bold;
	color:#C60900;
}



/* フォームの表 */
/* #admin_area table.form */

/* 検索パネル */
#admin_area .search_panel{
	margin-bottom:50px;
	background-image:url('../../img/front/back_pattern_01.png');
	padding:20px;
	border:#dfcfb0 solid 3px;
}
#admin_area .search_panel form{
	display:flex;
	flex-wrap:wrap;
}

#admin_area .search_panel form > div{
	width:30%;
	margin-right:2%;
	margin-bottom:20px;
}

#admin_area .search_panel form input[type="text"],
#admin_area .search_panel form input[type="textarea"]{
	padding:0.3em;
}
#admin_area .search_panel form .action_links{
	width:100%;
	margin:0;
}



/* pager */


.paging span a,
.paging span.disabled,
.paging span.current{
	text-decoration:none;
	display:inline-block;
	padding:0.25em 0.5em;;
	margin:2px;
}


.paging span a{
	border:#004ba4 solid 1px;
	color:#004ba4
}

.paging span.current,
.paging span a:hover{
	background:#004ba4;
	color:#fff;
}

.paging span.disabled{
	border:#aeaeae solid 1px;
	background:#ededed;
	color:#999;
	
}




/* マイページ */

.mypage_btn {
	display:flex;
	margin: 10px 0 80px;
}
.mypage_btn > div {
	margin-right: 20px;
}


#admin_area .mypage_btn .block_link {
	display: inline-block;
	padding: 15px;
	font-size: 120%;
}
#admin_area .mypage_btn .block_link i {
	margin-right: 0.5em;
}