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

.container{
	width: 100%;
	margin-top: 5%;
}

.title{
	width: 100%;
	max-width: 880px;
	margin: 0 auto 5%;
}

.catch{
	width: 100%;
	max-width: 755px;
	margin: 0 auto 5%;
}

.btn{
	width: 100%;
	max-width: 900px;
	margin: 0 auto 7%;
}

.btn ul{
	width: 100%;
}

.btn li{
	margin-bottom: 2%;
}

.top{
	width: 50%;
	max-width: 240px;
	margin: 0 auto 5%;
}

.title img,
.catch img,
.btn img,
.top img{
	width: 100%;}


@media screen and (max-width: 768px) {
	.container{
	width: 100%;
	margin-top: 7%;
}

.title{
	width: 90%;
	margin: 0 auto 7%;
}

.catch{
	width: 80%;
	margin: 0 auto 6%;
}

.btn{
	width: 90%;
	margin: 0 auto 10%;
}

.btn li{
	margin-bottom: 3%;
}

.top{
	width: 28%;
	margin: 0 auto 8%;
}
	
	
}