@charset "UTF-8";
/* * layout.css
/* * 画面の横幅が980px以上（パソコン用）
===============================================*/

/* mainImg_job
---------------------------------------------------------- */
/* Contents mainImg
---------------------------------------------------------- */
@media (min-width: 980px) {
.mainImg_job01 { width:100%; margin:0 auto 20px; padding:0;}
.mainImg_job01 p{
	background-image: url(../img/recruit/mainImg_job01b.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:640px;
	height:145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;

}
.mainImg_jobconsul { width:100%; margin:0 auto 20px; padding:0;}
.mainImg_jobconsul p{
	background-image: url(../img/recruit/mainImg_job01c.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:640px;
	height:145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;

}

.mainImg_job02 { width:100%; margin:0 auto 20px; padding:0;}
.mainImg_job02 p{
	background-image: url(../img/recruit/mainImg_job02a.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:640px;
	height:145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;

}
.mainImg_job03 { width:100%; margin:0 auto 20px; padding:0;}
.mainImg_job03 p{
	background-image: url(../img/recruit/mainImg_job03a.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:640px;
	height:145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;

}
.mainImg_job04 { width:100%; margin:0 auto 20px; padding:0;}
.mainImg_job04 p{
	background-image: url(../img/recruit/mainImg_job04b.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:640px;
	height:145px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;
}
}

@media screen and (min-width: 480px) and (max-width: 980px){
	#contents {
		width: 100%;
		height:auto;
		text-align: left;
		margin: 20px auto 35px;
		background: #F2F2F2;
		padding: 15px 5px 0;
		display:inline-block;
		overflow:hidden;
	}
}

@media (min-width: 981px) {
	#contents {
		width: 950px;
		height:auto;
		text-align: left;
		margin: 20px auto 35px;
		background: #F2F2F2;
		padding: 15px 15px 0;
		display:inline-block;
		overflow:hidden;
	}
}

@media (min-width: 1024px) {
html {
	overflow-y: scroll;
	-webkit-text-size-adjust:100%;
}
body {
	text-align: center;
	font: 13px/1 "CI", "Meiryo", "lr oSVbN", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3", sans-serif;
	line-height: 2em;
	color: #000000;
}
a:link, a:visited {
	color: #937500;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #76992D;
}
#container {
	margin: 0 auto;
}

/* スマホ・タブレットのみ表示
======================================================*/
.sp{ display:none;}

/* position
======================================================*/
.alignRight {
	text-align:right;
}
.alignCenter {
	text-align:center !important;
}
.alignLeft {
	text-align:left;
}

/* h style
======================================================*/

#main h4 {
	border-bottom: solid 1px #ABABAB;
	padding: 0 0 5px 0;
	color: #2C2C2C;
	font-size: 120%;
	text-align:left;
	font-weight:bold;
	margin-bottom: 20px;
}

#main h4.style1 {
	text-align: center;
	color:#ba3232;
	font-size: 140%;
}


	
/* header
---------------------------------------------------------- */
#header {
	width: 100%;
	height:auto;
	text-align:center;
	background-color:#000;
}
div#header_inner {
	width: 950px;
	margin: 0 auto;
	height: 95px;
	background: url(../img/share/bg_header.jpg) no-repeat left bottom
}
div#header #logo {
	width: 190px;
	padding-top: 8px;
}
div#header h1 {
	color: #FFFFFF;
	font-weight: normal;
	padding-top: 10px;
	text-align: center;
	width: 190px;
	font-size:10px;
}

#h_right {
	float: right;
	width: 490px;
}
div#header ul.header_nav {
	margin-top: 12px;
	height: 30px;
	float: right;
	display:block;
}
div#header .header_nav li {
	float:left;
	margin-left: 24px;
	display:block;
}
div#header .header_nav li a {
	display:block;
}
div#header .header_nav li a:hover {
	color: #D5D5D5;
}
div#google_translate_element {/* header Google 翻訳*/
	float:right;
	height:28px;
}
div#header .head_contact {
	margin-left: 12px;
	height: 87px;
}
div#header .head_contact li {
	float: left;
	margin-left: 9px;
	display:block;
	overflow:hidden;
}
div#header .head_contact li.headinfo_tel {
	margin-left: 95px;
}
div#header .head_contact li.btn_mail {
	margin-left: 24px;
}

/* contents
---------------------------------------------------------- */
#wrapper {
	margin:0;
	padding:0;
	max-width: 100%;
	color:#000;
	-webkit-text-size-adjust: none;
}


/* leftside
======================================================*/

div#leftside {
	float: left;
	width: 210px;
	padding-bottom: 20px;
	font-size:12px;
	line-height:1.6em;
}
div#leftside h3 {
	margin: 0 0 15px 0;
}
ul#snavi {
	width: 210px;
	margin: 0 auto 25px;
	display:block;
}
#snavi ul {
	border: 1px solid #999999;
	margin-bottom: 25px;
	width: 210px;
	display:block;
}
ul#snavi li{
	width: 210px;
	padding: 0;
	display:block;
	background-color:#FFF;
}
ul#snavi li.title a, ul#snavi li.title a:hover {
	width: 210px;
	padding: 0;
	display: block;
	color: #FFFFFF;
	border: none;
}
ul#snavi li a {
	background: url(../img/share/arrow04.gif) no-repeat 10px 16px;
	border-bottom: 1px solid #D5D5D5;
	color: #000000;
	display: block;
	padding: 12px 10px 12px 28px;

}
ul#snavi li.title_sp{ display:none;}

ul#snavi li a:hover {
	display: block;
	color: #FFFFFF;
	background: url(../img/share/arrow05.gif) no-repeat 10px 16px #B79300;
	padding: 12px 10px 12px 28px;
	border-bottom: 1px solid #E6E6E6;
}
#snavi li.current {
	display: block;
	color: #FFFFFF;
	background: url(../img/share/arrow05.gif) no-repeat 10px 16px #B79300;
	padding: 12px 10px 12px 28px;
	border-bottom: 1px solid #E6E6E6;
}

#snavi li.currentLink a{ 
	display: block;
	color: #FFFFFF;
	background: url(../img/share/arrow05.gif) no-repeat 10px 16px #B79300;
	padding: 12px 10px 12px 28px;
	border-bottom: 1px solid #E6E6E6;
}


#snavi ul.sub {
	background: none;
	border:none;
	margin:0;
	padding:0;
	background-color: #f2f2f2;
}
#snavi ul.sub li{
	background-color:#f2f2f2;
	display:block;

}
ul#snavi ul.sub li a {
	background: url(../img/share/arrow_snavi.png) no-repeat right bottom;
	display: block;
	padding: 7px 17px 7px 25px;
	text-align: right;
	color: #937500;
}
ul#snavi ul.sub li a:hover {
	color: #76992D;
	display:;
}

div#leftside .bnr_contact{
	margin: 0 0 20px;
	background-image:url(../img/share/bg_sideInfo.png);
	background-repeat:no-repeat;
	background-size:210px;
	background-position:0 0;
	text-align:center;
	width:210px;
	height:200px;
}
#btn_sideTell{ margin-top:35px; width:192px; height:62px;}
#btn_sideMail{ margin-top:35px; width:192px; height:51px;}

#snavi_bnrjob{
	width:210px;
	height:auto;
	margin:0 auto 20px;	
}
#snavi_bnrjob h3{
	margin: 0 0 20px;
	background-image:url(../img/recruit/side_title_part.png);
	background-repeat:no-repeat;
	background-size:210px 32px;
	background-position:0 0;
	width:210px;
	height:32px;
}
#snavi_bnrjob h3 span{
	width:210px;
	height:32px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
}
#snavi_bnrjob img{ max-width:210px; margin-bottom:10px;}


#snavi02 {
	width: 210px;
	margin: 0 auto 15px;
}
#snavi02 h2{
	background-color:#666666;
	color:#FFF;
	display:block;
	padding: 12px 10px 12px 10px;
}
#snavi02 h2 span{
	color:#FFF;
}
#snavi li, #snavi02 li {
	background: #FFFFFF;
	display:block;
}

#snavi02 li.title {
	background: #666666;
	color: #FFFFFF;
	display:block;
}

#snavi02 ul li a strong{ font-weight:normal;}

#snavi02 ul li.title a, #snavi02 ul li.title a:hover {
	color: #FFFFFF;
}

#snavi02 ul li img{ display:none;}

#snavi02 ul li a {
	border-bottom: 1px solid #D5D5D5;
	color: #000000;
	display: block;
	font-size: 100%;
	padding: 12px 10px 12px 10px;
}

#snavi02 ul li a:hover {
	color: #FFFFFF;
	background: #ABABAB;
}




/* globalnavi
---------------------------------------------------------- */
#sp_menu{ display:none;}

