/*/////////////// CSS変数設定 ///////////////////*/
@import "./root.css";
/*/////////////// CSS変数設定 ///////////////////*/
#st_box_wrap{width: 100%;height:100%;min-height:100%;}
@media screen and (max-width: 1049px) {
	.newface_frame{width:100%;}	
}
@media screen and (min-width: 1050px) {
	.newface_frame{margin:30px auto 0px;width:1050px;}
}
/***    ulをセンター寄せ    *****/
.newface_frame ul{
		list-style-type:none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;

		-ms-flex-wrap: wrap;	
		flex-wrap: wrap;
	
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
}

@media screen and (max-width: 629px) {
	.newface_frame ul li{
		width:calc(96vw / 2);
		margin:5px 0px 10px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width:630px) and (max-width:839px) {
	.newface_frame ul li{
		width:calc(100vw / 3);
		margin:5px 0 10px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width:840px) and (max-width:1049px) {
	.newface_frame ul li{
		width:calc(100vw / 4);
		margin:5px 0 10px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}
@media screen and (min-width: 1050px) {
	.newface_frame ul li{
		width:210px;
		margin:5px 0 10px;
		text-align:center;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;		
	}
}