/* シンプルなパーツの組み合わせで自由に使えるflex関連のcss
必要に応じて追加 */

.bs_flex{
	display: flex;
}

/* flexオプション（本要素&小孫） */
.bs_flex.bs_wrap,
.bs_flex .bs_wrap{
	flex-wrap: wrap;
}
.bs_flex.bs_column,
.bs_flex .bs_column{
	flex-direction: column;
}
.bs_flex.bs_jcenter,
.bs_flex .bs_jcenter{
	justify-content: center;
}
.bs_flex.bs_sbetween,
.bs_flex .bs_sbetween{
	justify-content: space-between;
}
.bs_flex.bs_acenter,
.bs_flex .bs_acenter{
	align-items: center;
}
.bs_flex .bs_02{
	width: 50%;
}
.bs_flex .bs_02.image.pl20{
	padding-left: 20px;
}
.bs_flex .bs_02.image img{
	width: calc(100% - 20px);
}

/*
.bs_flex.bs_,
.bs_flex .bs_{
	
}
.bs_flex. bs_{
	
}*/


@media only screen and (max-width: 767px) {
	.bs_flex.bs_resp,
	.bs_flex .bs_resp{
		display: block;
	}
	.bs_flex.bs_resp .bs_02{
		width: 100%;
	}
	.bs_flex .bs_02.image.pl20{
		padding-left: 0;
	}
}