@charset "utf-8";
.container{
	display: flex;
	align-items: stretch;
}
.container-r{
	display: flex;
	align-items: stretch;
}
.item{
	flex-shrink: 0;
	flex-grow: 1;
	text-align: center;
	max-width: 100%;
}
.item2{
	flex-shrink: 2;
	flex-grow: 1;
	max-width: 100%;
}
.item-ng{
	flex-shrink: 0;
	text-align: center;
	max-width: 100%;
}
.item2-ng{
	flex-shrink: 2;
	max-width: 100%;
}
.container-c{
	display: flex;
	justify-content: center;
}
.container-c img{
	width: 100%;
	max-width: 100%;
}
.container-w{
	display: flex;
	flex-wrap:wrap;
	align-items: stretch;
}
.item43{
	flex-basis: calc((100% - 20px) / 4);
	text-align: center;
	max-width: 100%;
}
.item21{
	flex-basis: calc((100% - 20px) / 2);
	text-align: center;
	max-width: 100%;
}
.item31{
	flex-basis: calc((100% - 20px) / 3);
	text-align: center;
	max-width: 100%;
}
.container-fr{
	display: flex;
	align-items: stretch;
	flex-direction: row-reverse;
}
.box-flr{
	display: block;
}
.box-flr::after{
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.box-flr > .item-flr{
	display: block;
	text-align: center;
	float: right;
}
.fv-end{
	align-items: flex-end;
}
.wide{
	display: inline;
}
.narrow{
	display: none;
}
.container-nosw{
	display: flex;
	justify-content;space-around;
}
.container-nosw > .item{
	flex-shrink: 1 ;
}
@media screen and (max-width: 768px){
.item43{
	flex-basis: calc((100% - 40px) / 3);
}
}
@media screen and (max-width: 414px){
	.container,.container-w,.container-c{
		flex-direction: column;
	}
	.container-r{
		flex-direction: column-reverse;
	}
	.item,.item2,.item21,.item31,.item43,.item-ng,.item2-ng{
		flex-basis: auto;
	}
	.nodisp{
		display: none;
	}
	.container-fr{
		display: block;
	}
	.container-fr::after{
		content: "";
		display: block;
		height: 0;
		visibility: hidden;
		clear: both;
	}
	.container-fr > .item{
		float: right;
		width: 35%;
	}
	.box-flr > .item-flr{
		float: none;
	}
	.fv-end{
		align-items: center;
	}
	.wide{
		display: none;
	}
	.narrow{
		display: inline;
	}
}