.works-index-ttl{font-size:20px;line-height:1.25;padding:0 0 0 .5em;border-left:.2em solid #c00009;margin:0 0 20px}@media screen and (min-width:768px){.works-index-ttl{font-size:30px}}@media screen and (min-width:768px){.works-index-ttl{margin:0 0 40px}}.works-index-subttl{font-size:18px;margin:0 0 10px}@media screen and (min-width:768px){.works-index-subttl{font-size:20px}}@media screen and (min-width:768px){.works-index-row{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1100px;margin:0 auto}}.works-index-block{margin:20px 0 0}.works-index-block:nth-of-type(1){margin-top:0}@media screen and (min-width:768px){.works-index-block{width:48%;max-width:550px;margin:0}}.works-index-nav-wrap{display:flex;flex-wrap:wrap;margin:1% 0 0}.works-index-nav{width:24%;margin:1% 0 0 1%;cursor:pointer}.works-index-nav:nth-of-type(-n+4){margin-top:0}.works-index-nav:nth-of-type(4n+1){margin-left:0}@media screen and (min-width:768px){.works-index-nav{transition:opacity .2s}.works-index-nav:hover{opacity:.8}}.works-index-text{margin:20px 0 0}