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

#sec03 h4, #sec04 h4, #sec05 h4 {
    color: #01683d;
}
#sec03,#sec04, #sec05 {
    background-color: #ebf3d8;
}
#sec03 .flex .itemBox .imgBox {
    border: #01683d solid 2px;
}
#sec03 .flex .itemBox dt {
    color: #01683d;
}

#sec04 .mainImg h3 {
	text-align: right;
	i {
		color: #01683d;
	}
}
#sec04 .mainImg h3 span, #sec05 .mainImg h3 span {
    i {
			color: #01683d;
	}
}
#sec04 .lead {
	padding: 2em 0;
}
/*#sec04 .mainImg h3, #sec05 .mainImg h3 {
    background: #FFFFFF;
background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(1, 104, 61, 1) 50%, rgba(255, 255, 255, 0.4) 100%);
}*/
#sec04 .itemWrap h5 span {
    background-color: #01683d;
	color: #fff;
}
#sec04 .itemWrap .itemBox p {
	color: #01683d;
}
#sec04 .itemWrap .itemBox p span {
	i {
		color: #01683d;
	}
}
#sec05 .flex {
	align-items: flex-end;
	.itemWrap {
		.itemBox {
			border: #1c4e84 solid 2px;
			dl {
				width: 100%;
				dt {
					background-color: #01683d;
				}
			}
			.flex {
				margin: 0;
				padding: 0;
				.imgBox {
					width: 48%;
				}
			}
			.cap {
				font-size: 10px;
				line-height: 1.3;
				padding: 1em;
			}
		}
		.item02 {
			margin-top: 30px;
		}
		.item02 .imgBox {
			width: 100%;
		}
	}
}

#sec05 .item01 {
	.line01 {
		top: 32%;
    width: 108%;
	}
	.line02 {
		top: 45%;
    width: 45%;
	}
}
#sec05 .item02 {
	.line {
		top: -15%;
    width: 45%;
	}
}
#sec05 .iot .leftBox dl dd {
	background-color: #01683d;
}

@media screen and (max-width: 959px) {
	
}
@media screen and (max-width: 599px) {
	#sec04 .mainImg h3 {
    text-align: center;
		color: #01683d;
	}
	#sec04 .lead {
    padding: 1em ;
	}
	#sec05 .flex .itemWrap .item02 {
		margin-top: 3%;

	}
}