@charset "utf-8";
/* CSS Document */
.flex_containar{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-around;
	align-items:flex-start;
	align-content:flex-start;
	
	width:100%;
}
/*flex_contentと同じ*/
.flex_nav{
	display:flex;
	flex-folw:row wrap;
	justify-content:flex-start;
	align-items:flex-start;
	align-content:flex-start;
	
	width:100%;	
}
.nav_item{
	width: 30vw;
}
.nav_item img{
	width: 25vw;
}
.item{
	width:30vw;
}
.item a:link{
	border:none;
	text-decoration:none;
}
.item a:hover{
	opacity:0.5;
}
.item_icon{
	width:22vw;
	height:22vw;
	margin:1rem auto 0;
	border:#FFFFFF 1px solid;
	border-radius:3vw;
}
.item_no{
	width:10vw;
	height:10vw;
}
.item_header{
	width:100%;
	font-size:calc(1rem + 1vw);
	color:#fff;
	text-shadow:0 0 0.4rem #003,0 0 0.5rem #336,0 0 1rem #336, 0 0 2rem #336;
	padding:0.5rem 0 1vh;
	text-align:center;
}
@media screen and (min-width: 750px){
.item_header{
	font-size: calc(1rem + 1vw);
}		
}