.pageTitle{background-image:url(../works/img/pagetitle.jpg)}.content .worksNavi{padding-bottom:30px}@media screen and (max-width: 767px){.content .worksNavi{margin:0 -20px;padding-bottom:20px}}.content .worksNavi li{display:inline-block;padding:5px}@media screen and (max-width: 767px){.content .worksNavi li{padding:3px}}.content .worksNavi li p{padding:5px 15px;cursor:pointer;color:#162448;border:1px solid #162448;transition:0.3s}@media screen and (max-width: 767px){.content .worksNavi li p{padding:5px 5px;font-size:80%}}.content .worksNavi li p.current,.content .worksNavi li p:hover{color:#fff;background-color:#162448}.content .grid{position:relative}@media screen and (max-width: 767px){.content .grid{margin:0 -10px}}.content .grid .item{display:block;position:absolute;width:20%;height:0;padding-top:20%;z-index:1}@media screen and (max-width: 767px){.content .grid .item{width:49.5%;padding-top:49.5%}}.content .grid .item.muuri-item-dragging{z-index:3}.content .grid .item.muuri-item-releasing{z-index:2}.content .grid .item.muuri-item-hidden{z-index:0}.content .grid .item-content{position:absolute;top:0;left:0;bottom:0;right:0;margin:auto}.content .grid a{display:inline-block;font-size:0}@media screen and (max-width: 767px){.content .grid a{padding:5px}}.content .worksList{overflow:hidden}@media screen and (max-width: 767px){.content .worksList{margin:0 -10px}}.content .worksList li{float:left;width:20%;overflow:hidden;padding-bottom:20px}@media screen and (max-width: 767px){.content .worksList li{width:50%}}.content .worksList li a{position:relative;display:block;width:200px;height:200px;margin:auto}@media screen and (max-width: 767px){.content .worksList li a{width:160px;height:160px}}.content .worksList li a img{width:200px;height:200px;object-fit:cover}@media screen and (max-width: 767px){.content .worksList li a img{width:160px;height:160px}}