@charset 'utf-8';
.na-list2-swiper {overflow: hidden; height: 123px; border-top: 2px solid var(--border-color-ccc);}

.na-list2 { } 
.na-list2 .na-title { display: flex; align-items: center; gap:2rem; position: relative; padding: 0 1rem; height: 100%; border-bottom: 1px solid var(--border-color-ccc);} 
.na-list2 [class^='col'] { overflow: hidden;  padding: 0 1rem; text-align: center;  font-size: 1.4rem; color: #111; text-overflow: ellipsis; white-space: nowrap;  }

.na-list2 .col1 { width: 15rem; }
.na-list2 .col2 { width: 16rem; }
.na-list2 .col3 { 
    flex:1; 
    display: -webkit-box;    
    text-align: left;
    line-height: 1.2142;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    word-wrap:break-word;
}

.na-list2 .col4 { width: 5rem; }
.na-list2 .col5 {  width: 6rem; }

@media (max-width:1500px){
    .na-list2 .na-title { gap:.5rem; padding: 0;}
    .na-list2 .col1 {  width: 13.5rem}
    .na-list2 .col2 { width: 12rem; }
    .na-list2 .col4 { width: 5rem; }
    .na-list2 .col5 {  width: 6rem; }
}
@media (max-width:1200px){
    .na-list2 .na-title { gap:0;}
    .na-list2 [class^='col'] { padding: 0 .5rem;}
    .na-list2 .col1 {  width: 12.5rem}
    .na-list2 .col2 { width: 11rem; }
    .na-list2 .col4 { width: 4rem; }
    .na-list2 .col5 {  width: 5rem; }
}