@charset "UTF-8";

/* ====================
company
==================== */
.company {
    padding: 15px 9.3%;
    display: block;
}

.company h2 {
    font-size: 1.3rem;
}

/* pc 769px */
@media screen and (min-width:769px) {
    .company {
        padding: 40px 7%;
    }

    .company h2 {
        font-size: 3.2rem;
    }
}

/* ====================
company information
==================== */
.company__info {
    margin-top: 10px;
}

.company__item {
    padding: 10px 2.6%;
    border-bottom: 1px solid #818181;
}

.company__item dt {
    font-size: 1.2rem;
    font-weight: 700;
}

.company__item dd {
    font-size: 1.2rem;
    margin-top: 15px;
}

.company__item:nth-child(5) dd {
    line-height: 2.083;
}

.company__item:nth-child(6) dd {
    line-height: 2.083;
}

.company__item:nth-child(7) dd {
    line-height: 2.083;
    letter-spacing: 0.06em;
}

.company__item:nth-child(7) dd:first-of-type {
    margin-top: 10px;
}

.company__item:last-of-type dd {
    line-height: 2.083;
}

.company__item:last-of-type dd:last-of-type {
    display: flex;
    justify-content: center;
    /* 🔹 中央揃え */
    align-items: center;
    gap: 10px;
    /* 🔹 画像の間隔 */
    width: 100%;
    /* 🔹 幅を親要素いっぱいにする */
    max-width: 100%;
    /* 🔹 はみ出しを防ぐ */
}

.company__item:last-of-type dd:last-of-type img {
    max-width: 85px;
    /* 🔹 必要に応じてサイズを調整 */
    height: auto;
}

/* pc 769px */
@media screen and (min-width:769px) {
    .company__info {
        margin-top: 45px;
    }

    .company__item {
        display: flex;
        padding: 30px 0px;
        align-items: flex-start;
        align-self: stretch;
    }

    .company__item dt {
        font-size: 2.2rem;
        white-space: nowrap;
        /* `dt` の改行を防ぐ */

        flex-basis: 150px;
        /* `dt` の幅を固定（調整可能） */
        flex-shrink: 0;
        /* `dt` が縮まないように */
    }

    .company__item dd {
        font-size: 2.2rem;
        margin-top: 0px;
        flex: 1; /* `dd` の幅を可変に */
        margin: 0;
        margin-left: 50px;
    }

    .company__item:nth-child(5) dd {
        line-height: 2.727;
    }

    .company__item:nth-child(6) dd {
        line-height: normal;
    }

    .company__item:nth-child(7) dd {
        line-height: 2.273;
    }

    .company__item:nth-child(7) dd {
        margin-top: 20px;
    }

    .company__item dd::first-line {
        line-height: normal;
    }

    .company__item:nth-child(7) dd:first-of-type {
        margin-top: 0px;
    }

    .company__item:last-of-type dd {
        line-height: 2.273;
        margin-top: 25px;
    }

    .company__item:last-of-type dd:first-of-type {
        margin-top: 0px;
    }

    .company__item:last-of-type dd:last-of-type {
        gap: 50px;
    }

    .company__item:last-of-type dd:last-of-type img {
        max-width: 270px;
        /* 🔹 必要に応じてサイズを調整 */
        height: auto;
    }

}