@media (min-width: 768px) {
#top_bg img{
		width: 100%;
	}
}
#top_about{
	width: 100%;
	background-color: #fff;
	padding-top: 20px;
}
#top_about img{
	margin: 0 auto;
}


/*---------- flow ---------  */
#flow{
}
.flow_wrap{
	padding: 10px 15px 20px;
}
#flow h2{
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
}
#flow .flow_one{
	background-color: #fff;
	position: relative;
}
#flow img{
	margin: 0 auto;
}
.flow_arrow{
	display: block;
	margin: 0 auto;
	width: 35px;
}
#flow span{
	color: #82b534;
	font-size: 1.5rem;
	position: absolute;
	top: 0;
	left: 10px;
	font-family: 'Limelight', cursive;
}
/*---------- functions ---------  */

@media (min-width: 768px) {
#functions img{
		margin: 0 auto;
	}
}
/*---------- merit ---------  */

@media (min-width: 768px) {
#merit img{
		margin: 0 auto;
	}
}
/*---------- entry ---------  */
@media (min-width: 500px) and (max-width: 767px) {
	#entry{
		padding: 10px 100px;
		height: 270px;
	}
	.entry_at{
		margin: 10px 0 5px;
		font-size: 0.7rem;
		line-height: 0.9rem;
	}
}
@media (max-width: 449px) {
	#entry{
		padding: 10px 20px;
		height: 220px;
	}
	.entry_btn {
		height: 40px;
		padding-top: 0;
	}
	.entry_btn img{
		width: 300px;
	}
}
@media (min-width: 768px) {
	#top_bg img{
			width: 100%;
		}
}