#members .bo-temp {position: relative;}
#members .content {display: none;}
#members .multi-panels {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: grid; align-items: center; padding: 0;}
#members .multi-panels ul {grid-template-columns: repeat(4, [col-start] 1fr); column-gap: 0.8rem;}	
#members .multi-panels ul li .body-copy {margin-top: 0;}
#members .multi-panels ul li .body-copy .img-hover {display: none;}
#members .multi-panels ul li .body-copy:hover {
	.img-default {display: none;}
	.img-hover{display: block;}
}
@media(min-width: 769px) {
	#members .multi-panels ul {max-width: 70%;}	
}
@media (max-width: 767px) {
	#members .multi-panels ul li .body-copy .img-default {display: none !important;}
	#members .multi-panels ul li .body-copy .img-hover {display: block !important;}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}