.lists { width: 1100px;display: block;margin: 50px auto 40px;font-size:16px;font-size: 1.6rem;
    font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.lists .load_more a {display:  block;max-width: 280px; border: 2px solid #62AF94; padding: 10px 14px 10px 14px;
    text-align:  center;border-radius: 6px;margin: 20px auto 0;font-size:  20px;font-size: 2rem;color: #444444;background: #e9f4d9;
    font-family: 'NOTOSANSCJKJP-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.lists .load_more a:hover {text-decoration:  none;opacity: .8;}
.lists h2 { position:  relative;padding-left: 40px; margin-bottom: 20px;
    font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.lists h2:before {
    content:  "";
    position:  absolute;
    background: url("../../img/top/latest_news.svg") no-repeat;
    width: 33px;
    height: 40px;
    left:  0;
}
.list_reports {
    width: 1100px;
    display: block;
    margin: 60px auto 60px;
    font-size:16px;
}
.list_reports h2{
    position:  relative;
    padding-left: 45px;
    margin-bottom: 26px;
    font-size: 24px;
    font-size: 2.4rem;
    font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.list_reports h2:before{
    content:  "";
    position:  absolute;
    background: url("../../img/top/yuan.svg") no-repeat;
    width: 40px;
    height: 40px;
    left:  0;
}
.lists table,.list_reports table {
    /* width: 100%; */
    border-bottom: 2px solid #62AF94;
    border-right: 2px solid #62AF94;
    border-top: 1px solid #62AF94;
    border-left: 1px solid #62AF94;
}

.lists table tr td ,.list_reports table tr td,.list_reports table tr th{
    border: 1px solid #62AF94;
    padding: 18px 14px 18px 14px;
    border-bottom: 0px;
    border-right: 0px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align:  left;
    line-height: 2;
    font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
}

td.tbody_content,th.tbody_content {
    padding-left: 30px !important;
    width: 930px;
}
.table_bg {
    background: #E9F4D9;
}

.preferential_service {
    max-width:  880px;
    display:  block;
    margin: 0px auto 50px;
}

h3.preferential_title {
    background: #FF891F;
    padding: 10px 0px 10px 0px;
    max-width: 210px;
    text-align:  center;
    font-size:  18px;
    font-size: 1.8rem;
    color: #fff;
    font-family: 'NOTOSANSCJKJP-BOLD','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.preferential_content {
    background: #FBFFE3;
    padding: 25px 40px 25px 40px;
    overflow:  hidden;
    font-size: 16px;
    box-sizing:  border-box;
}

.preferential_image {
    float: left;
    margin-right: 18px;
}

.preferential_paragraph {font-size:  16px;font-size: 1.6rem;line-height: 1.6;padding-top: 5px;font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;}
.advertisement h2 {
    position:  relative;
    padding-left: 45px;
    margin-bottom: 10px;
    border-radius: 50px;
    font-size:  24px;
    font-size: 2.4rem;
    max-width: 400px;
    color: #000;
    background:#e9f3da;
    font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.advertisement h2:before {
    content:  "";
    position:  absolute;
    background: url("../../img/top/circle1.svg") no-repeat;
    width: 40px;
    height: 40px;
    left:  0;
    
}
.advertisement_content {
    line-height:  2;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0px 45px 15px;
    font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.advertisement {
    width: 1100px;
    display: block;
    margin: 0px auto 40px;
    font-size:16px;
    font-size: 1.6rem;
    font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}

.advertisement a {
    background: #eaf3da;
    width:  168px;
    height: 40px;
    display:  block;
    line-height:  40px;
    border-radius:  4px;
    border: 2px solid #76c4aa;
    text-align:  center;
    position:  relative;
}

.advertisement a:after {
    content:  '';
    position:  absolute;
    right:  0;
    background: url(../../img/top/narrow_right_top_after.svg) no-repeat right;
    width:  12px;
    height: 14px;
    top: 30%;
    right: 16px;
}
.advertisement a { margin-left: 45px;}
.advertisement a:hover { opacity: .8;}
.environment{width: 1100px;display: block;margin: 0px auto 60px;font-size:16px;font-size: 1.6rem;overflow:  hidden;    
    font-family: 'NOTOSANSCJKJP-DEMILIGHT','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.environment h2 {
    position:  relative;
    padding-left: 46px;
    margin-bottom: 10px;
    font-size:  24px;
    font-size: 2.4rem;
    max-width: 400px;
    color: #000;
    font-family: 'KOZGOPR6N-MEDIUM','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.environment h2:before {content:  "";position:  absolute;background: url("../../img/top/switch.svg") no-repeat;width: 40px;height: 40px;left:  0;}
.service_link { float:  left; margin-left: 45px;max-width: 500px;font-family: 'NOTOSANSCJKJP-REGULAR';}

.service_link p, 
.more_servie_link p {font-size: 16px; font-size: 1.6rem;margin-bottom: 5px;
    font-family: 'NOTOSANSCJKJP-REGULAR','Hiragino Kaku Gothic ProN', 'MS P Gothic', Osaka, Arial, Helvetica, Verdana, sans-serif;
}
.service_link img {max-width: 400px;}
.service_link a:hover,
.more_servie_link a:hover {opacity: .8;}
.more_servie_link img {max-width:  512px;}
.more_servie_link {float:  right;width: 545px;max-width: 545px;}

@media (max-width: 1199px) and (min-width: 992px){
    .lists ,
    .list_reports ,
    .advertisement,
    .environment {width:  auto;margin:20px;}
    .service_link {width: 420px;}
    .more_servie_link a img { width: 367px;}
    .service_link img {width: 316px;}
    .more_servie_link {width: 465px;max-width:  inherit;}
    .more_servie_link a img {width:  400px;}
    .service_link a,.more_servie_link a {display:  block;}
    .preferential_service { max-width:  inherit;margin: 27px;}
}
@media (max-width: 990.99px) and (min-width: 768px){  
    .lists, .list_reports, .advertisement,.environment {width:  auto;margin: 50px 20px;}
    .list_reports h2 {font-size: 24px;}
    .environment {max-width: 910px;display: block;margin: 0px auto 50px;}
    .environment h2{margin-left:20px;}
    .lists table, .list_reports table {width:  auto;}
    .preferential_service {margin: 40px 20px;}
    .service_link img {width: 250px;}
    .more_servie_link img {width: 310px;}
    .more_servie_link {width:  auto;float: none;display: inline-block;margin-left: 20px;}
    .service_link {float:  none;display:  inline-block;margin-left: 67px;}
    .preferential_image img {width: 270px;}
    .preferential_paragraph {font-size: 13px; }
    .service_link p, .more_servie_link p {font-size: 13px;}
    .lists table tr td, 
    .list_reports table tr td, 
    .list_reports table tr th {font-size: 16px;}
    .lists .load_more a { font-size: 20px; max-width: 300px;}
    .preferential_title {font-size: 18px;}
    .advertisement_content {font-size: 15px;}
    
}
@media (max-width: 767px){
    .lists {width:  auto;margin: 0 auto;max-width: 420px;display:  block;}
    .lists .load_more a {font-size: 10px;max-width: 150px;margin-top: 10px;}
    .lists h2 {padding-left: 40px;margin: 0px auto 10px;max-width: 595px;font-size: 16px;font-size: 1.6rem;}
    .lists h2:before {content:  "";position:  absolute;background: url("../../img/top/latest_news.svg") no-repeat;width: 25px;height: 25px;left: 10px;}
    .lists table, .list_reports table {width: 94%;margin: 0px auto;}
    .lists table tr td, .list_reports table tr td, .list_reports table tr th{font-size: 9px;}
    td.table_bg { width: 63px;padding: 10px !important;}
    td.tbody_content, th.tbody_content {padding: 10px !important;width: 160px;}
    .preferential_service {max-width: 380px;margin: 22px auto;display:  block;}
    .list_reports {width:  auto; margin: 0px auto;max-width: 420px;}
    .list_reports h2 {padding:  0px;max-width: 595px;display:  block;margin: 0px auto 20px;padding-left: 40px;font-size: 12px;}
    .list_reports h2:before {content: "";position: absolute;background: url(../../img/top/yuan.svg) no-repeat;width: 25px;height: 25px;left: 10px;top: -4px;}
    h3.preferential_title {font-size:  12px;font-size: 1.2rem;max-width: 90px;margin-left: 10px;padding: 6px;}
    .preferential_content {padding: 0px 16px 16px;margin: 0px 10px;}
    .preferential_image {float:  none;display:  block;margin: 16px auto 10px;margin-right:  0px;vertical-align:  middle;text-align:  center;}
    .preferential_image img {width: 195px;}
    .preferential_paragraph {float:  none;font-size: 9px;font-size: 0.9rem;box-sizing:  border-box;padding: 0px 15px;}
    .advertisement {width:  auto;display: block;margin: 25px auto 9px;max-width: 410px;}
    .advertisement a {margin-left: 45px;font-size:  10px;font-size:  1rem;width:  85px;height:  27px;line-height: 27px;}
    .advertisement a:after {width: 7px;height: 7px;top: 37%;right: 14px;}
    .advertisement a img { width:  90px;}
    .advertisement h2 {padding: 3px;font-size: 12px;padding-left: 24px;display:block;width: 200px;margin-left: 15px;margin-bottom: 0px;background: url(../../img/top/circle.svg) no-repeat left;}
    .advertisement h2:before {display:none;}
    .advertisement_content {font-size: 10px;padding: 0px 45px 7px;}
    .environment {width:  auto;display:  block;max-width: 400px;margin-bottom: 30px;}
    .environment h2 {font-size: 12px;max-width:  420px; padding-left: 50px; margin-top: 15px;}
    .environment h2:before {content: "";position: absolute;width: 25px;height: 25px;left: 20px;top: 0px;background: url(../../img/top/switch.svg) no-repeat;}
    .service_link {max-width: 380px;display: inline-block;margin: 0px auto 15px;margin-left: 48px;}
    .service_link a {display:  block;}
    .service_link img {width: 200px;}
    .service_link p, .more_servie_link p {font-size: 9px;}
    .more_servie_link {max-width: 380px;margin:  0px auto;display: inline-block;float: inherit;width:  auto;margin-left: 48px;}
    .more_servie_link img {width: 245px;display:  block;margin:  0px auto;}
    .more_servie_link a {display:  block;}

}