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

COMPANY 会社情報ページ

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

/* ----------------------------------------
GREET
---------------------------------------- */

.greet__title {
    font-size: var(--fontSize-3xl);
    margin-bottom: 1em;
}

.greet__text {
    display: flex;
    flex-direction: column;
    line-height: 2.25;
    gap: 2em;
}

.greet__text p:last-child {
    text-align: right;
}

@media (width < 768px) {
    .greet__inner {
        padding-inline: 1em;
    }
}

/* ----------------------------------------
COMPANY DETAIL
---------------------------------------- */

.company__title {
    font-size: var(--fontSize-lg);
    letter-spacing: 0.2em;
    margin-bottom: 0.5em;
    text-align: center;
}

.company__detail {
    display: flex;
    flex-direction: column;
    row-gap: 1em;
    border-top: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    padding: 2em 0;
}

.company__detail div {
    display: flex;
    column-gap: clamp(1em, 12vw, 140px);
    align-items: center;
    width: 90%;
    margin-inline: auto;
}

.company__detail dt {
    width: 6em;
}

.company__detail dd {
    flex: 1;
    text-align: left;
}

@media (width < 768px) {
    .company__detail div {
        flex-direction: column;
        align-items: flex-start;
    }

    .company__detail dt {
        width: auto;
    }
}

/* ----------------------------------------
ACCESS
---------------------------------------- */

.access__title {
    font-size: var(--fontSize-lg);
    letter-spacing: 0.2em;
    margin-bottom: 1em;
    text-align: center;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1em;
}

.access__address {
    margin-bottom: 2em;
    text-align: left;
}

.access__map {
    width: 100%;
    height: 360px;
}

.access__map iframe {
    width: 100%;
    height: 100%;
    border: none;
}