.basic-box03{
	padding: 50px 0 120px;
}

.para-hd01{
	background-color: #505052;
	box-sizing: border-box;
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 5px 20px;
}

.para-box{
	margin: 0 auto 50px;
	width: 90%;
}

.para-ul{
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -2%;
}

.para-ul li{
	margin: 0 2% 20px;
	width: 21%;
}

.para-ul li a{
	background: url(../img/blue_bg.jpg) no-repeat center right;
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 1.8rem;
	padding: 10px;
	text-align: center;
}

.para-ul li a:hover{
	opacity: 0.7;
}

.para-hd02{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.network-list span{
	background: url(../img/blue_bg01.jpg) no-repeat center right;
	background-size: cover;
	border-radius: 3px;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	padding: 5px 20px 3px;
}

.list-txt{
	font-size: 1.6rem;
}

br.sp-block{
	display: none;
}

.list-link{
	display: inline-block;
}

.list-link:hover{
	opacity: 0.7;
}

.last-para-box{
	margin-bottom: 70px;
}

@media only screen and (max-width: 768px){
	.para-ul{
		justify-content: center;
	}
	
	.para-ul li{
		margin: 0 1% 10px;
		width: 31.33%;
	}
	.para-network{
		padding: 0 10px;
	}
}

@media only screen and (max-width: 480px){
	.basic-box03{
		padding: 0 0 60px;
	}
	
	.para-hd01{
		font-size: 1.2rem;
		margin-bottom: 2vh;
		padding: 5px 7px;
	}
	
	.para-hd02{
		font-size: 1.4rem;
		margin-bottom: 1.5vh;
	}
	
	.para-ul li{
		margin-bottom: 5.5%;
		width: 46%;
	}
	
	.para-ul li a{
		font-size: 4.2vw;
	}
	
	.para-box{
		margin-bottom: 20px;
	}
	
	.last-para-box{
		margin-bottom: 8vh;
	}
	
	.network-list span{
		font-size: 3.8vw;
		padding: 5px 10px;
	}
	
	br.sp-block{
		display: block;
	}
}