#main {
	max-width: 1300px;
	width: 90%;
	margin: 150px auto 0;
}
@media screen and (max-width: 910px) {
}
@media screen and (max-width: 680px) {
	#main {
		margin: 100px auto 0;
	}
}
/* --------------------------------------------------- */
#sec01 {
}
#sec01 p {
	text-align: center;
	margin-bottom: 80px;
}
#sec01 p .br-clear {
}
#sec01 ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#sec01 li {
	margin-bottom: 2%;
}
#sec01 li:nth-child(1) {
	width: 59.7%;
}
#sec01 li:nth-child(2) {
	width: 37.9%;
}
#sec01 li:nth-child(3),
#sec01 li:nth-child(4),
#sec01 li:nth-child(5),
#sec01 li:nth-child(6) {
	width: 32%;
}
#sec01 li:nth-child(7) {
	width: 39.4%;
}
#sec01 li:nth-child(8),
#sec01 li:nth-child(9) {
	width: 24.4%;
}
#sec01 li:nth-child(10) {
	width: 32%;
}
#sec01 li:nth-child(11) {
	width: 39.4%;
}
#sec01 li:nth-child(12),
#sec01 li:nth-child(13) {
	width: 49%;
}

@media only screen and ( max-width : 1175px ) {
	#sec01 p {
		text-align: left;
	}
	#sec01 p .br-clear {
		display: none;
	}
}
@media screen and (max-width: 910px) {
	#sec01 p {
		margin-bottom: 60px;
	}
}
@media screen and (max-width: 680px) {
	#sec01 p {
		margin-bottom: 40px;
	}
	#sec01 ul {
		width: 110%;
		margin: 0 -5%;
	}
}
/* --------------------------------------------------- */
.lightbox {
	display: none;
}
@media screen and (max-width: 680px) {
    .lightbox {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.8);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        opacity: 0;
        pointer-events: none;
        transition: opacity .3s;
    }
    .lightbox.show {
        opacity: 1;
        pointer-events: auto;
    }
    .lightbox img {
        max-width: 90%;
        max-height: 80%;
        border-radius: 6px;
    }
    .lightbox .close-btn {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 32px;
        color: #fff;
        background: none;
        border: none;
        cursor: pointer;
    }
    .lightbox-bg {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */