#privilege {background: url(../images/privilege/bg.jpg) center top no-repeat; height: 398px; overflow: hidden; z-index: 10; position: relative; padding: 35px 0 0;}
#privilege h2 {background: url(../images/privilege/h2.png) center top no-repeat; height: 74px; margin-bottom: 33px;}
#privilege ul {display: flex; justify-content: center; align-items: center; align-content: center; width: 1200px; margin: 0 auto;}
#privilege ul li {width: 600px;}
#privilege ul li a{transition: 0.3s; display: inline-block;}
#privilege ul li a:hover{filter: brightness(1.5); transition: 0.5s;}
.ie11 #privilege ul li a:hover{opacity: 0.7;}
#privilege ul li span {display: block; margin: 12px 0 0;}

@media screen and (min-width:1921px){
    #privilege{background-size: 100% auto;}
}

@media screen and (max-width:640px){
/*
    SP
*/
#privilege {background: url(../images/privilege/bg-sp.jpg) left top no-repeat; height: 100.625vw; background-size: cover; width: 100vw;}
#privilege .wrap {width: 100vw; min-width: inherit;}
#privilege h2 { height: 11.563vw; margin-bottom: 6.4vw; background-size: auto 100%;}
#privilege ul {display: block; width: 100vw;}
#privilege ul li {width: 100vw;}
#privilege ul li a{display: block;}
#privilege ul li img {width: 63.75vw; height: auto;}
#privilege ul li span {display: block; margin: 2vw 0 0;}
#privilege ul li span img {height: 10vw; width: auto;}
#privilege ul li + li {margin-top: 6.4vw;}


}