@charset "UTF-8";
body { background: #d5d7d4;}

.content {
    width: 90%;
    margin: auto;
    margin-bottom: 100px;
    overflow: hidden;
}

.content ul{position: relative;}
.content ul::before {
    position: absolute;
    bottom: -50px;
    left: 0;
    margin: auto;
    width: 100px;
    height: 1px;
    content: '';
    background: #b5b5b5;
}

.projects_li { margin-bottom: 50px; position: relative;}
.projects_li::before {
    position: absolute;
    top: -10px;
    left: 0;
    margin: auto;
    width: 100px;
    height: 1px;
    content: '';
    background: #b5b5b5;
}


.projects_li dt{ font-size: 18px; padding: 2em 0;}

.projects_li dd, .projects_link a{font-size: 12px;margin-bottom: 0.8em;}

.projects_link { margin-top: 3em;}
.projects_link p {}
.projects_link a { color: #fff;}

@media (min-width: 768px) {
    .content { width: 1068px; overflow: hidden;}    
    .content ul{paddin-bottom: 100px;}    
    .projects_li { margin-bottom: 100px;}    
    .projects_li dt{ font-size: 24px;}
    
    .projects_li dd,.projects_link a{font-size: 15px;display: block;}
}