#gnavi {
	clear:both;
	height: 40px;
	background: url(../img/share/bg_gnavi.jpg) repeat-x left top;
	margin: 0;
}
#menu {
	max-width: 950px;
	margin: 0 auto;
	height:40px;
}
#menu ul {
	margin: 0 auto;
	width:950px;
	height:40px;
	display:block;
}
#menu li {
	float:left;
	height:40px;
	display:block;
}
#menu li a {
	display:block;
	height:40px;
}
a.g_home {
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:141px;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
}
a.g_home:hover {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:0 -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_service {
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-141px 0;
	width:141px;
	height:40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
}
a.g_service:hover {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-141px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_service_on {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-141px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_company {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-282px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_company:hover {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-282px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_company_on {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-282px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_req {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-423px 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_req:hover {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-423px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_req_on {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-423px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
	
a.g_seminar {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-564px 0px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_seminar:hover {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-564px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}
a.g_seminar_on {
	text-decoration:none;
	background-image: url(../img/share/gnavi.jpg);
	background-repeat:no-repeat;
	background-position:-564px -40px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	padding: 0;
	width:141px;
	height:40px;
}

.slicknav_menu {
    	display:none;
}

/*Media Queries*/
@media screen and (max-width: 800px) {
.js #menu {
    display:none;
}
.js .slicknav_menu {
    display:block;
}
}

/* topicPath
======================================================*/
.topicPath {
	background: #FFFFFF;
	font-size: 10px;
	padding: 7px 20px;
	margin-bottom: 12px
}

/* main
---------------------------------------------------------- */
#main {
	margin: 0 0 20px 20px;
	float: right;
	width: 690px;
}
div#main h2{
	margin: 10px 0 20px;
}
div#main h2 img{ max-width:100%;}

div#main p {
	line-height: 1.6em;
	margin: 10px 0;
}
div#main .box_main {
	width: 690px;
	margin: 0 0 7px 0;
	background: #FFFFFF;
	zoom: 1;
	padding: 25px;
}

/* 背景グレイ */

div.bgGry {background: #E6E6E6;}
.bgF {background:#FFF;}

/* ClearFix */

.box_inner{
	zoom: 1;
	padding: 15px 0 0;
	height:auto;
	margin:0 auto;
}


/* h3, h4
---------------------------------------------------------- */
#main h3 {
	background: url(../img/share/main_title_h3_long.gif) repeat-x;
	margin: 20px 0 15px;
	height: 35px;
	color: #333333;
	font-weight:bold;
	display: block;
	text-align:left;
}
#main h3 span{
	padding: 7px 10px;
	font-size: 120%;
	display:block;
	line-height:1.6em;
	letter-spacing:0.05em;
}

#main h3.tit_solution{
	background-image:none;
	margin: 25px 0 15px;
	height:auto;
}
#main h3.tit_solution img{ width:100%; height:auto; margin:0;padding:0;}

#main h3.tit_solution02 {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.3;
	color: #285388;
	background-image: none;
	margin: 25px 0 10px;
	height: auto;
}	



	
/* section - style
---------------------------------------------------------- */
.secStyle01 {
	border: solid 1px #0196dc;
	width:99.5%;
	margin:0 auto 20px;
	background-color:#fff;
}
.secStyle02 {
	width:99.5%;
	margin:0 auto 20px;
	background-color:#FFF;
	height: auto;
	display: inline-block;
	overflow: hidden;
}

.sec_styele03{
	width:100%;
	height:auto;
	margin:0 auto;
}
.sec_styele03 p{ margin-bottom:20px; text-align:left;}
.imgbox1_fl{
	margin:0 auto 0;
	display: inline-block;
	width:98%;
	height: auto;
	overflow:hidden;
	padding-bottom:10px;
}
.imgbox1_fl:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.imgbox1_fl figure.flImgL2{ display: inline; width:100px; float:left; margin-right: 20px;}
.ftBox  { overflow: hidden; *zoom: 1;}
.ftBox a{ line-height:1em!important;}


/* recruit
======================================================*/
.boxrecruit {
	background-image:url(../img/recruit/img_company.jpg);
	background-repeat:no-repeat;
	background-position:0 60px;
	height:auto;
	padding-left:250px;
}
div#main .boxrecruit p{ margin-bottom:20px;}

.tit_recruit{ max-width:245px; }

#pickupcontents {
	margin: 25px -20px 25px 0;
	zoom: 1;
}
#pickupcontents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#pickupcontents dl {
	float: left;
	margin: 0 20px 15px 0;
	width: 200px;
}
#pickupcontents dl dd {
	margin: 7px 0;
}
#pickupcontents dl dd {
	background: url(../img/recruit/ico_top.gif) no-repeat left center;
	padding-left: 25px;
}

/* job solution */

.job_solutionMap{
	margin:0 auto 20px;
	padding:0;
	width:640px;
	height:auto;
}
.job_solutionMap img{ width:640px; height:auto;}

.job_solutionMap h4{
	height: 38px;
	background: url(../img/recruit/bg_h3.jpg) no-repeat left top;
	padding: 5px 10px;
	color: #333;
	font-size: 120%;
	margin: 10px 0 0;
}	
	
.box_solutionArea {
	margin: 0;
	padding:0;
	width:100%;
}
.box_solutionArea a {
	display: block;
	text-align:left;
	cursor: pointer;
	clear:both;
	margin: 0;
	padding:0;
	width:100%;
}
.box_solutionArea ul li{ display:block; margin:0; padding:0; line-height:none;}

.box_solutionArea ul li a.toggle.solutionArea {
	margin-top:25px;


}
	
.box_solutionArea .child {
	display: none;
	margin: 0px;
	padding: 0;
	background: #fff;
	border: 1px solid #eaeaea;
	text-decoration:underline;
}
.box_solutionArea .child .solutionArea {
	display:block;
	background-color:#006666 !important;
	width:100%;
	margin: 0;
	padding:0;
}

/*.box_solutionArea .child > li {
	margin: 0 0 10px;
	padding: 6px 16px !important;
	float:left;
	display: inline-block;
	overflow:hidden;
	border-bottom:none !important;
	margin-top:0 !important;
	font-size:100%;
	width:auto;
	height:30px;
	
}.box_solutionArea .child > li a {
	margin: 0 0 10px;
	display: inline-block;
	overflow:hidden;
	width:auto;
	height:30px;
}
.box_solutionArea .child > li:last-child {
	margin: 0 0 10px;
	padding: 6px 16px !important;
	display: inline-block;
	overflow:hidden;
	float:left;
	border-bottom:none !important;
	margin-top:0 !important;
	font-size:100%;
	width:auto;
	height:30px;
}*/	
.box_solutionArea .child > li {
	/*margin: 16px 0 10px 13px !important;*/
	/*padding: 6px 16px !important;*/
	float:left;
	display: inline-block;
	overflow:hidden;
	
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd !important;
	border-right:1px solid #ddd;
	font-size:108%;
	width:196px;
	height:50px;
	background: #fff url("../img/share/arrow010.png") no-repeat 170px 18px;
}

