.lp_banner{}
.lp_banner>img{width: 100%;}

.lp_navi_c{display: flex;flex-wrap: wrap;padding: 80px 0;}
.lp_navi_i{width: 31%;margin-right: 3.5%;margin-bottom: 30px;background-color: #f7f7f7;padding: 28px;}
.lp_navi_i:nth-child(3n){margin-right: 0;}
.lp_navi_i>h1{color: var(--base);font-size: 24px;padding-bottom: 22px;border-bottom: 1px solid #a7a7a7;margin-bottom: 22px;}
.lp_navi_iw{display: flex;flex-wrap: wrap;}
.lp_navi_iw>a{width: 48%;margin-right: 4%;line-height: 30px;border-radius: 10px;background-color: #fff;margin-bottom: 15px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-size: 12px;transition: .3s;}
.lp_navi_iw>a:nth-child(2n){margin-right: 0;}
.lp_navi_iw>a:hover{background-color: var(--base);color: #fff;}

.lp_file{}
.lp_file_c{}
.lp_file_c>h1{color: var(--base);font-size: 24px;padding-bottom: 22px;border-bottom: 1px solid #a7a7a7;margin-bottom: 22px;}
.lp_file_i{display: flex;justify-content: space-between;align-items: center;padding: 14px 0;border-bottom: 1px solid #ddd;}
.lp_file_i>h1{font-size: 16px;line-height: 2;}
.lp_file_i>h1>p{font-size: 14px;}
.lp_file_i>a{background-color: #f7f7f7;line-height: 35px;padding: 0 30px;}
.lp_file_i:hover>h1{color: var(--base);}
.lp_file_i:hover>a{background-color: var(--base);color: #fff;}

.lp_page{padding: 50px 0 100px;display: flex;justify-content: center;}
.paginationjs-prev.disabled{display: none;}
.paginationjs-next.disabled{display: none;}
.paginationjs .paginationjs-pages li{border: 0;margin: 0 5px;}
.paginationjs .paginationjs-pages li.active{border: 0;}
.paginationjs .paginationjs-pages li:last-child{border: 0;}
.paginationjs .paginationjs-pages li>a{border-radius: 10px;background-color: #eee;height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li.active>a{background-color: var(--base);height: 42px;line-height: 42px;min-width: 42px;}
.paginationjs .paginationjs-pages li:last-child>a{border-radius: 10px;}
.paginationjs .paginationjs-pages .paginationjs-ellipsis>a{background-color: #eee;}

@media screen and (max-width: 766px) {
    .lp_banner>img{height: 16rem;object-fit: cover;}

    .lj_nav_l{display: block;}
    
    .lp_navi_c{padding: 6rem 0;flex-direction: column;}
    .lp_navi_i{margin-right: 0;width: 100%;margin-bottom: 2rem;padding: 2rem;}
    .lp_navi_i>h1{font-size: 2.4rem;padding-bottom: 2rem;margin-bottom: 2rem;}

    .lp_file_c>h1{font-size: 2.2rem;}
    .lp_file_i{flex-direction: column;align-items: flex-start;}
    .lp_file_i>h1{font-size: 1.6rem;margin-bottom: 1rem;}
    .lp_file_i>h1>p{font-size: 1.4rem;}
    .lp_file_i>a{line-height: 3.5rem;}

}