@charset "utf-8";
.company-table{
    width: 90%;
    margin: 0 auto;
}

.ceo-message__box{
    background-color: var(--light-color);
    padding: 50px 5%;
}

.ceo-message{
    align-items: flex-end;
    flex-direction: column;
    gap: 30px;
}

.ceo-txt .ceo{
    display: block;
    margin: 30px 0 0 auto;
    text-align: right;
    font-weight: 500;
}

.ceo-img{
    aspect-ratio: 9/16;
    object-fit: contain;
    object-position: center;
}

.philosophy{
    flex-direction: column;
    gap: 30px;
}

.philosophy-img{
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center;
}

.company-table__item{
    border-bottom: 1px solid #999;
    padding: 20px 2%;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.company-table__item:first-of-type{
    border-top: 1px solid #999;
}

.map-dd{
    width: 100%;
}

.map{
    width: 100%;
    height: 350px;
}

@media screen and (min-width:768px) {
    .ceo-message__box{
        padding: 50px;
    }

    .ceo-message{
        flex-direction: row;
    }

    .ceo-img{
        width: 40%;
    }

    .company-table__item{
        flex-direction: row;
        gap: 0;
    }
    
    .company-table__item dt{
        width: 100px;
        flex-shrink: 0;
    }
}

@media screen and (min-width:1080px) {
    .company-table{
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
}