.box_solutionArea .child.area01 > li { border-left:3px solid #689ECA; }
.box_solutionArea .child.area02 > li { border-left:3px solid #C96BDD; }
.box_solutionArea .child.area03 > li { border-left:3px solid #8BBF6C; }
.box_solutionArea .child.area04 > li { border-left:3px solid #8CED6C; }	
.box_solutionArea .child.area05 > li { border-left:3px solid #BADC01; }
.box_solutionArea .child.area06 > li { border-left:3px solid #E7F435; }
.box_solutionArea .child.area07 > li { border-left:3px solid #FE9900; }
	
.box_solutionArea .child > li a {
	/*margin: 0 0 10px;*/
	display: inline-block;
	overflow:hidden;
	width:196px;
	height:50px;
	margin: 0;
	padding: 12px 10px 12px 0;
}
.box_solutionArea .child > li:last-child {
	/*margin: 16px 0 10px 13px !important;*/
	/*padding: 6px 16px !important;*/
	display: inline-block;
	overflow:hidden;
	float:left;
	border-bottom:1px solid #ddd !important;
	/*margin-top:0 !important;*/
	font-size:108%;
	width:196px;
	height:50px;
}	
a.solutionArea{
	font-size: 120%;
	font-weight:bold;
	background: url(../img/recruit/bg_h3_2.jpg) no-repeat left top;
	border-bottom:solid 1px #9b9b9b;
	padding: 5px 5px 5px 10px;
	color:#333;
	margin:0;
}
a.solutionArea:hover{ color:#333;}

ul li span.icoRecruit {
	padding:1px 4px;
	font-size:11px;
	color:#FFFFFF;
	background-color:#FF0000;
	float:right;
	margin:0 0 0 3px;
	line-height:normal;
	overflow:hidden;
	display:inline-block;
}

.icoLink{ background-image:url(../img/recruit/icoLink.png); background-repeat:no-repeat; background-size: 16px 16px; background-position:right top; width:auto; padding-right:16px;} 


/* president */
.btn_president { width:640px; height:143px; margin:0 auto; padding:0; clear:both;
	background-image: url(../img/recruit/btn_president.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

.btn_president a{
	background-image: url(../img/recruit/btn_president.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	height:0;
	padding-top:19.21%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	display: block;
}

/* recruit_new */

.mainImg_job05 { width:100%; margin:0 auto 20px; padding:0;}
.mainImg_job05 p{
	background-image: url(../img/recruit_new/mainImg_job05.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:640px;
	height:230px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom:20px;
	font-size:0;
	line-height:0;
}
	div#main .lead01 p{
	font-size:14px;
	line-height: 1.7 !important;
	width: 90%;
}

.btn_recruit_new { width:640px; height:143px; margin:0 auto; padding:0; clear:both;
	background-image: url(../img/recruit/btn_president.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
}

.btn_recruit_new a{
	background-image: url(../img/recruit_new/btn_recruit_new.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	height:0;
	padding-top:19.21%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size:0;
	line-height:0;
	display: block;
}


	


#message {
	margin:0;
	padding: 0;
	width:100%;
	}
#message h3 {
	background: url(../img/recruit/bg_h3_2.jpg) no-repeat left top;
	margin: 10px 0 10px;
	border-bottom:solid 1px #9b9b9b;
	width:100%;
	text-align:left;
}
#message h3 span{	
	padding: 5px 5px 5px 10px;
	color: #333;
	font-size: 120%;
	display:block;
}
#main #message p {
	margin: 0 0 35px;
	text-align:left;
}

#main #message p.president_Name{ text-align:right; margin-bottom:20px;}

/* job */

.jobType {
	background: none repeat scroll 0 0 #F2F2F5;
	margin: 0 0 20px;
	overflow: hidden;
}
div#main .jobType h3 {
	margin: 0 0 20px;
}
div#main .jobType h3 a {
	color: #FFFFFF;
}
.jobImage {
	float: left;
	padding: 0 0 20px 20px;
	width: 310px;
}
.jobText {
	float: right;
	padding: 0 20px 20px 0;
	width: 268px;
}

/* flow */

#flow table th, #flow table td {
	padding: 11px 17px 9px;
	border-bottom:  10px solid #FFFFFF;
	vertical-align: top;
}
#flow table th {
	background: url(../img/recruit/bg_dot_gray.gif) repeat scroll 0 0 transparent;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;
	text-align: center;
}

/* job01 ソリューション  */

/* float ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 20px;}
.flImgR { display: inline; float: right; margin-left: 20px;}
.ftBox  { overflow: hidden; *zoom: 1; .margin:0; padding:0;}

.clear{ clear:both;}

dix#box_job01{}

#box_job01 h4{
	border-bottom: solid 1px #ABABAB;
	padding: 0 0 5px 0;
	color: #2C2C2C;
	font-size: 112%;
	text-align:left;
	font-weight:bold;
	margin: 0px;
}

.box_layout01 {
	overflow:hidden;
	display:inline-block;
	height:auto;
	margin-bottom:20px;
	width:100%;
}
.box_layout01 figure.flImgR {
	margin-top:10px;
	width: 240px;
}

.requirements_arrow{ margin-left:50px; display:block;}

.list_order01 {
	margin: 20px 0;
}
.list_order01 li {
	display: block;
}
.list_order01 li .mark, .list_order01 li .detail {
	display: block;
}
.list_order01 li .mark {
	font-size:16px;
	color: #e39600;
	font-weight: bold;
	float:left;

}
.list_order01 li .detail {
	padding-left: 2em;
}
.btn_recruitEntry{ text-align:center; width:690px;}
.btn_recruitEntry img{ width:384px; height:auto;}

.btn_recruitEntry03{ text-align:center; margin:20px auto 30px;} /*2019.01.23 追加*/
.btn_recruitEntry03 img{ width:384px; height:auto;}

.list_order02 {
	margin: 8px 0;
}

#main h3.tit_recruit_new001 {
    background-image: none;
    height: auto;
    margin: 40px 0 10px;
}

#main h3.tit_recruit_new001 img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.txtBr{
	color:#927300;
}



.btn_recruitEntry02 { text-align:center; padding:3% 1% 2%; margin: 20px auto 30px; border: 2px solid #4CABED; border-radius:4px; width:240px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);}
.btn_recruitEntry02 img{ width:200px; height: 40px; }



/* table-style
---------------------------------------------------------- */
.tableStyle01 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
}
.tableStyle01 th, .tableStyle01 td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
}
.tableStyle01 th {
	background-color: #f3f3f3;
	width:22%;
}
.tableStyle01 td {
}

.mt20{ margin-top:20px;}
.mb20{ margin-bottom:20px;}

#main .tableStyle01 p{ margin:2px auto;}

	
.tableStyle02 {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-left:auto;
	margin-right:auto;
}
.tableStyle02 th, .tableStyle02 td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px 15px;
	line-height: 1.7;
}
.tableStyle02 th {
	/*background-color: #f3f3f3;*/
	background-color: #999;
	color:#fff;
	width:22%;
	font-weight: bold;
}
table.tableStyle02 th.th_01 {
    background: #666666;
    color: #FFFFFF;
    font-weight: bold;
}

#main .tableStyle02 p{ margin:2px auto;}

/* footer
======================================================*/
.acMenu {
	margin: 0 0 50px;
}
.acMenu a {
	display: block;
	margin-top:15px;
}
.acMenu .child {
	display: block;
	margin: 0 0 -1px;
	padding: 0;
	background: #fff;
	border: 1px solid #eaeaea;
}
.acMenu .child .menu {
	background: #eaeaea;
	color: #5e5e5e;
}
.acMenu .child .menu:hover {
	background: #d0d0d0;
}
.acMenu .child > li {
	margin: 4px 0;
	padding: 0 16px;
	border-bottom: 1px dotted #dddddd;
}
.acMenu .child > li:last-child {
	border-bottom: 0;
}

.child01 {
	border: 1px solid #eaeaea;
}
.child02 {
	color: #5e5e5e;
}
.menu {
	display: block;
	position: relative;
	margin: 1px 0 0;
	padding: 10px;
}
.source {
	margin: 0;
	padding: 30px 0 0;
}
.demo03 .menu {
	background: #e36;
	color: #fff;
}
.demo03 .menu:hover {
	background: #c41041;
	text-decoration: none;
}
.demo04 .menu {
	background: #2cd;
	color: #fff;
}
.demo04 .menu:hover {
	background: #1997a4;
	text-decoration: none;
}
div#footer{
	clear:both;
	width: 100%;
	padding: 0;
	background: url(../img/share/bg_footer.jpg) repeat-x 0 top;
	text-align:center;
}

div#footer .ftNav {
	text-align:center;
	width: 950px;
	height:auto;
	padding: 15px 0;
	margin:0 auto;
	display: inline-block;
	overflow:hidden;
	background:none;
}
div#footer .ftNav ul{ 
	margin:0 auto;
	padding:0;
	height:auto;
	display: inline-block;
	overflow:hidden;
	text-align:left;
	background:none;
}
div#footer .ftNav li {
	float: left;
	width: 160px;
	display: inline-block;
	overflow:hidden;
	padding:0;
	margin:0 18px 0 0;
	font-size:11px;
	line-height:1.6em;
}


div#footer .child02 ul{
	margin:10px 0 0 0;
	padding:0;
	height:auto;
	display: inline-block;
	overflow:hidden;
}

div#footer .ftNav .child02 a{
	margin:0;
	padding: 0;
	background: url(../img/share/arrow06.gif) no-repeat scroll 0 3px transparent;
	margin:0 0 6px 2px;
	padding: 0 0 0 18px;
	text-align:left;
	display:block;
	color:#1c1c1c;	
}
div#footer .ftNav .child02 a:hover{
	background: url(../img/share/arrow06.gif) no-repeat scroll 0 3px transparent;
	margin:0 0 6px 2px;
	padding: 0 0 0 18px;
	text-align:left;
	display:block;
	color:#937500;
}
.menu2 {
	display: block;
	position: relative;
	margin: 0;
	border-bottom:1px solid #B7B7B7;
	padding: 0 0 5px 0;
	background:none;
	background-color:transparent;
	margin-top:10px;
	margin-bottom:10px;
}
.ftNav .menu2 {
	color:#333333;
	font-size:13px;
}
.ftNav .menu2:hover {
	color:#333333;
	text-decoration: none;
}

#footer_info {
	clear: both;
	width: 100%;
	zoom: 1;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color:#333333;
}

