#special {min-height: 791px; z-index: 0; position: relative; background: url(../images/special/bg.jpg) center top no-repeat #131313; padding: 94px 0 115px;}
#special h2 {background: url(../images/special/h2.png) center top no-repeat; height: 53px; margin-bottom: 40px;}
#special h3 {margin: 0 0 40px; padding-top: 40px;}
#special .wallpaper {display: flex; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap; margin: 0 auto;}
#special .wallpaper div{width: 446px; margin: 0 0 40px; pointer-events: none; transition: 0.3s;}
#special .wallpaper div:hover {filter: brightness(1.2);}
#special .wallpaper div img {width: 100%; height: auto; backface-visibility: hidden;}
#special .wallpaper ul {display: flex; justify-content: space-between; align-items: center; align-content: center; flex-wrap: wrap;}
#special .wallpaper ul li {margin: 10px 0 0;}
#special .wallpaper ul li img {width: 142px; height: auto;}
#special li a{display: inline-block; transition: 0.3s; pointer-events: auto;}
#special li a:hover {filter: brightness(1.5);}
.ie11 #special li a:hover{opacity: 0.7;}
@media screen and (min-width:1921px){
#special{background-size: 100vw auto;}
}
@media screen and (max-width:1400px){
#special{background-size: 1920px auto;}
#special .wallpaper {width: 952px; justify-content: center;}
#special .wallpaper div {margin: 0 15px 40px;}
}


@media screen and (max-width:640px){
/*
    SP
*/
#special {background: url(../images/special/bg-sp.jpg) left top no-repeat; background-size: cover; padding: 13.125vw 0 14.063vw; min-height: inherit; margin-top: -0.2vw;}
#special .wrap {min-width: inherit;}
#special h2 {height: 8.281vw; margin-bottom: 10.938vw; background-size: auto 100%;}
#special h3 {margin: 0 0 6.25vw; padding-top: 0;}
#special h3 img {height: auto; width: 100vw;}

#special .wallpaper {display: block; margin: 0 auto 0; width: 100vw;}
#special .wallpaper div{width: 90.625vw; margin: 0 auto 0;}
#special .wallpaper div + div {margin-top: 11.719vw;}
#special .wallpaper ul {width: 90.625vw;}
#special .wallpaper ul li {margin: 2.188vw 0 0;}
#special .wallpaper ul li img {width: 28.594vw; height: auto;}
#special p.interview img {width: 90.625vw; height: auto;}

}



/* animation */
#special .animation {opacity: 0; transform: translate(-0,50px);}
#special .animation.fadein{opacity:1; transform: translate(0,0); transition: 0.75s 0.1s cubic-bezier(0.215, 0.61, 0.355, 1);}



