table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
    font:100%;
}

@media screen and (min-width:768px){

.pc_non{ display:none; }

h3{
	color:#EB6100;
	text-align:center;
	font-size:19px;
	margin:0 0 25px;
	padding:0;
}
h4{
	border-left:7px solid #EB6100;
	font-size:18px;
	padding:0 0 0 15px;
}
h5{
	font-size:13px;
	font-weight:bold;
}
#serviceAbout strong{
	color:#EB6100;
}
.strongB{ font-weight:bold; }
#serviceAbout{
	margin:25px 5px 40px 0;
}#serviceAbout .mainText{
	text-align:center;
	font-size:26px;
}
#serviceAbout .text{
	text-align:center;
	font-size:20px;
}
#serviceList  { margin: 0 10px 50px auto ; }
#serviceList ul{
	border-top:1px solid #dcdddd;
}
#serviceList ul li{
	padding:20px 15px 20px 160px;
	border-bottom:1px solid #dcdddd;
	background-position: center left 15px;
	background-size:120px auto;
	background-repeat:no-repeat;
}
#serviceList ul li#service1{ background-image: url(../img/service_c/icon1.png); }
#serviceList ul li#service2{ background-image: url(../img/service_c/icon2.png); }
#serviceList ul li#service3{ background-image: url(../img/service_c/icon3.png); }
#serviceList ul li#service4{ background-image: url(../img/service_c/icon4.png); }
#serviceList ul li#service5{ background-image: url(../img/service_c/icon5.png); }
#serviceList ul li#service6{ background-image: url(../img/service_c/icon6.png); }
#serviceList ul li#service7{ background-image: url(../img/service_c/icon7.png); }
#serviceList ul li#service8{ background-image: url(../img/service_c/icon8.png); }
#serviceList ul li h4{
	color:#EB6100;
	border-left:none;
	font-size:17px;
	padding:0;
}
#serviceList ul li h3{
	color:#EB6100;
	text-align:left;
	font-size:22px;
	padding:0;
	margin:0 0 10px;
}
#serviceList ul li p.text{
	padding:0;
	margin:0;
}
#serviceList ul li p.text_s{
	font-size:12px;
	padding:0;
	margin:0;
}
#serviceList li#service3 .serviceData{
	color:#7f7f7f;
	padding:15px;
	background-color:#FFE0B9;
	margin:10px 0 0;
	font-size:12px;
	line-height:1.5;
}
#serviceList li#service3 .serviceData h5{
	color:#EB6100;
	font-size:16px;
	padding:0;
	text-align:center;
}
#serviceList li#service8 .text_s{
	font-size:17px;
}
#serviceList li#service8 h3{
	line-height:1.3;
}
#serviceList li#service7 strong{
	display:block;
	text-align:center;
	color:#EB6100;
	font-size:17px;
	font-weight:normal;
	margin:15px 0 7px;
}
#serviceList li#service7 a.workconnectBanner{
	display:block;
	width:300px;
	height:110px;
	margin:0 auto;
	border:1px solid #dcdddd;
	background-position: center center;
	background-size:300px auto;
	background-repeat:no-repeat;
	background-image: url(../img/service/wc_banner.png);
}
#serviceList li#service7 a.workconnectBanner span{ display:none; }
}

@media screen and (max-width:767px){
	
.sp_non{ display:none; }
	
h3{
	color:#EB6100;
	text-align:center;
	font-size:17px;
	margin:0 0 15px;
	padding:0;
}
h4{
	border-left:7px solid #EB6100;
	font-size:16px;
	padding:0 0 0 10px;
}
h5{
	font-size:13px;
	font-weight:bold;
}

#serviceAbout strong{
	color:#EB6100;
}
#serviceAbout{
	margin:10px 0;
	padding:0 0 10px;
}
#serviceAbout .mainText{
	font-size:20px;
	line-height:1.6;
	text-align:center;
}
#serviceAbout .text{
	font-size:15px;
	line-height:1.6;
}

#serviceList  { margin: 0 -10px 0 -10px; }
#serviceList ul{}
#serviceList ul li{
	padding:15px 20px 25px 20px; 
}
#serviceList ul li .serviceTitle{
	background-position: center left 7px;
	background-size:60px auto;
	background-repeat:no-repeat;
	padding:10px 10px 5px 80px;
	line-height:1.3;
}
#serviceList ul li#service1 .serviceTitle{ background-image: url(../img/service_c/icon1.png); background-color:#FFE0B9; }
#serviceList ul li#service2 .serviceTitle{ background-image: url(../img/service_c/icon2.png); }
#serviceList ul li#service3 .serviceTitle{ background-image: url(../img/service_c/icon3.png); background-color:#FFE0B9; }
#serviceList ul li#service4 .serviceTitle{ background-image: url(../img/service_c/icon4.png); }
#serviceList ul li#service5 .serviceTitle{ background-image: url(../img/service_c/icon5.png); background-color:#FFE0B9; }
#serviceList ul li#service6 .serviceTitle{ background-image: url(../img/service_c/icon6.png); }
#serviceList ul li#service7 .serviceTitle{ background-image: url(../img/service_c/icon7.png); background-color:#FFE0B9; }
#serviceList ul li#service8 .serviceTitle{ background-image: url(../img/service_c/icon8.png); }
#serviceList ul li#service1,
#serviceList ul li#service3,
#serviceList ul li#service5,
#serviceList ul li#service7{ background-color:#FFE0B9; }
#serviceList ul li h4{
	color:#EB6100;
	border-left:none;
	font-size:16px;
	padding:0;
}
#serviceList ul li h3{
	color:#EB6100;
	text-align:left;
	font-size:18px;
	padding:0;
	margin:0 0 10px;
}
#serviceList ul li p.text{
	font-size:13px;
	padding:0;
	margin:0;
}
#serviceList ul li p.text_s{
	font-size:11px;
	padding:0;
	margin:0;
}
#serviceList li#service3 .serviceData{
	color:#7f7f7f;
	padding:15px 15px;
	background-color:#FFFFFF;
	margin:10px 0 0;
	font-size:12px;
	line-height:1.5;
}
#serviceList li#service3 .serviceData h5{
	color:#EB6100;
	font-size:16px;
	padding:0;
	margin:0 0 5px;
	text-align:center;
}
#serviceList li#service3 .serviceData .text{
	font-size:12px;
}
#serviceList li#service8 .text_s{
	font-size:13px;
}
#serviceList li#service8 h3{
	line-height:1.3;
}
#serviceList li#service8 strong{
	display:block;
	text-align:center;
	color:#EB6100;
	font-size:14px;
	font-weight:normal;
	margin:15px 0 7px;
}
#serviceList li#service7 a.workconnectBanner{
	display:block;
	width:250px;
	height:90px;
	margin:0 auto;
	border:1px solid #dcdddd;
	background-position: center center;
	background-size:250px auto;
	background-repeat:no-repeat;
	background-image: url(../img/service/wc_banner.png);
}
#serviceList li#service7 a.workconnectBanner span{ display:none; }

}