#ft_adress {
	width: 950px;
	margin: 0 auto;
	text-align: center;
	color: #F2F2F2;
	padding: 5px 0 20px;
	font-size:12px;
	line-height:1.6em;
}
#ft_adress a{ color:#FFF;}

#ft_adress img {
	width:190px;
}
div#footer dl dt {
	padding: 10px 0;
}
div#footer dd {
	padding: 0 0 5px;
}
#sideInfo{ display:none;}
}


#footer_cominfo {
	border-top:solid #cecece 1px;
	clear: both;
	width: 100%;
	zoom: 1;
	margin:0 auto;
	padding:30px 0 15px;
	text-align: center;
	display:inline-block;
	overflow:hidden;
	background-color:#fbfbfb;
}
.ft_cominfo_box{
	float:left;
	width:80%;
	text-align:left;
	padding:0 0 0 2%;
}
.ft_cominfo_box p{ line-height:1.2em; color:#696969; font-size:10px; padding-right:10px;}
.ft_logo{ width:160px; margin-bottom:10px;}

.pmark{
	width:20%;
	height:auto;
	margin:0 auto 0;
	padding:0 2% 0 0;
	text-align:right;
	float:right;
}
#footer_cominfo .pmark a{ text-align:right !important; margin:0; padding:0;}
.pmark img{
	width:50px;
	text-align:right;
}


@media (min-width: 801px) {
	#footer_cominfo {
		border-top:solid #cecece 1px;
		clear: both;
		width: 100%;
		zoom: 1;
		margin:0 auto;
		padding:30px 0 0;
		text-align: center;
		display:inline-block;
		overflow:hidden;
		background-color:#FFF;
	}
	.ft_cominfo_box{
		float:left;
		width:50%;
		text-align:left;
	}
	.ft_cominfo_box p{ line-height:1.2em; color:#696969; font-size:11px;}
	.ft_logo{ width:190px; margin-bottom:8px;}
	.pmark{
		width:40%;
		height:auto;
		margin:0 auto 0;
		text-align:right;
		float:right;
	}
	.pmark img{
		width:70px;
	}
}


.txtBold{
	font-weight:bold;
}
.txtRed{
	color:#bd000e;
}

.txtBlue{
	color: #286D9B;
}

.txtGr{
	color:#01934A;
}
.txtGr02 {
	color:#258A57;
}

.txtGray{
	color:#999;
}

.txtOrange{
	color:#FF7A4D;
}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb03 { margin-bottom: 3px !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}

.sec_servicelist {
	margin: 20px -0px 20px 0;
	zoom: 1;
}
.sec_servicelist:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sec_servicelist dl {
	float: left;
	margin: 0;
	width: 160px;
	min-height:150px;
}
.sec_servicelist dl dd {
	margin: 7px auto;
	line-height:1.2em;
}
.sec_servicelist dl dt img{ border:solid 1px #CCCCCC; padding:4px; max-width:143px;}
.sec_servicelist dl dt, .sec_servicelist dl dd {
	font-size:11px;
	text-align:center;
}
.sec_servicelist dl a{
	line-height:1.2em;
	color:#666;
}
.sec_servicelist dl a:hover{
	text-decoration:underline;
}
.sec_servicelist dl a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
}

/* 共通
======================================================*/
/* 見出し */

div#main .h2Box:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div#main .h2Box {
	background: url(../img/share/bg_h2.gif) repeat-x left bottom;
	padding-bottom: 15px;
	margin-bottom: 25px;
	zoom: 1
}

div#main .h2Box h2{
	float: left;
	margin: 0;
	width:440px;
}

div#main .h2Box .btn_site{
	float: right;
}
.mds{
	padding-bottom: 7px;
	zoom: 1;
	
}
.mds img{ max-width:555px;}
.btn_site  img{
	max-width:188px;
}
.box_layout02 {
	overflow:hidden;
	display:inline-block;
	height:auto;
	margin-bottom:20px;
	width:100%;
}
.box_layout02 figure.flImgR {
	margin-top:10px;
	width: 260px;
}

.btn_service_site{
	text-align:center;
	height:auto;
	display:inline-block;
	overflow:hidden;
	background-color:#fffafa;
	width:100%;
	padding-top:10px;
}
.btn_service_site a{
	display:inline-block;
	cursor:pointer;
	margin-bottom:10px;
	font-size: 14px;
	color: #050505;
	padding: 10px 40px 15px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 0px 0px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
.btn_service_site a:after {
	content: url(../img/service/icon_weblink.png);
	width:18px;
	height:18px;
	position:relative;
	top:5px;
	margin-left:10px;
}
.btn_service_site a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
}

/* 2019.01.22追加 */

.btn_service_site02{
	/*text-align:center;*/
	text-align:center !important;
	height:auto;
	display:inline-block;
	overflow:hidden;
	/*background-color:#fffafa;*/
	width:100%;
	padding-top:10px;
}
.btn_service_site02 a{
	display:inline-block;
	cursor:pointer;
	margin-bottom:10px;
	font-size: 14px;
	color: #050505;
	padding: 5px 40px 7px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 0px 0px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 0px 0px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	box-shadow:
		0px 0px 0px rgba(255,255,255,0.5),
		inset 0px 0px 2px rgba(255,255,255,1);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}
.btn_service_site02 a:after {
	content: url(../img/service/icon_weblink.png);
	width:18px;
	height:18px;
	position:relative;
	top:5px;
	margin-left:10px;
}
.btn_service_site02 a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
}

.w90{ width:90%;}
.w80{ width:80%;}
.w70{ width:70%;}
.w60{ width:60%;}
.w50{ width:50%;}
.w40{ width:40%;}

.box_025810app{
	margin:0 auto 40px;
	padding-top:30px;
	background-image:url(../img/service/bg_app01.png);
	background-repeat:no-repeat;
	width:630px;
	height:200px;

}
div#main .box_025810app h2{
	margin:0;
	padding:0;
	width:56%;
	display:block;

}
div#main .box_025810app p{	width:56%; font-size:16px; text-align:center; margin:5px 0 0; padding:0;}
div#main .box_025810app ul li a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
}
div#main .pic025810app_sp{
	display:none;
}

.appbtn_area{
	margin:0 0 0 15px;
}

.appbtn_area ul {
    list-style-type: none;
    padding-left: 0;
	margin-left:0;
}
.appbtn_area li {
   	width: 170px;
    height: auto;
   	padding: 5px;
   	margin: 5px;
}
.appbtn_area li img{ width:170px;}
.table-cell {
   	display: table;
   	margin: auto;
}
.table-cell li {
    display: table-cell;
	font-size:10px;
	text-align:center;
}

div#main h4.tit_merit{
	border:none;
	margin-bottom:10px;
}

#service_feature{
	margin:0px auto 20px;
	padding:0;
}
#service_feature ol{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:0.5em 0.5em 1em 0em;
}

#service_feature ol li{
	position: relative;
	line-height: 1.6em;
	padding: 0.7em 1em 0.5em 40px;
	text-align:left;
	border-bottom:dotted 1px #666666;
	margin-bottom:5px;
}

#service_feature ol li:before{
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*数字のデザイン変える*/
	display:inline-block;
	background: #cd5c5c;
	color: white;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align:center;
	/*以下上下中央寄せのため*/
	top: 50%;
	-moz-transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
}

/* company
======================================================*/
.gaikan{ width:167px; height:auto; float:right;}
.pic_comp_tel{ width:245px; height:auto;}

.tbl_compny, .tbl_compny02 {
	border-collapse: collapse;
	border-spacing: 0;
	text-align:left;
}
.tbl_compny, .tbl_compny02 {
	margin: 0 auto 15px;
}
.tbl_compny th{
	width: 140px;
}

.tbl_compny th,
.tbl_compny td{
	padding: 11px 17px 9px;
	border-bottom:  1px solid #6E6955;
	vertical-align: top;
}
.tbl_compny iframe{
	width:98%;
	height:350px;
}

.tbl_compny02 th,
.tbl_compny02 td{
	padding: 7px 8px 0;
	border:  1px solid #ABABAB;
	vertical-align: top;
}
.tbl_compny02 th{
	background: #666666;
	color: #FFFFFF;
	font-weight: bold;
}
.tbl_compny02 .item{
	background:none repeat scroll 0 0 #F1F1F1;
	border:1px solid #CCCCCC;
	white-space:nowrap;
	width:6%;
	font-weight: bold;
}
.imgBox {
	width: 167px;
	float: right;
	margin-top: 7px;
}

.company_btn_area{
	margin:0;
	padding:0 5px;
}

.company_btn_area ul {
	list-style-type: none;
	padding-left: 0;
	margin-left:0;
	width:100%;
	display:inline-block;
	overflow:hidden;
	height:auto;
}
.company_btn_area li {
	display: inline-block;
	width:50%;
	float:left;
}

