@charset "UTF-8";
/* CSS Document */
/*===ギャラリー部分==============================
============================================================*/
.gallery_wrap .flex{
	display: flex;
	flex-wrap: wrap;
}
.gallery_wrap .flex .box{
	width: calc(100% / 6 - 8px);
	margin: 4px;
}
.gallery_wrap .flex .box a{
	display: block;
	width: 100%;
	position: relative;
    overflow: hidden;
	min-height: 0%;
}
.gallery_wrap .flex .box a::before{
    content: '';
    display: block;
    padding-top: 100%;/*高さの比率*/
}
.gallery_wrap .flex .box a img{
	display: block;
	object-fit: cover;
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	transition: all 0.3s ease;
}
.gallery_wrap .flex .box a:hover img{
	transform: scale(1.1);
}
@media (max-width: 960px){
	.gallery_wrap .flex .box{
		width: calc(100% / 4 - 8px);
	}
}
@media (max-width: 750px){
	.gallery_wrap .flex .box{
		width: calc(100% / 3 - 8px);
	}
}
@media (max-width: 450px){
	.gallery_wrap .flex .box{
		width: calc(100% / 2 - 8px);
	}
}