#works .l-flex{
    align-items: flex-start;
    margin-bottom: 10rem;
    gap: 10rem;
}

#works .l-flex .flex-l,
#works .l-flex .flex-r{
width: calc(100% / 2 - 5rem);
}

#works .l-flex:last-child{
    margin-bottom: 0;	
}

.works-img{
	height:35rem;
}

.construction-method{
	font-family:var(--bold);
	margin-bottom:1rem;
}

.btn-wrap{
	margin-top:5rem;
}

#works ul li{
    border-top: 1px solid #2E3430;
    padding: 20px 0;
}

#works ul li:last-child{
    border-bottom: 1px solid #2E3430;
}

#page__works .btn span{
	color:var(--main-r);
	font-family:var(--bold);	
}

#page__works .bg-slide-effect::before {
    background: var(--main-r);
}

#page__works .bg-slide-effect:hover path {
    fill: var(--main);
}

#page__works .btn:hover span {
    color: var(--main);
}

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

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

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

@media screen and (max-width:1024px) {
#works .l-flex {
    gap: 5rem;
}
#works .l-flex .flex-l, #works .l-flex .flex-r {
    width: calc(100% / 2 - 2.5rem);
}

}

@media screen and (max-width:767px) {
.works-img {
    height: 20rem;
}
#works .l-flex {
        gap: 3rem;
    }
#works .partner{
	gap:0;
	}
.btn-wrap {
    margin-top: 3rem;
}
}