@charset "UTF-8";

/*------------------------------------*\
    $STYLES
\*------------------------------------*/
.inner {
    padding-top: 32px;
    padding-bottom: 48px;
    background-color: white;
}
@media screen and (orientation: landscape) {
    .inner { padding-inline: 32px }
}
@media screen and (orientation: portrait) {
    .inner { padding-inline: 24px }
}


.company__title {
    margin-bottom: 32px;
    color: var(--primaryColor);
    font-size: 2.4rem;
    line-height: calc(32 / 24);
}


.company__list {}

    .company__item:nth-child(even) { background-color: var(--linkOverlayColor) }
    .company__item:not(:last-child) { border-bottom: 1px solid var(--fontLightColor) }

        .company__line {
            display: flex;
            align-items: center;
            font-size: 1.6rem;
            line-height: 1.5;
        }

            .company__label,
            .company__content {
                padding-block: 1.5em;
                padding-inline: 1em;
            }
            .company__label {
                width: 7em;
            }
            .company__content {
                width: calc(100% - 7em);
            }