/*-------------------------------------------------------------------------
require
-------------------------------------------------------------------------*/
@charset "UTF-8";

.office__article {
    padding-block: 150px 50px;
    text-align: center;
}
    .office__description {
        margin: 0 0 110px;
        position: relative;
        font-weight: 500;
        color      : #293A4F;
        line-height: 2.11;
        word-break: auto-phrase;
    }
    .office__description:after {
        content: "";
        width: 1px;
        height: 53px;
        background-color: var(--main-color);
        position: absolute;
        top     : calc(100% + 20px);
        left    : 0;
        right   : 0;
        margin  : auto;
    }
.office__section:not(:last-child){
    margin: 0 0 100px;
}
    .office__ttl {
        margin: 0 0 32px;
        font-weight: 500;
        color      : #293A4F;
    }
    .office__text {
        margin: 0 0 32px;
        word-break: auto-phrase;
        text-align: center;
    }
    .office__slider {
        width: 100%;
        max-width: 600px;
        margin: auto;
    }

.slick-dots {
    display        : flex;
    gap            : 7px;
    align-items    : center;
    justify-content: center;
}
    .slick-dots button {
        width: 6px;
        height: 6px;
        background-color: #B3C0CF;
        border-radius: 50%;
        font-size: 0;
        color    : transparent;
    }
    .slick-dots .slick-active button {
        background-color: var(--main-color);
    }

@media screen and (max-width: 768px){ 
    .office__article {
        padding: 50px 20px 0 20px;
    }
    .office__section:not(:last-child){
        margin-bottom: 50px;
    }
    .office__ttl {
        margin: 0 0 20px;
    }
}