#scrollcontent{
    background-color:#ffffff ;
    position: relative;
}
.section-activity {
	padding: calc(var(--sectionper) * 5) calc(var(--sectionper) * 1.5);
    padding-bottom: 0;
	background-image: url(../img/activity/bg-activity.svg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.site-factory_ul li{
    color:#000000
}
@media screen and (min-width: 576px) {
    .section-activity {
        padding: calc(var(--sectionper) * 3) calc(var(--sectionper) * 1.5);
        padding-bottom: 0;
    }
}
@media screen and (min-width: 1024px) {
    .section-activity {
        padding:calc(var(--sectionper) * 1.5);
        padding-bottom: 0;
    }
}
.site-title--activity {
	padding-top: var(--sectionper);
    padding-bottom: var(--titleper);
    margin-bottom: 1rem;
}
.site-title__line{
    margin-bottom: 1em;
    font-size: 1rem;
}
.section-factory{
   padding: 0 calc(var(--sectionper) * 1.5); 
}
.site-factory_in{
    margin-bottom: var(--rowper);
}
@media screen and (min-width: 768px) {
    .site-factory_in{
        padding: 0 calc(var(--sectionper) * 3.1); 
    }
}
.site-title--factory {
	color: var(--sub-color);
    margin-bottom: 3%;
    
}
.site-factory_in ul{
    position: relative;
    z-index: 10;
    
}

.site-factory_in li{
    margin-bottom: 2rem;
}
.site-factory_in a:hover{
    color: var(--main-color);
}
.factory_item{
    color: var(--sub-color);
}
.factory_item span:before {
    content: "-";  
    position: absolute;
    left: -10px;
}
.site-factory_bg{
    position: absolute;
    top: 0;
    right: 0%;
    z-index: 0;
}