@charset "utf-8";
/* CSS Document */

#service{padding:70px 0 !important;margin:0 auto !important;box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 6px 0px inset;}
#service h2{margin-top: 0; }
#service .inner{/*padding: 10px;*/max-width: 780px;max-width: 1024px;margin: 0 auto;
width: 100%;}

#service .colL{width: 514px;margin-right: 10px;padding: 20px 10px;}
#service .colR{width: 256px;margin-right: 10px;padding: 20px 10px;text-align: center;}
#service .wrapFlex > ul li:last-child 	{margin-right: 0;}
	
#service .colL img, #service .colR img {width: auto;max-width: 230px;}
/* 	#service .colR img{margin: 10px auto;display: block} */
#service img.logo {max-height: 35px;}
#service .wrapFlex ul {display: flex;}
#service .colL .block  {display: block;width: 49.5%;padding: 0 6px;position: relative;}

/* #service a img:hover,
.footer-box .right .banner li:hover{opacity: 0.6;} */


@media screen and (max-width: 767px) and (min-width: 0px){
	
	
	#service .wrapFlex ul{display: block;}
	#service .colL,
	#service .colR{width: 100%}
	#service .colL .block,
	#service .colR .block{width: 100%}
	
}