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

.contents_left p.catch {
	font-size:114.2%;/*16px*/
	margin:0 0 30px;
}
.contents_left .service_box {
	text-align:center;
}
.contents_left .service_box dl {
	width:250px;
	display:inline-block;
	text-align:left;
	vertical-align:top;
}
.contents_left .service_box dl:nth-child(2) {
	margin:0 23px;
}
.contents_left .service_box dl dt {
	display:block;
}
.contents_left .service_box dl dd {
	padding:10px;
	height:121px;
}
.contents_left .service_box dl dd.dd_1 {
	background:#333;
}
.contents_left .service_box dl dd.dd_2 {
	background:#c76700;
}
.contents_left .service_box dl dd.dd_3 {
	background:#005372;
}
.contents_left .service_box dl dd a {
	color:#FFF;
	display:block;
}
.contents_left .service_box dl dd a span {
	font-weight:bold;
	font-size:107.1%;/*15px*/
	color:#FFF;
}

/*feature*/
.contents_left .feature_text {
	line-height:1.75;
	font-size:114.2%;/*16px*/
}
.contents_left .feature_text strong {
	color:#023167;
}
.contents_left .feature_box {
	text-align:center;
	margin:45px 0 0;
}
.contents_left .feature_box p {
	display:inline-block;
	margin:0 10px 20px;
}

/*contents*/
.contents_left .h3_1 {
	background:url(../service/img/h3_bar_1.png) no-repeat left bottom!important;
}
.contents_left .h3_2 {
	background:url(../service/img/h3_bar_2.png) no-repeat left bottom!important;
}
.contents_left .h3_3 {
	background:url(../service/img/h3_bar_3.png) no-repeat left bottom!important;
}
.contents_left .contents_box {
	margin:0 0 25px;
}
.contents_left .contents_box .article {
	margin:40px 0;
	font-size:114.2%;/*16px*/
}
.contents_left .contents_box .pic {
	text-align:center;
}
.contents_left .contents_box .pic p {
	display:inline-block;
	margin:0 8px;
}
.contents_left .contents_box .pic_contents {
	margin:0 0 65px;
}
.contents_left .contents_box .pic_contents h4 {
	font-size:114.2%;/*16px*/
	margin:0 0 30px;
	background:#0a50a1;
	color:#FFF;
	padding:6px 15px 4px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contents_left .contents_box .pic_contents div p {
	margin:0 0 10px;
}
.contents_left .contents_box .pic_contents .ol_box {
	counter-reset:number;
	list-style:none;
	width:60%;
}
.contents_left .contents_box .pic_contents .ol_box2 {
	width:100%;
}
.contents_left .contents_box .pic_contents .ol_box p {
	margin:25px 0 0;
}
.contents_left .contents_box .pic_contents ol li {
	position:relative;
	display:block;
	padding:5px 15px 5px 45px;
	margin:0 0 10px;
	border:2px solid #dddddd;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-weight:bold;
}
.contents_left .contents_box .pic_contents .ol_box2 ol li {
	background:none;
	margin:0 0 20px;
	padding:0;
	border:none;
}
.contents_left .contents_box .pic_contents .ol_box2 ol li .ol_box_bar {
	display:block;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border:2px solid #dddddd;
	font-weight:bold;
	padding:8px 15px 8px 48px;
}
.contents_left .contents_box .pic_contents .ol_box2 ol li .ol_box_text {
	font-weight:normal;
	padding:0 0 0 48px;
	margin:10px 0 0;
	display:inline-block;
}
.contents_left .contents_box .pic_contents .ol_box2 ol li .ol_box_text img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.contents_left .contents_box .pic_contents .ol_box2 ol li:after {
	top:9px;
}
.contents_left .contents_box .pic_contents ol li:after {
	counter-increment: number;
	content: counter(number);
	background: #ff9000;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	position: absolute;
	z-index: 10;
	left: 10px;
	top:7px;
	width: 22px;
	height: 22px;
	color: #fff;
	line-height: 22px;
	text-align: center;	
}
.contents_left .contents_box .pic_contents ul {
	margin:0 0 20px;
}
.contents_left .contents_box .pic_dl dl {
	margin:0 0 60px;
	border:1px solid #0a50a1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.contents_left .contents_box .pic_dl dt {
	font-size: 114.2%;
	margin: 0 0 20px;
	background: #0a50a1;
	font-weight:bold;
	color: #FFF;
	padding: 6px 15px 4px;
}
.contents_left .contents_box .pic_dl dd.dd_text {
	float:left;
	width:60%;
	padding:0 0 15px 15px;
}
.contents_left .contents_box .pic_dl dd.dd_img {
	float:right;
	padding:0 15px 15px 0;
}
@media screen and (min-width: 0px) and (max-width: 1130px) {
.contents_left .service_box dl {
	width:30%;
}
.contents_left .service_box dl dd {
	height:135px;
}
.contents_left .feature_box p {
	display:inline-block;
	margin:0 10px 20px;
	width:40%;
}
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
.contents_left .contents_box .pic_contents .pic_size {
	width:40%
}
.contents_left .contents_box .pic_contents .ol_box {
	width:54%;
}
.contents_left .contents_box .pic_contents .ol_box2 {
	width:100%;
}
.contents_left .contents_box .pic_dl dd.dd_img {
	width:30%;
}
}
@media screen and (min-width: 0px) and (max-width: 975px) {
.contents_left .service_box dl {
	width:100%;
	display:block;
}
.contents_left .service_box dl:nth-child(1) {
	background:#333;
}
.contents_left .service_box dl:nth-child(2) {
	margin:1px 0;
	background:#c76700;
}
.contents_left .service_box dl:nth-child(3) {
	background:#005372;
}
.contents_left .service_box dl dt {
	float:left;
	width:30%;
}
.contents_left .service_box dl dd {
	float:left;
	width:70%;
	height:auto;
}
.contents_left .contents_box .pic_contents .ol_box2 ol li .ol_box_img {
	text-align:center;
	display:block;
	padding:0;
}
@media screen and (min-width: 0px) and (max-width: 600px) {
.contents_left .contents_box .pic_contents .pic_size {
	text-align:center;
	width:100%;
	float:none;
	margin:0 0 20px;
}
.contents_left .contents_box .pic_contents .right.pic_size p {
	display:inline-block;
	width:45%;
}
.contents_left .contents_box .pic_contents .ol_box {
	width:100%;
	float:none;
}
.contents_left .contents_box .pic_dl dd.dd_text {
	width:100%;
	float:none;
	padding:0 15px;
}
.contents_left .contents_box .pic_dl dd.dd_img {
	width:100%;
	float:none;
	text-align:center;
	margin:15px 0 0;
	padding:0 0 15px;
}
}
@media screen and (min-width: 0px) and (max-width: 530px) {
.contents_left .service_box dl {
	background:none!important;
}
.contents_left .service_box dl {
	width:250px;
	margin:auto auto 20px;
}
.contents_left .service_box dl:nth-child(2) {
	margin:auto auto 20px;
}
.contents_left .service_box dl dt {
	float:none;
	width:250px;
}
.contents_left .service_box dl dd {
	float:none;
	width:250px;
}
}
@media screen and (min-width: 0px) and (max-width: 530px) {
.contents_left .service_box dl dd a span {
	font-size:100%;
}
}