@charset "utf-8";

#compare-service .compare-table{width:100%;border-collapse:collapse;table-layout:fixed}
#compare-service .compare-table thead tr th:first-child{background-color:var(--gray-100)}
#compare-service .compare-table th{padding:16px 20px;font-weight:600 !important;text-align:center;border-top:1px solid var(--gray-600);border-bottom:1px solid var(--gray-600);color:var(--gray-600) !important}
#compare-service .col-label{width:28%}
#compare-service .col-highlight{width:36%;border-left:4px solid var(--green);border-right:4px solid var(--green)}
#compare-service .col-other{width:36%}
#compare-service thead .col-highlight{color:var(--green) !important;border-top:4px solid var(--green)}
#compare-service .compare-table tbody tr{border-bottom:1px solid var(--gray-100)}
#compare-service .compare-table tbody tr td:first-child{background:var(--gray-100)}
#compare-service .compare-table tbody tr:last-child{border-bottom:none}
#compare-service .compare-table td{padding:16px 20px;border-bottom:1px solid var(--gray-200);font-weight:400 !important;text-align:center;vertical-align:middle;color:var(--gray-600) !important}
#compare-service .row-label{background-color:#f9f9f9;color:var(--gray-600) !important}
#compare-service .last-row .col-highlight{border-bottom:4px solid var(--green)}
#compare-service .check-item{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--green)}
#compare-service .check-icon{display:flex}
#compare-service .other-val{color:var(--gray-600) !important}
#compare-service img{width:24px}

@media (max-width:1024px){
#compare-service{display:none}
}