/* CSS Document */

.menu_flex{
	display: flex;
	flex-wrap: wrap;
	font-size: 1.2rem;
	font-weight: 400;
	width: calc(100% - 20px);
	max-width: 1180px;
	margin:20px auto;
}
.menu_flex .item{
	width: 33%;
}
.menu_flex .item a{
	display: block;
	margin: 10px;
	color: #000;
}
.menu_flex .item img{
    width: 100%;
    display: block;
}
.menu_flex .item .icon{
    width: 100%;
    display: block;
    padding: 16px;
	border-radius: 10px;
	background: #e1e1e1;
}
.menu_flex .item .name{
text-align: center;}


@media (min-width: 768px) {
.menu_flex {
	justify-content:center
}
.menu_flex .item{
	width: 50%;
	max-width: 560px;
	margin-bottom: 30px;
}
.menu_flex .item a{
	display: flex;
	align-items:center;
	font-size: 1.6rem;
}
.menu_flex .item .icon{
    width: 30%;
	max-width: 160px;
    display: block;
    padding: 16px;
	border-radius: 10px;
}
.menu_flex .item .name{
    width: 70%;
    display: block;
    padding:0 0 0 16px;
	border-radius: 10px;text-align: left;
}


}
@media (min-width: 864px) {
	.menu_flex .item a{
		font-size: 2rem;
	}


}



@media (min-width: 1200px) {
	.menu_flex {
		margin: 80px auto;justify-content:center
	}
	.menu_flex .item a{
		font-size: 2.4rem;
	}

}