@charset "utf-8";

.eQ01 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_01.jpg) no-repeat center;}
.eQ02 .wrap_sub_visual::before{background:url(/sites/style_guide/images/sub/sub_visual_19.jpg) no-repeat center;}
.eQ03 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_03.jpg) no-repeat center;}
.eQ04 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_04.jpg) no-repeat center;}
.eQ05 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_05.jpg) no-repeat center;}
.eQ06 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_06.jpg) no-repeat center;}
.eQ07 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_07.jpg) no-repeat center;}
.eQ08 .wrap_sub_visual::before{background:url(/sites/mass/images/sub_visual_mass_08.jpg) no-repeat center;}


.bannerWrap { display:flex; gap:20px; flex-flow:row wrap; }
.bannerWrap > li { flex:0 0 18%; border:1px solid #afafaf; text-align:center; border-radius:10px; }
@media only screen and (max-width:1024px){
	.bannerWrap > li { flex: 0 0 30%; }
}
@media only screen and (max-width:768px){
	.bannerWrap > li { flex: 0 0 48%; }
}
@media only screen and (max-width:500px){
	.bannerWrap > li { flex: 0 0 100%; }
}