@charset "UTF-8";
/* CSS Document */
/*---- 本文 .paper -----*/
.pointInner{
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	margin: 0 0 10% 0;
}

.pointInner:nth-child(2n+2){
	-o-flex-direction:row-reverse;
	-ms-flex-direction:row-reverse;
	-webkit-flex-direction:row-reverse;
	-moz-flex-direction:row-reverse;
	flex-direction:row-reverse;
}

.pointInner:nth-child(2n+2) .text{
	margin: 0 25px 0 0;
}

.pointInner .image{
	width: 470px;
	height: auto;
}

.pointInner .text{
	width: 475px;
	margin: 0 0 0 20px;
}

@media screen and (min-width:640px) and (max-width: 999px) {
	.pointInner{
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	align-items: flex-start;
	}
	
	.pointInner:nth-child(2n+1) .text{
		padding: 2% 5% 2% 0;
	}
	
	.pointInner:nth-child(2n+2) .text{
		padding: 2% 0 2% 5%;	
	}
}

@media screen and (max-width: 640px){
	.pointInner{
		display: block;
	}
	
	.pointInner:last-child{
		padding: 0 0 10% 0;
	}
	
	.pointInner .image,.pointInner .text{
		width: 100%;
	}
	
	.pointInner .text{
		margin: 0;
		padding: 3% 5%;
	}	
}

.text h3{
	padding: 0 5px 5px 10px;
	font-size: 2.8rem;
	font-weight: bold;
	border-bottom: 2px solid #43b149;
}

.text h4{
	margin: 15px 0 0 10px;
	font-size: 1.8rem;
	font-weight: bold;
}

.text p{
	font-size:  1.6rem;
	padding: 20px 10px;
	line-height:  1.8em;
}

.text h4+p{
	padding-top:5px;
}

@media screen and (max-width: 640px){
	.text h3{
		font-size: 2.4rem;
	}
	.text p{
		font-size: 1.2rem;
	}
}

.link li a{
	color: #43b149;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
}
.link li a:hover{
	opacity: 0.8;
}


.link li{
	margin: 0 0 0 10px;
}
