.bx-team .i-desc p {
    font-size: 12px;
    line-height: 1.4;
}

.bx-team .i-desc h3 {
    color: #003838;
}

.is-timeline-wrapper {
    padding: 10px;
}

.is-timeline-bar-overlay{
    position: relative;
}
.is-timeline-bar-overlay::before {
    content: '';
    display: block;
    z-index: 99;
    height: 200%;
    width: 20%;
    position: absolute;
    left: -10%;
    top: 0;
    background: #F9F8F8;
    background: -webkit-linear-gradient(left, #F9F8F8 50%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, #F9F8F8 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, #F9F8F8 50%, rgba(255,255,255,0) 100%);
}

.is-timeline-bar-overlay::after {
    content: '';
    display: block;
    z-index: 99;
    height: 200%;
    width: 20%;
    position: absolute;
    right: -10%;
    top: 0;
    background: rgb(255,255,255);
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, #F9F8F8 50%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, #F9F8F8 50%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, #F9F8F8 50%);
}

.is-timeline-bar {
    height: 35px;
    text-align: center;
}

.is-timeline-bar::before {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background: var(--color-gray3);
    position: absolute;
    top: 10px;
}

.is-timeline-bar-bullet::before {
    content: "";
    display: block;
    background: var(--color-blue);
    height: 20px;
    width: 20px;
    position: relative;
    left: calc(50% - 10px);
    top: 5px;
    z-index: 999;
    cursor: pointer;
    margin-bottom: 10px;
}

.slick-current.is-timeline-bar-bullet::before {
    width: 30px;
    height: 30px;
    left: calc(50% - 15px);
    top: 0;
    background: var(--color-red);
}
.is-slides {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10px;
}
.is-slides::after {
    content: '';
    display: block;
    width: 5px;
    height: 50px;
    margin-top: 10px;
    position: relative;
    left: 50%;
    background-color: var(--color-red);
}
.is-about-arrow {
    position: absolute;
    transform: translate(0px, -50%);
}

.is-hidden-content{
    display: none;
}
.is-expanded-content{
    display: block;
}

.value-container {
    display: flex;
    flex-wrap: wrap;
}

.value-ico-container {
    padding: 10px;
}
.vc-r {
    flex-direction: column-reverse;
    align-items: flex-end;
}
.value-container h3 {
    font-family: Stolzl-bold;
    font-size: 24px;
    margin-bottom: 0;
}


.is-events .logo {
    height: 50px;
    margin-bottom: 20px;
    margin-top: 20px;
}

@media (min-width: 768px) {
    .is-events .logo {
        height: 50px;
        margin-bottom: 20px;
        margin-top: 0;
    }
    .value-container {
        flex-wrap: nowrap;
    }
    .value-container.vc-l {
        padding-right: 100px;
    }
    .value-container.vc-r {
        padding-left: 100px;
    }
    .value-ico-container {
        flex: 1 0 120px;
        margin-top: -25px;
    }
    .vc-r {
        flex-direction: row;
        align-items: flex-start;
    }
    .value-container h3 {
        font-size: 36px;
    }
    .bx-team .i-desc p {
        font-size: 16px;
    }
    .is-events {
        border-bottom: solid var(--color-red) 4px;
        padding: 20px;
        padding-top: 30px;
        display: flex;
    }
    .is-events-down::after {
        position: relative;
    }
    .is-events-down::after {
        content: "";
        width: 4px;
        height: 30px;
        background: var(--color-red);
        position: absolute;
        left: calc(50% - 11px);
        bottom: -20px;
    }
    .is-events-down.last::after {
        left: calc(50% + 6px);
    }
    .is-events-btn {
        display: inline-block;
        padding: 10px;
        background: #fff;
        position: absolute;
        bottom: -55px;
        right: 10%;
        z-index: 2;
    }
    .is-events-1st {
        border-image: linear-gradient(90deg, rgba(255,255,255,0) 25%, rgba(255,64,64,1) 25%);
        border-image-slice: 1;
    }
    .is-events-2nd {
        border-right: solid var(--color-red) 4px;
    }
    .is-events-3rd {
        border-left: solid var(--color-red) 4px;
        border-image: linear-gradient(90deg, rgba(255,64,64,1) 75%, rgba(255,255,255,0) 75%);
        border-image-slice: 1;
    }
    .is-events-down.last {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }
}