@charset "utf-8";
/* CSS Document */
.cat-button1,
.cat-button2{
	max-width: 880px;
	margin: auto;
}
.cat-button1{
	margin-top: 70px;
}
.cat-button2{
	margin-bottom: 70px;
}
.cat-button1 ul{
	width: 90%;
	display: flex;
	margin: auto;
	justify-content: space-around;
}
.cat-button1 li{
	width: 22.5%;
	list-style-type: none;
}
.cat-button2 ul{
	width: 90%;
	display: flex;
	margin: auto;
	justify-content: space-around;
}
.cat-button2 li{
	width: 22.5%;
	list-style-type: none;
}
.cat-button2 .li-1{
	margin-left: 14%;
}
.cat-button2 .li-2{
	margin-right: 14%;
}

@media screen and (min-width: 767px){
.cat-button1 img,
.cat-button2 img{
	width: 80%;
}
.cat-button1 ul{
	width: 80%;
	display: flex;
	margin: auto;
	justify-content: space-around;
}
.cat-button1 li{
	width: 20%;
	list-style-type: none;
}
.cat-button2 ul{
	width: 80%;
	display: flex;
	margin: auto;
	justify-content: space-around;
}
.cat-button2 li{
	width: 20%;
	list-style-type: none;
}
}