@charset "UTF-8";

section,
#service_text{
	padding: 60px 0;
}
.service{
	text-align:center;
}
.service .h3_wrap{
    margin: 0 auto 20px;
}
#service_01 .h3_wrap{
    width: 280px;
}
#service_02 .h3_wrap,
#service_04 .h3_wrap{
    width: 310px;
}
#service_03 .h3_wrap{
    width: 235px;
}
.service .h3_wrap .icon {
    width: 72px;
}
.service .h3_wrap h3 {
    font-size: 12px;
    text-align: left;
	margin-top: 5px;
	float: right;
}
.service .h3_wrap h3 span {
    font-size: 21px;
    color: #0d3b60;
    display: block;
}
.service .img{
	margin-bottom: 20px;
}
.service ul{
    width: 600px;
    margin: 20px auto 0;
}
.service ul li{
	width: 50%;
	text-align:left;
	float: left;
	list-style-type: disc;
    list-style-position: inside;
}

@media screen and (max-width: 640px) {
	section,
	#service_text{
		padding: 30px 0;
	}
	.service{
		text-align:left;
	}
	.service .h3_wrap .icon {
		width: 55px;
	}
	.service .h3_wrap h3 span {
		font-size: 18px;
	}
	#service_01 .h3_wrap{
		width: 220px;
	}
	#service_02 .h3_wrap,
	#service_04 .h3_wrap{
		width: 250px;
	}
	#service_03 .h3_wrap{
		width: 190px;
	}
	.service ul{
		width: 100%;
		margin: 20px auto 0;
	}
	.service ul li{
		width: 100%;
		float: none;
	}
}