.ny-box{width:100%; overflow: hidden;}
.padd{padding: 80px 0 90px;display: flow-root;}

.photo-boxs{}
.photo-boxs ul{ display:flex; justify-content:space-between;flex-wrap: wrap;}
.photo-boxs ul li{width:calc((100% / 4 ) - 20px);}
.photo-boxs ul li:last-child:nth-child(4n+3){margin-right: calc((100% / 4 ) * 1 + 10px);}
.photo-boxs ul li:last-child:nth-child(4n+2){margin-right: calc((100% / 4 ) * 2 + 10px);}
.photo-boxs ul li:last-child:nth-child(4n+1){margin-right: calc((100% / 4 ) * 3 + 10px);}
.photo-boxs figure{width:100%;}
.photo-boxs figure img{max-width:100%;width: 100%; height: 240px; }
.photo-boxs figcaption{width:100%; }
.photo-boxs figcaption a{font-size:14px; color:var(--text-dark-color); display: block; background: var(--bg-color2);transition: 0.5s; padding:15px;width: 100%;display:flex; justify-content: center; align-items: center; }
.photo-boxs figcaption:hover a{background:var(--primary); color:var(--white);}



@media (max-width: 1200px){

}
@media (max-width: 960px){
	
}
@media (max-width: 540px){
	
}



@media screen and (max-width: 1920px){
	
}
@media screen and (max-width: 1600px)
{

}
@media screen and (max-width: 1440px)
{
	
}
@media screen and (max-width: 1366px)
{
	
}
@media screen and (max-width: 1280px)
{
	
}
@media  (min-width: 1024px) and (max-width:1199px)
{
	
}
@media screen and (max-width: 1023px){
	html {font-size: 62.5%;/*10 梅 16 脳 100% = 62.5%*/}
	body {font-size: 1.4rem;/*1.4 脳 10px = 14px */}
	.wrap{max-width: 100%;}
	.mb_none{display: none;}
}

@media screen and (max-width: 767px)
{
	
}
@media screen and (max-width: 425px)
{
	
}
@media screen and (max-width: 414px)
{
	
}


@media screen and (max-width: 375px)
{
	body {font-size: 14px;/*1.4 脳 10px = 14px */}
	
}

@media screen and (max-width: 360px)
{
	
}

@media screen and (max-width: 320px)
{
	
}