@charset "utf-8";


.topList ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	text-align:center;
	margin:0 auto;
	width:770px;
}
.topList ul li{
	width:320px;
	margin-bottom:70px;
}
.topList h3{
	margin:6% -15% 2%;
}
.topList ul li > p img{
	width:65%;
}
.topList .btn{
	display:inline-block;
	width:100%;
}

@media screen and (max-width:768px){
	.topList ul{
		display:block;
		margin:13% 0 0;
		width:auto;
	}
	.topList ul li{
		width:auto;
		display:flex;
		justify-content:space-between;
		align-items:flex-end;
		margin-top:10%;
	}
	.topList h3{
		margin-left:auto;
		margin-right:auto;
	}
	.topList ul li:nth-child(2n){
		flex-direction:row-reverse;
	}
	.topList ul li > p{
		width:35%;
		margin-bottom:0;
	}
	.topList ul li > div{
		width:63%;
	}
	.topList ul li > div p{
		margin-bottom:2%;
	}
	.topList ul li > p img{
		width:100%;
	}
}