/**************
	共通
****************/




/**************
	pc
****************/
@media screen and (min-width: 769px) {

/*------------------------
	Gallery
------------------------*/
main .gallery {
	width: 90%;
	max-width: 720px;
	margin: 0 auto 140px;
}
main .gallery li img{
	display: block;
}
main .gallery li:first-of-type,
main .gallery li:nth-of-type(3){
	margin-bottom: 60px;
}
main .gallery li:first-of-type{
	padding: 0 7%;
}
main .gallery li:nth-of-type(2){
	padding-right: 65%;
}
main .gallery li:nth-of-type(3){
	margin-top: -20%;
	padding-left: 41%;
}
main .gallery li:nth-of-type(4){
	padding: 0 45% 0 7%;
}
main .gallery li:last-of-type{
	margin-top: -32.6%;
	padding: 0 7% 0 61%;
}








	
}

/**************
	sp
****************/
@media screen and (max-width: 768px) {

main .gallery {
	padding: 0 5% 60px;
}
main .gallery li img{
	display: block;
}
main .gallery li:not(:last-of-type){
	margin-bottom: 40px;
}
main .gallery li:nth-of-type(2){
	padding-right: 30%;
}
main .gallery li:nth-of-type(3){
	padding-left: 15%;
}
main .gallery li:nth-of-type(4){
	padding-right: 15%;
}
main .gallery li:last-of-type{
	padding-left: 30%;
}





	
}