.company_btn_area li a {
	background: #1A4562;
	color: #FFFFFF;
	margin:0 10px;
	display:block;
	line-height:3em;
	text-align:center;
}
.company_btn_area li a:hover {
	background: #76992D;
}


.history_inner{
	width: 100%;
	text-align:left;
}

.history_inner ul{ 
	margin:2px 0 0 0;
	padding:0;
	display:inline-block;
	overflow:hidden;
	height:auto;
	width:100%;
	text-align:left;
	line-height:1.4em;
}
.history_inner ul li{
	padding:0;
	display: table;
	width:100%;
	text-align:left;
}

.history_inner ul li p{
	color: #333;
	text-decoration:none;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	line-height: normal;
	width:92%;
	margin:0;
	padding:0;
}

.history_inner ul li span {
	line-height: normal;
	display: table-cell;
	vertical-align: top;
	text-align:left;
	padding-right:10px;
	font-weight: bold;
	color: #999;
	text-align:right;
}

/* privacy
======================================================*/
.tbl_privacy{ margin: 0 auto 30px;}
.tbl_privacy table {
	margin: 0 auto 15px;
	width:100%;
}
.tbl_privacy th,
.tbl_privacy td{
	padding: 7px 12px 5px;
	border:  1px solid #ABABAB;
	vertical-align: top;
}
.tbl_privacy th{
	background: #666666;
	color: #FFFFFF;
	font-weight: bold;
}

/* list style
======================================================*/
.listStyle01 li{
	padding: 0 0 0px 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #ABABAB;
	background: url(../img/share/ico01.gif) no-repeat 0 10px;
	text-align:left;
}

/* news
======================================================*/
h4.news02_tit{
	font-size:17px;
	text-align:center;
	line-height: 1.8em;
}
p.news02_txt{ text-indent:1em;}

ul.news02 {
	margin:0 auto 20px;
	padding:0;
	display:block;
	height:auto;
}

ul.news02 li {
    margin: 0 auto 0;
    padding: 10px 10px;
}
ul.news02 li+li{
    border-top: 1px dotted #ABABAB;
}
ul.news02 h5{
	margin:0;
	padding:0;
	line-height:normal;
}
div#main ul.news02 li p{ margin:5px auto 0; padding:0 18px;}

h4.news02_tit2{
	font-size:13px;
	text-align:left;
	background:#e2e2e2;
	border:1px solid #cccccc;
	display:block;
}
h4.news02_tit2 span{
	line-height:1em;
	padding:12px 0 5px 16px;
	display:block;
}
h4.news02_tit3{
	font-size:13px;
	text-align:left;
	background:#f0f0f0;
	padding:3px 20px 0; 
	border:1px solid #ababab;
	line-height:2em;
	width:30%;
	text-align:center;
}

.icopdf a{
	padding: 0 0 2px 25px;
	margin-bottom: 10px;
	background: url(../img/download/ico_pdf.jpg) no-repeat 5px 1px;
	display: block;
}
.btn_newstop{
	text-align:right;
}
.btn_newstop img{
	width:163px;
	height:32px;
}
.newslist_inner{ 
	margin:2px 0 0 0;
	padding:0;
	display:inline-block;
	overflow:hidden;
	height:auto;
	width:100%;
	text-align:left;
	line-height:1.4em;
}
.newslist_inner li{
	padding:0 0 5px 20px;
	display: table;
	width:100%;
	text-align:left;
	margin-bottom:10px;
	border-bottom:dotted 1px #999999;
	line-height:1.2em;
}

.newslist_inner li p{
	color: #333;
	text-decoration:none;
	display: table-cell;
	vertical-align: middle;
	text-align:left;
	line-height: normal;
	width:92%;
	margin:0;
	padding:0;
}

.newslist_inner li span {
	line-height: normal;
	display: table-cell;
	vertical-align: top;
	text-align:left;
	padding-right:15px;
	padding-left:0px;
	text-align:right;
	position: relative;
	font-weight:bold;
	font-size:86%;
}
.newslist_inner li span:before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: #666;
	border-radius: 100%;
}

#main h3.tit_recruit_new001 {
    background-image: none;
	border:none;
    height: auto;
    margin: 40px 0 10px;
}

#main h3.tit_recruit_new001 img {
    height: auto;
    margin: 0;
    padding: 0;
    width: 100%;
}
.txtBr{
	color:#927300;
}
.p_01 {
	font-size:13px;
}
div#main p.p_02 {
	margin: 20px 0 5px;
}
.p_03 {
	font-size:14px;
	text-align: center;
	margin: 0 auto 30px;
}

@media (min-width: 980px) {
div#main p.p_04 {
	text-align: center !important;
	margin: 25px auto 10px;
	width: 466px;
	height: 96px;

}
.p_04 img {
	width: 456px;
	height: 86px;
}
}
div#main p.p_04 {
	border: 1px solid #C4B752;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
	padding: 4px;
}
.fs-style01{ font-size:9px;}
@media (min-width: 800px) {
	/*  パソコン表示  */
	.fs-style01{
		font-size:10px;
	}
}
.photo-swdos{ width:100%; padding-top:10px; padding-bottom:10px; text-align:center;}
@media (min-width: 768px) {
	.photo-swdos{ width:100%; margin:auto; text-align:center;}
}

img.imgStyle_news1{
	width:100%;
	max-width:392px;
}

@media (max-width: 700px) {
	/* button page-top
	---------------------------------------------------------- */
	.l-footer__pageTop {
		position: fixed;
		bottom: 10px;
		right: 10px;
		z-index: 1000;
	}
	.l-footer__pageTop a{
		display:block;
		width:40px;
		height:41px;
		background: url(../img/share/btn_pageTop1_sp.png) no-repeat 0 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size:0;
		line-height:0;
	}
	.l-footer__pageTop a:hover {
		background: url(../img/share/btn_pageTop1_sp.png) no-repeat 0 -41px;
		float:right;
	}
}
@media (min-width: 701px) {
	.l-footer__pageTop {
		position: fixed;
		bottom: 20px;
		right: 20px;
		z-index: 1000;
	}
	.l-footer__pageTop a{
		display:block;
		width:80px;
		height:81px;
		background: url(../img/share/btn_pagetop1.png) no-repeat 0 0;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size:0;
		line-height:0;
	}
	.l-footer__pageTop a:hover {
		background: url(../img/share/btn_pagetop1.png) no-repeat 0 -81px;
		float:right;
	}
}


/* 2019.01.18追加 トップページ サービス一覧メニュー 
==============================================*/

/* スマホ表示  */
@media (max-width: 480px) {
	.fs-style02 {
	font-size:12px;
	}
	.fs-style03 {
	font-size:10px;
	}
}


/* リスト */
.ulStyle01 {
    	padding:0px;
    	margin:0px;
	text-align: left;
    }
.ulStyle01 li{
    	padding:0 0 10px 10px;
    	margin:0px;
    }   
.ulStyle01 li{
    	list-style-type:none !important;
    	list-style-image:none !important;
    	margin: 5px 0px 5px 0px !important;
    }
     
.list001 li{
    	position:relative;
    	padding-left:20px;
    }
.list001 li:before{
    	content:''; 
    	height:0px; 
    	width: 100%;
    	display:block; 
    	position:absolute; 
    	top:18px; 
    	left:0px; 
    	border-bottom: dotted 1px #666666;
		padding-bottom:10px;
    }
.list001 li:after{
    	content:'';
    	display:block; 
    	position:absolute; 
    	background:#cd5c5c;
    	width:8px;
    	height:8px; 
    	top:7px; 
    	left:5px; 
    	border-radius: 8px;
    }






.p_05 {
    margin:20px auto !important;
	text-align: center;
	max-width: 450px;
    }

.strong01 {
    color: #bd000e;
	font-weight: bold;
	font-size:120%;
	padding-left: 4px;
	padding-right: 4px;
    }

.shoulder01 {
	font-size: 90%;
	font-weight: normal;
}

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


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

/* 2018.012.01採用ページ*/

@media screen and (max-width:767px){
	.h2_01 {
	font-size: 220%;
	font-weight: bold;
	background: url(../img/recruit/line_h2_01.gif) repeat-x left bottom;
	padding-bottom: 16px;
	color: #333;
}
}

