@charset "utf-8";

/* ==================================================================

    company.css

=================================================================== */

/* --------------------------------
■共通
-------------------------------- */

/* --------------------------------
■message
-------------------------------- */
#message {
    padding-bottom: 0;
}
#message .text {
    line-height: 2.5;
}
#message .image {
    width: 100%;
    height: auto;
    margin-top: 70px;
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {

    #message .text {
        line-height: 2;
    }
    #message .image {
        margin-top: 40px;
    }
}

/* --------------------------------
■profile
-------------------------------- */
#profile .gmap {
    font-size: var(--font-size-s);
    margin-left: 12px;
    letter-spacing: 0.04em;
}

@media only screen and (max-width: 767px) {

    #profile .gmap {
        display: block;
        margin-left: 0;
    }
}

/* --------------------------------
■access
-------------------------------- */
#access .map {
    margin-bottom: 30px;
}

@media only screen and (max-width: 767px) {

    #access iframe {
        width: 100%;
        height: 100%;
        aspect-ratio: 3 / 4;
    }
}

/* --------------------------------
■staff
-------------------------------- */
#staff ul.list {
    gap: 70px;
}
#staff .staff_box figure {
    width: 210px;
}
#staff .staff_box .txt_box {
    width: calc( 100% - 210px - 32px);
}
#staff .staff_box .txt_box .beige_box {
    padding: 28px;
    margin-top: 20px;
    gap: 6px 32px;
}
#staff .staff_box .txt_box .beige_box li {
    width: calc(( 100% - 32px) /2);
    min-width: 210px;
    font-size: var(--font-size-s);
}

@media only screen and (max-width: 767px) {

    #staff ul.list {
        gap: 60px 0;
    }
    #staff .staff_box {
        gap: 20px 0;
    }
    #staff .staff_box .txt_box .beige_box {
        padding: 16px 4%;
    }
}