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

.after {
	margin-bottom: 20px;
}
	.after li{
		width: 45%;
		float: left;
		margin: 0 2%;
	}
	.after li:first-child{
		margin-right: 3%;
	}

.half li{
	margin-bottom:5%;
	}
.half li{
	margin-bottom:4%;
	}
.half li h3{
	font-weight:normal;
	}
	#list  h3{
	border-bottom: 2px solid #DEDEDE;
	margin-bottom: 5%;
		}
#flow h3 span{
	margin: 0 5%;
	}
#list .half li h3:before{
	content:url(../img/common/circle.gif);
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	}
	.half li .inner{
		padding:5%;
		width:90%;
		}
	.half img{
		width:100%;
		}
@media screen and (min-width:480px){}
@media screen and (min-width:768px){
	.after{
		display: table;
		width: 100%;
	}
	.after li{
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	}
	#area .righttxt{
		padding: 5%;
	}
	.after li{
		width:auto;
		float: none;
	}
	.after li:first-child{
		margin-right: 3%;
	}
	.half li{
		width:46%;
		margin-right:8%;
		float:left;
		}
	.half li:nth-child(even){
		margin-right:0;
		}
	}
@media screen and (min-width:1000px){
		.after {
	margin-bottom: 20px;
}

	.after li:first-child{
		margin-right: 3%;
	}

	}