/*リード*/
ul.ulStyle02 {
    margin: 0 auto;
    text-align: left;
    padding: 16px 20px 2px;
    background: #fff;
    border: 6px solid #F2F2F2;
}
.ulStyle02 li {
    background: url(../img/share/ico_check01.png) no-repeat left top;
    padding: 4px 0 4px 28px;
    font-size: 15px;
    border-bottom: 1px dashed #B3B3B3;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

/*タイトル*/
.h2_01 {
    font-size: 380%;
    font-weight: bold;
    background: url(../img/recruit/line_h2_01.gif) repeat-x left bottom;
    padding-bottom: 16px;
    color: #333;
}

@media screen and (max-width:767px){
	.h2_01 {
	font-size: 220%;
	font-weight: bold;
	background: url(../img/recruit/line_h2_01.gif) repeat-x left bottom;
	padding-bottom: 16px;
	color: #333;
}
}

/* 営業トップページ */
@media (min-width: 980px) {
.box_solutionArea .child {
    background: #eee;
	padding: 8px;
}
	
.box_solutionArea .child:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.box_solutionArea .child li {
	margin: 8px 5px 4px 5px;
	padding: 0px;
}
	
.box_solutionArea .child li a {
	padding: 12px 10px 12px 18px;
}
	
/*ul.inner.child.child li a:hover {
	padding: 12px 10px 12px 18px;
	background: #ddd url("../img/share/arrow010.png") no-repeat 170px 18px;
}*/

/*ul.inner.child.child.area01 li a:hover { padding: 12px 10px 12px 18px; background: #689ECA url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
ul.inner.child.child.area02 li a:hover { padding: 12px 10px 12px 18px; background: #C96BDD url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
ul.inner.child.child.area03 li a:hover { padding: 12px 10px 12px 18px; background: #8BBF6C url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
ul.inner.child.child.area04 li a:hover { padding: 12px 10px 12px 18px; background: #8CED6C url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
ul.inner.child.child.area05 li a:hover { padding: 12px 10px 12px 18px; background: #BADC01 url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
ul.inner.child.child.area06 li a:hover { padding: 12px 10px 12px 18px; background: #E7F435 url("../img/share/arrow010.png") no-repeat 170px 18px; }
ul.inner.child.child.area07 li a:hover { padding: 12px 10px 12px 18px; background: #FE9900 url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }*/

.box_solutionArea .child.area01 li a:hover { padding: 12px 10px 12px 18px; background: #689ECA url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
.box_solutionArea .child.area02 li a:hover { padding: 12px 10px 12px 18px; background: #C96BDD url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
.box_solutionArea .child.area03 li a:hover { padding: 12px 10px 12px 18px; background: #8BBF6C url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
.box_solutionArea .child.area04 li a:hover { padding: 12px 10px 12px 18px; background: #8CED6C url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
.box_solutionArea .child.area05 li a:hover { padding: 12px 10px 12px 18px; background: #BADC01 url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
.box_solutionArea .child.area06 li a:hover { padding: 12px 10px 12px 18px; background: #E7F435 url("../img/share/arrow010.png") no-repeat 170px 18px; }
.box_solutionArea .child.area07 li a:hover { padding: 12px 10px 12px 18px; background: #FE9900 url("../img/share/arrow010.png") no-repeat 170px 18px; color:#fff; }
}


.txt95 { font-size: 95%!important }
.txt90 { font-size: 90%!important }
.txt85 { font-size: 85%!important }


@media (min-width: 980px) {
.txtnote{
	font-size: 95%!important;
}
}


/* !Base Fonts -------------------------------------------------------------- */
.fwN { font-weight: normal!important;}
.fwB { font-weight: bold!important;}
.fzSS  { font-size:  72%!important;}/* base 14px -> 10px */
.fzS   { font-size:  86%!important;}/* base 14px -> 12px */
.fzM   { font-size: 100% !important;}
.fzL   { font-size: 115%!important;}/* base 14px -> 16px */
.fzLL  { font-size: 129%!important;}/* base 14px -> 18px */
.fzLLL { font-size: 143%!important;}/* base 14px -> 20px */
.fz28px { font-size:28px;}



/* 2019.09.12 ニュース セミナーページ追加
======================================================*/

/* リードコピー */
.lead_seminar{
	font-size: 15px;
	background: #F2F2F2;
	padding: 10px 30px 10px;
}

/* 見出し*/
div#main h2.h2_02 {
    margin: 10px 0 0;
}

#main h3.tit_seminar {
	border-bottom: none;
}

@media screen and (min-width: 980px)  {
#main h3.tit_seminar {
	background: none;
	margin: 0;
	height: 138px;
}
}

#main h4.tit_seminar02 {
	text-align: center;
	margin: 60px auto 10px;
	font-size: 24px;
	color: #0B3F6F;
	line-height: 1.3;
}

#main h4.tit_seminar03 {
    text-align: center;
	margin: 10px auto 8px !important;
	font-size: 20px;
	color: #0B3F6F;
	line-height: 1.3;
	padding-bottom: 2px;
}

/* ボタン */
.btn-flat-simple {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 1.0em 3em 0.8em;
	text-decoration: none;
	color: #fff !important;
	background: #F5A21B url(../img/share/ico_arrow01.png) no-repeat 96% center;
	background-size: 4%;
	transition: .4s;
	font-size: 18px;
	border-radius: 3px;
}

.btn-flat-simple:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
}

div#main p.btn_seminar {
	text-align: center;
	margin: 30px auto 16px;
}


.linethrough{
	text-decoration: line-through;
	color: #888;
}

#box_job01 h4.h4_02 {
    padding: 0 0 2px 0;
	margin: 15px 0 0 0;
}



/* 2019.10.08 ニュース 第1回 関西物流展
======================================================*/
div#main p.p_06 {
	text-align: center;
	margin: 30px auto 30px;
}
@media (min-width: 981px) {
	div#main p.p_06 {
	width: 40%;
}
	}
@media (max-width: 980px) {
	div#main p.p_06 {
	width: 70%;
}
	}

dl.dlStyle05 {
	margin: 20px 0;
	line-height: 1.8;
	text-align: left;
}
dl.dlStyle05 dt {
	font-weight: bold;
}
dl.dlStyle05 dd {
	background: url("../img/share/ico01.gif") no-repeat left center;
	padding-left: 12px;
}

div#main p.p_07 {
	text-align: center;
	margin: 0 auto 40px;
}
@media (min-width: 981px) {
	div#main p.p_07 {
	width: 234px;
		height:50px;
}
}@media (max-width: 980px) {
	div#main p.p_07 {
	width: 90%;
	
}
	}

#news_column01 {
    background: #f3f3f3;
    padding: 4px 10px;
    text-align: center;
    margin: 20px auto 40px;
    border: 1px solid #ccc;
}

td.td_01 {
    background: #F4F4F4;
	color: #777;
	padding: 8px 15px 4px;
	line-height: 1.56;
}
td.td_02 {
    background: #F3F3F3;
	color: #777;
	padding: 8px 15px 4px;
	line-height: 1.56;
}


td.td_01 a ,td.td_02 a {
	color: #888;
}

@media (min-width: 981px) {
	div#main p.p_08 {
	/*width: 90%;*/
	text-align: center;
	margin: 0 auto;
}
}



ul.ulStyle07 {
    margin: 0 auto 20px;
    text-align: left;
    padding: 10px 24px 6px;
    background: #F2F2F2;
	/*width: 90%;*/
}
.ulStyle07 li {
    background: url(../img/share/ico_square.gif) no-repeat left 0.5em;
    padding: 4px 0 4px 14px;
    margin: 0 0 0 0;
    line-height: 1.3;
}
.ulStyle04 {
    margin-top: 6px;
	line-height: 1.6;
}
.ulStyle04 li {
    background: url(../img/share/ico01.gif) no-repeat left 0.6em;
    padding: 2px 0 2px 12px;
    font-size: 13px;
    border-bottom: none;
    margin: 0 0 0 0;
}

.p_09 {
    font-size:14px;
	text-align: center !important;
	margin: 0 auto 20px !important;
}

div#main p.p_010 {
    background: url(../img/share/ico01.gif) no-repeat left 0.6em;
    padding: 2px 0 0 14px;
    font-size: 13px;
    border-bottom: none;
    margin: 0 0 0 12px;
}

div#main p.p_011 {
    font-size: 16px;
    font-weight: bold;
    margin: 50px 0 4px 0;
}



/* 22019.11.11 名古屋・大阪セミナー報告ページ
======================================================*/
#main h4.h4_01  {
	border-bottom: none;
	border-left: none;
	color:#005879;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 5px;
	margin-top: 20px;
	padding: 0 0 0 8px;
}
/* ふきだし */
@media  (max-width: 800px) {
.balloon , .balloon_003{
	position: relative;
	padding: 2px 20px;
	background-color: #E5EEF1;
	border: 2px solid #7FABBC;
	margin: 0.5em 20px;
	min-width: 120px;
	max-width: 100%;
	font-size: 13px;
	line-height: 1.6;
	border-radius: 4px;
}
}
@media (min-width: 801px) {
.balloon , .balloon_003{
	position: relative;
	padding: 2px 20px;
	background-color: #E5EEF1;
	border: 2px solid #7FABBC;
	margin: 0.5em 40px;
	min-width: 120px;
	max-width: 100%;
	font-size: 13px;
	line-height: 1.6;
	border-radius: 4px;
}
}

