@charset "UTF-8";
@import "root.css";

/* ===============================
    会社情報
=============================== */
section#information {
    padding-bottom: 0;
}

#information .information__containt .information__table.table .table__row .table__th {
    width: 200px;
}

@media (max-width: 767px) {
    #information .information__containt .information__table.table .table__row .table__th {
        width: 100%;
    }
}


/* ===============================
    代表挨拶
=============================== */
section#greeting {
    padding-bottom: 0;
}

#greeting .greeting__container {
    display: flow-root;
}

#greeting .greeting__imagebox {
    width: min(55%, 1000px);
}

#greeting .greeting__containt {
    width: clamp(650px, 55%, 1000px);
    float: right;
    background-color: var(--color-white);
    padding: 75px 110px 100px 110px;
    margin-top: -25%;
    position: relative;
}

#greeting .greeting__containt .greeting__message .greeting__message__post {
    margin-bottom: 20px;
    font-weight: var(--regular);
    font-size: clamp(var(--rem13),var(--vw14),var(--rem16));
}

#greeting .greeting__containt .greeting__message .greeting__message__post .greeting__message__name {
    font-weight: var(--medium);
    font-size: clamp(var(--rem17), var(--vw18), var(--rem24));
    margin-left: 1.5rem;
}

#greeting .greeting__containt .greeting__message .greeting__messagebox__text {
    margin-bottom: 1rem;
}

#greeting .greeting__containt .greeting__message .greeting__messagebox__text:last-child {
    margin-bottom: 0;
}

@media (max-width: 1200px) {
    #greeting .greeting__containt {
        padding: 50px;
        margin-top: -10%;
    }
}

@media (max-width: 767px) {
    #greeting .greeting__container {
        display: flex;
        flex-direction: column-reverse;
    }

    #greeting .greeting__imagebox {
        width: 100%;
    }

    #greeting .greeting__containt {
        width: 100%;
        float: none;
        padding: 0;
        margin: 0 0 30px;
    }
}


/* ===============================
    スタッフ紹介
=============================== */
section#staff {
    background-color: var(--color-bg_ivory);
    padding-bottom: 170px;
}

#staff .staff__contant .staff__item .staff__item__imagebox {
    width: min(90%, 450px);
    margin-bottom: 15px;
}

#staff .staff__contant .staff__item .staff__item__info .staff__item__info__flex {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    margin-bottom: 10px;
    line-height: 1;
}

#staff .staff__contant .staff__item .staff__item__info .staff__item__info__name {
    font-size: clamp(var(--rem17), var(--vw18), var(--rem24));
}


/* 矢印 */
.dli-chevron-round-left,
.dli-chevron-round-right {
    color: var(--color-white);
}

.staff__contant {
    position: relative;
}

/* 共通 */
.custom-arrow {
    position: absolute;
    bottom: -70px;
    right: 10px;
    background: var(--color-base_beige);
    color: var(--color-white);
    border: none;
    padding: 6px 10px;
    font-size: 18px;
    cursor: pointer;
}

/* ＜ */
.custom-arrow.slick-prev {
    right: 80px;
}

/* ＞ */
.custom-arrow.slick-next {
    right: 10px;
}

.custom-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* ===============================
    アクセス
=============================== */
#access .access__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#access .access__containt {
    width: min(47%, 660px);
}

#access .access__containt .access__info__table.table .table__row .table__th {
    width: 150px;
}

#access .access__map {
    width: 50%;
    aspect-ratio: 5 / 3;
}

@media (max-width: 767px) {
    #access .access__container {
        display: block;
    }

    #access .access__containt,
    #access .access__map {
        width: 100%;
    }

    #access .access__containt .access__info__table.table .table__row .table__th {
        width: 100%;
    }
}