/*****************************************************************
会社概要ページ専用スタイル
*****************************************************************/

/* Definition List */
dl {
    border-top: 2px solid #aaaaaa;
    display: table;
    width: 100%;
}

dt,
dd {
    display: table-cell;
    padding: 1.5em;
    box-sizing: border-box;
    vertical-align: middle;
}

dt {
    font-weight: bold;
    text-align: center;
    width: 200px;
}

dd {
    width: calc(100% - 200px);
}

/* Responsive Styles */
@media screen and (max-width: 767px) {
    dl {
        display: block;
    }
    
    dt,
    dd {
        display: block;
        width: 100%;
    }
    
    dt {
        padding: 1em 1em 0 1em;
    }
    
    dd {
        padding: 1em;
    }
}