.balloon::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -15px;
  border-top: 15px solid #7FABBC;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.balloon::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 20px;
  bottom: -12px;
  border-top: 15px solid #E0EBEF;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}


.balloon_003::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 20px;
  bottom: -15px;
  border-top: 15px solid #7FABBC;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}
.balloon_003::after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 20px;
  bottom: -12px;
  border-top: 15px solid #E0EBEF;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}


.balloon1_02 {
  position: relative;
  display: inline-block;
  margin: 0.2em 40px;
  padding: 6px 20px;
  min-width: 120px;
  max-width: 100%;
  color: #000;
  font-size: 14px;
  line-height: 1.7;
  background: #E0EBEF;
	border-radius: 4px;
}

.balloon1_02:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 10%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #E0EBEF;
}

.balloon1_02 p {
  margin: 0;
  padding: 0;
}


.li_01 {
	border-top: 1px solid #ccc;
	margin-top: 10px !important;
	padding-top: 10px !important;
}

.ulStyle07 li.li_01 {
    background: url(../img/share/ico_square.gif) no-repeat left 0.9em !important;
}

div#main p.caption01 {
	text-align: right;
	margin-top:3px;
}


/* ボタン */
.btn-flat-simple02 {
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.8em 2.0em 0.8em 1.6em;
	text-decoration: none;
	color: #fff !important;
	background: #005879 url(../img/share/ico_arrow01.png) no-repeat 96% center;
	background-size: 3%;
	transition: .4s;
	font-size: 15px;
	border-radius: 3px;
}

.btn-flat-simple02:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	 -ms-filter: "alpha(opacity=70)";
}



/* 2019.12.13 説明会ページ作成（人材紹介ビジネス参入・導入）
======================================================*/
/* 説明会ページのフォントサイズ */
body.apply {
        font-size: 14px;
}

.h2_03 {
    font-weight: bold;
    background: url(../img/recruit/line_h2_01.gif) repeat-x left bottom;
    padding-bottom: 8px;
    color: #333;
    line-height: 1.3;
	text-align: center;
}

@media (min-width: 801px) {
.h2_03 {
    font-size: 330%;
}
}

@media (max-width: 800px) {
.h2_03 {
    font-size: 160%;
}
}

.p_012{
    text-align: center !important;
	margin: 0 auto 20px !important;
}


@media (min-width: 801px) {
.p_012{
	width: 410px;
}
}

ul.ulStyle08 {
    text-align: left;
	margin-left:10px; 
	line-height: 1.7;
}
/*@media (max-width: 480px) {
ul.ulStyle08 {
    font-size: 116%;
}
	}*/

@media (min-width: 801px) {
ul.ulStyle08 {
    font-size: 15px;
}
	}

ul.ulStyle08 li::before {
    position: relative;
    top: -2px;
    left: -4px;
    display: inline-block;
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 100%;
    background: #286D9B;
}

.dlStyle06 {
    line-height: 1.4;
	margin-bottom: 15px;
}

.dlStyle06 dt {
    font-weight: bold;
}

.dlStyle06 dd {
    margin-left: 10px;
}
.dlStyle06 dd.dd_01 {
    margin-bottom: 3px;
}

/* 説明会「AM」 */
.tag_am {
    margin: 0 0.1em 0.25em 0;
    background-color: #4883AA;
    display: inline-block;
    padding: .25em .5em .1em;
    font-size: 86%;
    /*font-weight: 700;*/
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .1rem;
}

.tag_am02 {
    margin: 0 0.1em 0.25em 0;
    background-color: #ccc;
	display: inline-block;
	padding: .25em .5em .1em;
	font-size: 86%;
	font-weight: 700;
	line-height: 1;
	color:#fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: .1rem;
}

/* トップページ ニュース・2行になる場合 */
@media (min-width: 480px) {
.lineheight01  {
    line-height: 1.6 !important;
}
}




@media (min-width: 980px)  {
img.img_report01  {
    width: 86%;
}
img.img_report02  {
    width: 215px;
	text-align: center;
	margin: 0 auto;
}
}
@media (max-width: 979px)  {
img.img_report01  {
    width: 100%;
}
}

.ulStyle09 li  {
	background: url(../img/share/ico03.gif) no-repeat left 0.5em;
    padding: 2px 0 0 10px;
	margin-left: 10px;
	line-height: 1.5;
}

.seminar_detail{
	width: 100%;
	background: #eee;
	padding: 10px;
}
@media (min-width: 980px)  {
.seminar_detail{
	padding: 10px 40px;
}
.seminar_detail:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.dlStyle07.dl_L  {
	width: 50%;
	float: left;
}
.dlStyle07.dl_R  {
	width: 40%;
	float: right;
	margin-left: 10%;
}
.img_banner01  {
	width: 215px;
	text-align: center !important;
	margin: 0 auto;
}	
}

.dlStyle07 dt {
    background: url(../img/share/ico_square.gif) no-repeat left 0.5em;
	border-bottom: 1px solid #ccc;
    padding: 4px 0 4px 14px;
    margin: 0 0 5px 0;
    line-height: 1.4;
	text-align: left;
}
.dlStyle07 dd {
    background: url(../img/share/ico01.gif) no-repeat left 0.6em;
    padding: 2px 0 2px 12px;
    border-bottom: none;
    margin: 0 0 0 6px;
	line-height: 1.3;
	text-align: left;
}
@media (max-width: 979px)  {
.dlStyle07 dd.dd_last {
    margin-bottom: 10px;
}
.dlStyle07 {
    font-size:116%;
}
}

.ulStyle010 {
     margin: 0 0 30px 0;
	text-align: left;
}
.ulStyle010 li {
     background: url("../img/share/ico01.gif") no-repeat left center;
    padding-left: 12px;
}


/* 2020.03.24追加 説明会報告ページ作成（人材紹介ビジネス参入）
======================================================*/
.introduction {
    margin: 20px auto 10px;
    text-align: left;
    padding: 10px 10px 6px;
    background: #fff;
    border: 6px solid #F2F2F2;
}

.p_013 {
    margin: 0 0 5px 0 !important;
}

.p_014 {
    padding: 10px 0 0;
    margin: 13px 0 5px 10px !important;
    line-height: 1.4;
	border-top:  1px dashed #ccc;
}

.p_015 {
    /*background: url(../img/share/ico_q01.png) no-repeat left 0.3em;*/
    padding: 4px 0 6px 0px;
    margin: 15px 8px 12px 0 !important;
    line-height: 1.4;
	border-bottom:  1px dashed #ccc;
}

.ulStyle011 li.li_02 {
    background: url(../img/share/ico_square.gif) no-repeat left center;
    padding: 2px 0 2px 16px;
    /*border-bottom: none !important;*/
    margin: 0 10px 2px 10px;
    line-height: 1.3;
	font-size: 116%;
}

.ulStyle011 li.li_03 {
    background: none;
    padding: 2px 0 2px 0; 
    margin: 0 10px 2px 4px;
    line-height: 1.3;
	font-size: 116%;
}

@media (min-width: 980px)  {
.introduction {
    padding: 10px 30px 6px;
}
.p_014 {
    font-size: 14px;
	clear: both;
}
.p_015 {
    margin: 0 15px 10px 10px !important;
	font-size: 14px;
}
.ulStyle011 {
    width: 300px;
	padding-bottom: 20px;
	height: 65px;
}
	
.ulStyle011 li.li_02 {
    margin: 0 10px 2px 24px;
	font-size: 13px;
	float: left;
}
.ulStyle011 li.li_03 {
    margin: 0 10px 4px 10px;
	padding: 2px 0 2px 12px;
	font-size: 13px;
}
}	

.ulStyle012 {
    margin-left:15px;
	text-align: left;
 } 
.ulStyle012 li {
    background: url(../img/share/ico04.gif) no-repeat left 0.5em;
    padding: 4px 0 4px 16px;
    margin: 0 0 0 0;
    line-height: 1.3;
}

.ulStyle012.ul_web02 li { background: url(../img/share/ico05.gif) no-repeat left 0.5em; padding: 4px 0 4px 16px; }
.ulStyle012.ul_live02 li{ background: url(../img/share/ico06.gif) no-repeat left 0.5em; padding: 4px 0 4px 16px; }  
.ulStyle012.ul_bpo02 li { background: url(../img/share/ico07.gif) no-repeat left 0.5em; padding: 4px 0 4px 16px; }   


/*ul.ulStyle013 {
    margin: 0 auto;
    text-align: left;
    padding: 16px 40px 2px;
    background: #fff;
    border: 6px solid #F2F2F2;
}*/

