@charset "utf-8";
.sec1 > p{
	font-size: 20px;
	line-height: 35px;
}

.sec1 h2{
	border-bottom: 3px solid #2162b1;
	color: #2162b1;
	font-size: 26px;
}

.sec1 li{
	text-align: center;
	width: 31%;
}

.sec1 li .body{
	background: #2162b1;
	border-radius: 10px 10px 0 0;
	color: #ffffff;
	padding: 40px 30px;
}

.sec1 li .body h3{
	font-size: 26px;
}

.sec1 li .body .icon{
	margin: 30px auto;
}

.sec1 li .body p{
	text-align: left;
}

/*------------------------------------------------------------
	レスポンシブ
------------------------------------------------------------*/
@media all and (min-width: 0) and (max-width: 767px){
	.section{
		padding: 0 0 50px
	}

	.sec1 > p {
		font-size: 14px;
		line-height: 30px;
		letter-spacing: 0;
		padding: 0 10px;
	}
	
	.sec1 .in{
		margin: 0 auto;
		width: 95%;
	}

	.sec1 h2{
		font-size: 20px;
	}
	
	.sec1 .in .flex{
		flex-wrap: wrap;
	}
	
	.sec1 li{
		margin-bottom: 20px;
		width: 100%;
	}
	
	.sec1 li .body {
		padding: 20px;
	}
	
	.sec1 li .body h3 {
		font-size: 22px;
	}
	
	.sec1 li .body .icon {
		margin: 15px auto;
	}
	
	.sec1 li .body p {
		font-size: 14px;
		line-height: 25px;
	}
	
	.sec1 li .img img{
		width: 100%;
	}


}