@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 1024px) {

	section{
		font-size: 28px;
	}
	
	li .arrow{
		display: none;
	}

	footer .list-sprite li{
		width: 100%;
	}
}
@media only screen and (max-width: 950px) {
	section .img-section-butt{
		display: none;
	}	
}
@media only screen and (max-width: 768px) {

	section{
		font-size: 20px;
		line-height: 1.7;
	}
	section .f-size-60, footer .upper-case{
		font-size: 23px
	}
	button{
		width: 300px;
		height: 50px;
		font-size: 22px;
	}
	footer{
		padding: 0 30px;
	}

	section h2 .img-top-wrap img{
		width: 80%;
		margin-left: 10%;
		top: -35px;
	}
	
}
@media only screen and (max-width: 480px) {

	.wrap-section{
		padding: 20px 1% 0 1%
	}

	section{
		font-size: 18px;
		line-height: 1.7;
		padding: 0 30px;
	}
	section .f-size-60, footer .upper-case{
		font-size: 18px
	}
	
	header img{
		width: 80%;
	}

	header .line-top{
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	section h2 .img-top-wrap img{
		width: 80%;
		margin-left: 10%;
	}

	button{
		width: 240px;
		height: 50px;
		font-size: 17px;
	}

	section h2 .img-top-wrap{
		width: 250px;
	}

}
@media only screen and (max-width: 380px) {
	section h2 .img-top-wrap img{
		width: 80%;
		margin-left: 10%;
	}	
}