@charset "utf-8";

/* 
 * content CSS Document
 *
 */



.project_wrap.sub .tabs {
    display: flex;
    justify-content: center;
    margin-bottom:9rem;
}

.project_wrap.sub .tab-button {
    padding: 10px;
    font-size:1.7rem;
    cursor: pointer;
    list-style: none;
}

.project_wrap.sub .tab-button.active {
    font-weight: bold;
    color: var(--color-point); 
    border-bottom: 2px solid var(--color-point);
}

.project_wrap.sub .project > li {
    display: none; 
    opacity: 0; 
    transition: all 0.3s ease; 
}

.project_wrap.sub .project > li.show {
    display: block; 
    opacity: 1; 
    transition: all 0.3s ease; 
}