@charset "utf-8";
/* CSS Document */

.j_tab{ display:table; width:100%; height:100%;}
.j_tab_cel{ display:table-cell; vertical-align:middle; width:100%; height:100%;}
img{ max-width:100%; max-height:100%;}
.img img{ width:100%; height:100%;}
.m{ max-width: 1600px; height:100%;margin: 0 auto; padding-left:100px; padding-right: 100px; display: block; position:relative;}

#s_coop{ width: 100%; position: relative; overflow: hidden; border-top: 1px solid #ebebeb;}
#s_coop ul{ margin:0 -1.625rem;}
#s_coop ul li{ width: 16.666%; float: left; text-align: center; padding: 0 .5rem;}
#s_coop ul li a{ display: inline-block; position: relative;}
#s_coop ul li .pic{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 1rem;}
#s_coop ul li .pic .j_tab{ table-layout: fixed;}
#s_coop ul li .pic img{mix-blend-mode: multiply;}
#s_coop ul li .txt{ background: url(polo_6_on.png) center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: .2s;}
#s_coop ul li .txt p{ font-size: 1.125rem; color: #fff;}
#s_coop ul li:nth-child(7){ margin-left: 8.333%;}
#s_coop ul li:nth-child(7),#s_coop ul li:nth-child(8),#s_coop ul li:nth-child(9),#s_coop ul li:nth-child(10),#s_coop ul li:nth-child(11){ margin-top: -2rem;}
#s_coop ul li a:hover .txt{ opacity: 1;}