@charset "utf-8";

.site {position:relative;}
.site-list {position:relative;width:100%;overflow:hidden;}
.site-list ul {margin:-5px}
.site-list ul li {float:left;position:relative;width:25%;padding:5px}
.site-list ul li a {display:block;position:relative;}
.site-list ul li .list-inner {position:relative;width:100%;border:1px solid #ddd;}
.site-list ul li .list-inner .img {position:relative;}
.site-list ul li .list-inner .img img {max-width:100%;height:auto;}
.site-list ul li .list-inner .list-cont {position:relative;text-align:center;padding:1rem 0.5rem 1rem;}
.site-list ul li .list-inner .list-cont .name {font-size:1rem;color:#424242;line-height:1.2;}
.site-list ul li .list-inner .list-cont .btn-box {position:relative;margin-top:0.7rem}
.site-list ul li .list-inner .list-cont .btn-box .site-link {
    display:inline-block;
    position:relative;
    width:8.7rem;
    height:2.05rem;
    line-height:1.95rem;
    border-radius:50px;
    font-size:0.9rem;
    color:#fff;
    background-color:#cf353a;
}
@media screen and (max-width:770px){
    .site-list ul li {width:33.333333333%}
}
@media screen and (max-width:600px){
    .site .table-box {overflow-x:auto;}
    .site .tbl-type1 {min-width:610px;}
}
@media screen and (max-width:500px){
    .site-list ul li {width:50%}
    .site-list ul li .list-inner .list-cont .btn-box .site-link {width:100%}
}