.seminar_content {
    margin: 0 auto;
    text-align: left;
    padding: 16px 10px 8px;
    background: #fff;
    border: 6px solid #F2F2F2;
	display: flex;
}
ul.ulStyle013 {
    width: 48%;
	margin: 0 26px;
}
.ulStyle013 li {
    /*background: url(../img/share/ico_check01.png) no-repeat left top;
    padding: 4px 0 4px 28px;*/
    font-size: 14px;
    border-bottom: 1px dashed #ccc;
    margin: 0 0 10px 0;
    line-height: 1.4;
}

.ulStyle013.ul_web li { background: url(../img/share/ico_check02.png) no-repeat left top; padding: 4px 0 4px 28px; }
.ulStyle013.ul_live li { background: url(../img/share/ico_check03.png) no-repeat left top; padding: 4px 0 4px 28px; }    
.ulStyle013.ul_bpo li { background: url(../img/share/ico_check02.png) no-repeat left top; padding: 4px 0 4px 28px; }   



@media (max-width: 601px) {
.seminar_content {
	display: block;
	width: 100%;
	padding: 16px 20px 2px;
}
ul.ulStyle013 {
    width: 100%;
	margin: 0 0px;
}
}

div#main p.p_016 {
	margin: 20px auto 0;
	text-align: center;
	width: 90%;
}
@media (min-width: 770px) {
div#main p.p_016 {
    width: 60%;
}
}
div#main p.p_017 {
    width: 90%;
	margin: 20px auto 30px;
	text-align: center;
}

/* 一覧 */
.seminar_detail02 {
    background: #fff;
    padding: 10px 18px 12px;
    box-shadow: 0px 2px 10px 0px rgba(0,0,0,.05);
    margin: 0 auto 20px;
    text-align: left;
	position: relative;
}
.date01 {
    border-bottom: 1px solid #ccc;
/*	border-left: 4px solid #258A57;*/
	margin: 4px 0 10px !important;
	padding: 2px 0 2px 8px;
	line-height: 1.2;
	font-size: 15px;
}

.date01 {
    border-bottom: 1px solid #ccc;
/*	border-left: 4px solid #258A57;*/
	margin: 4px 0 10px !important;
	padding: 2px 0 2px 8px;
	line-height: 1.2;
	font-size: 15px;
}


.date01.seminar_biz { border-left: 3px solid #258A57; }
.date01.seminar_service { border-left: 3px solid #FF7A4D; }
.date01.seminar_bpo { border-left: 3px solid #3A8CB1; }


.seminar_txt{
	width: 70%;
}


.tit_seminar04{
    font-size:22px !important;
    margin: 0 0 30px !important;
	line-height: 1.5 !important;
}

span.tit_seminar06{
    font-size:12px;
	line-height: 1 !important;
	border:solid 1px #BEAC66;
	color:#9D8A42;
	display: inline;
	padding: .3em .6em;
	max-width:80px;
	text-align:center !important;
	margin-left:1em;
}




div#main p.tit_seminar05 {
 font-size: 14px !important;
	margin: 0 0 4px 0 !important;
}

.btn_seminar02 a {
/*background-color: #555;*/
border: medium none;
color: #FFFFFF !important;
cursor: pointer;
padding: 6px 30px;
margin: 0 auto;
background: #555 url(../img/share/ico_arrow03.png) no-repeat 93% center;
background-size: auto;
background-size: 0.5em;
 }

.btn_seminar02 a:hover {
background-color: #B79300;
 }

.img_seminar01{
	width: 30%;
	margin: 6px 0 0 0 !important;	
 }

.seminar_detail03 {
	display: flex !important;
 }

@media (max-width: 601px) {
.btn_seminar02 a {
	display: block;
	margin: 0 auto 20px;
	text-align: center;
	color: #fff !important;
	font-size: 18px;
	width: 80%;
		padding: 12px 20px;
 }
.seminar_txt{
	width: 100%;
		display: block;
}
.img_seminar01{
	width: 100%;
	margin: 6px 0 0 0 !important;
		display: block;
 }
.seminar_detail03 {
	display: block !important;
}
.tit_seminar04{
    font-size:200%;
    margin: 0 0 20px !important;
	line-height: 1.5 !important;
}
div#main p.tit_seminar05 {
 	font-size: 141% !important;
	font-weight: normal !important;
	margin-bottom: 5px;
	line-height: 1.4;
}
}

@media (max-width: 480px) {
div#main p.date01 {
	font-size: 129% !important;
}
div#main p.tit_seminar04{
    font-size:200% !important;
	line-height: 1.4 !important;
	font-weight: bold;
}

div#main p.tit_seminar05 {
 	font-size: 143% !important;
	font-weight: normal !important;
	line-height: 1.4 !important;
	margin-bottom: 5px;
}
}

/*@media (max-width: 480px) {
div#main p.date01 {
	font-size: 129% !important;
}
div#main p.tit_seminar04{
    font-size:200% !important;
	line-height: 1.4 !important;
	font-weight: bold;
}

div#main p.tit_seminar04 span {
 	font-size: 18px;
	font-weight: normal;	
}
}*/

.seminar_web {
	text-align: left !important;
	margin-left: 8px;
}

#main .seminar_web p {
	color: #fff; 
    font-weight: bold;
    display: inline-block;
    /*padding: 0.3em 0.9em 0.2em;*/
	padding: 4px 10px 2px;
    margin: 0;
    border: none;
	text-align: left !important;
	border-radius: 4px;
	letter-spacing: 0.1em;
}
#main .seminar_web p.ico_web02 { background: #538AAF; }
#main .seminar_web p.ico_live02 { background: #BEAC66;}
#main .seminar_web p.ico_movie02 { background: #F6B13D;}
#main .seminar_web p.ico_finish02 { background: #D1D1D1;color:#333;font-size: 12px !important;padding: 4px 10px 3px; border: 1px solid #bbb;}


#main p.tit_seminar02  {
   font-size: 171%;
	margin: 10px 10px 4px;
	line-height: 1.4;
	border-bottom: 1px dotted #999;
}


#main h3.tit_seminar01 {
   font-size: 271%;
	line-height: 1.5;
	background: none;
	border: none;
	height: auto;
	margin: 0 0 10px !important;
}
@media (max-width: 480px) {
div#main .box_main p.tit_seminar02  {
   font-size: 171% ;
	margin: 10px 10px 8px;
	line-height: 1.4;
}
#main h3.tit_seminar01 {
    font-size: 271%;
    line-height: 1.3;
    background: none;
    border: none;
    margin: 4px 0 0;
    height: 2.5em;
}
}

@media (min-width: 980px) {
#main p.mainimg_seminar01 {
   width: 86% !important;
	text-align: center !important;
	margin: 0 auto 20px;
}
}



/*セミナーのタグ*/

#main h4.date01 {
    font-size: 16px;
    border-bottom: 1px solid #999;  
    margin-bottom: 14px;
    padding: 2px 0 6px 8px;
    line-height: 1.2;
    text-align: left;
    font-weight: normal !important;
}

#main h4.date01.seminar_biz { border-left: 3px solid #258A57; }
#main h4.date01.seminar_service { border-left: 3px solid #FF7A4D; }
#main h4.date01.seminar_bpo { border-left: 3px solid #3A8CB1; }


#main h4.date01 span {
	float: right;
	font-size: 12px !important;
	line-height: 1em;
	color: #fff;
	display: inline-block;
	white-space: nowrap;
	padding: 4px 10px 2px;
	margin: 0;
	border-radius: 4px;
	text-decoration: none;
	font-weight: normal !important;
	letter-spacing: 0.1em;
}

#main h4.date01 span.ico_web { background: #538AAF;}
#main h4.date01 span.ico_live { background: #BEAC66;}
#main h4.date01 span.ico_movie { background: #F6B13D;}
#main h4.date01 span.ico_finish { background: #D1D1D1;color:#333;font-size: 11px !important;padding: 4px 10px 3px; border: 1px solid #bbb;}

@media (max-width: 767px) {
#main h4.date01 span {
	font-size: 15px !important;
	color: #fff;
	font-weight: normal;
	line-height: 1.2;
	padding-bottom: 2px;
	text-align: left;
	float: none;
	margin-top: 6px;
}
#main h4.seminar_biz span.ico_finish { 
	font-size: 14px !important;
}
}
 
p.p_place {
	font-size: 14px !important;
	text-align: right;
}



@media (min-width: 481px) {
#main h4.h4_03 {
    margin-bottom: 5px;
	padding: 0 0 2px 0;
}
	
#main p.pict01 {
    width: 60%;
    height: auto;
    vertical-align: top;
	text-align: center !important;
	margin: 0 auto;
}
}