.h-mv {
    background: url(../img/hall_of_fame/back.jpg) repeat-y;
    background-size: contain;
    padding-bottom: 30px;
}

.h-mv_img {
    text-align: center;
    padding: 80px 0 20px
}

.h-mv_txt {
    width: 80%;
    margin: 0 auto;
    padding: 25px 0;
    line-height: 1.7;
    color: #000;
}

.main {
    margin: 20px auto;
    padding: 5px 0;
    width: 910px;
    background: linear-gradient(90deg, rgba(166, 128, 71, 1) 0%, rgba(104, 56, 19, 1) 25%, rgba(161, 128, 69, 1) 60%, rgba(177, 139, 86, 1) 72%, rgba(166, 128, 71, 1) 84%, rgba(104, 57, 22, 1) 100%);
}

.h-list {
    margin: 0 auto;
    width: 900px;
    text-align: center;
    background: #ffffff;
}

.h-list table {
    width: 96%;
    border-collapse: collapse;
    margin: 0 auto;
    color: #000;
}

.h-list table tr {
    border-bottom: 1px dashed #000;
}

.h-list table tr:last-child {
    border-bottom: none;
}

.h-list table td.company {
    width: 30%;
    font-size: 1.3em;
    padding: 10px 20px 10px 10px;
    vertical-align: middle;
}

.h-list table td.product {
    width: 40%;
    font-size: 1.3em;
    font-weight: bold;
    padding: 10px 0;
    vertical-align: middle;
}

.h-list table td.photo {
    width: 30%;
    padding: 0 auto;
    vertical-align: middle;
    text-align: left;
}

.h-list table td.photo img {
    height: 50px;
    padding: 5px 0;
}

@media screen and (max-width: 1024px) {
.main {
    width: auto;
    margin: 10px;
    padding: 10px;
}

.h-list {
     width: auto;
}

}

@media screen and (max-width: 768px) {
    .h-mv_img {
        padding: 30px 0 10px;
    }

    .h-mv_txt {
        width: 100%;
        padding: 0 0 25px;
    }

    .main {
        margin: 0 1%;
        padding: 5px 0;
        width: 98%;
    }

    .h-list {
        width: 98%;
    }

    .h-list table {
        width: 96%;
        margin: 0 auto;
    }

    .h-list table td.company,
    .h-list table td.product {
        font-size: 1em;
    }

    .h-list table td img {
        height: 40px;
    }

}

.center {
    text-align: center;
}

@media screen and (max-width: 768px) {
    .center {
        text-align: center;
        margin-top: 3%;
}

}