@font-face{font-family:"Black Jack";font-style:normal;src:url("../fonts/blackjack-webfont.eot") format("embedded-opentype"),url("../fonts/blackjack-webfont.woff") format("woff"),url("../fonts/blackjack-webfont.ttf") format("truetype"),url("../fonts/blackjack-webfont.svg#Black_Jack") format("svg")}@font-face{font-family:"JosefinSans";src:url("../fonts/JosefinSans-VariableFont_wght.ttf") format("truetype")}@font-face{font-family:"Quicksand";src:url("../fonts/Quicksand_Book.otf") format("opentype")}.workMenuCnt{padding:35px 0 10px}.workMenuCnt .menuTtl{font-size:2rem;text-align:center;margin-bottom:10px}.workMenuCnt .notes{font-size:0.875rem;text-align:center;margin-bottom:55px}.workMenuCnt .menuList{display:flex;flex-wrap:wrap;margin:0 -10px -20px}.workMenuCnt .menuList li{width:25%;padding:0 10px;margin-bottom:20px}.workMenuCnt .menuList li a{display:block;background:#f2f2f2;border:1px solid #a0a0a0;font-weight:bold;padding:13px 15px 14px;position:relative;-moz-transition:.35s;-o-transition:.35s;-webkit-transition:.35s;transition:.35s}.workMenuCnt .menuList li a .num{display:inline-block;font-family:"Quicksand", sans-serif;margin-right:10px}.workMenuCnt .menuList li a:after{content:'';width:5px;height:5px;border-top:2px solid #878787;border-right:2px solid #878787;position:absolute;top:45%;-moz-transform:translate(0, -50%) rotate(135deg);-ms-transform:translate(0, -50%) rotate(135deg);-webkit-transform:translate(0, -50%) rotate(135deg);transform:translate(0, -50%) rotate(135deg);right:15px}.workMenuCnt .menuList li a:hover{opacity:0.7}@media (max-width: 768px){.workMenuCnt .menuTtl{font-size:1.375rem}.workMenuCnt .notes{margin-bottom:30px}.workMenuCnt .menuList{display:flex;flex-wrap:wrap;margin:0 -5px -20px}.workMenuCnt .menuList li{width:50%;padding:0 5px;margin-bottom:10px}.workMenuCnt .menuList li a{padding:12px 3px 12px;font-size:12px;position:relative}.workMenuCnt .menuList li a .num{margin-right:2px;letter-spacing:-0.1rem}.workMenuCnt .menuList li a:after{content:'';width:5px;height:5px;border-top:2px solid #878787;border-right:2px solid #878787;position:absolute;top:45%;-moz-transform:translate(0, -50%) rotate(135deg);-ms-transform:translate(0, -50%) rotate(135deg);-webkit-transform:translate(0, -50%) rotate(135deg);transform:translate(0, -50%) rotate(135deg);right:5px}}.workBox{padding:60px 0 60px}.workBox.even{background:#f6f6f6}.workBox .workTtl{font-size:1.75rem;font-weight:500;margin-bottom:35px}.workBox .workTtl .line{display:block;font-size:1.25rem;line-height:1;width:110px;position:relative;margin-bottom:5px}.workBox .workTtl .line:after{content:'';display:block;background:#000;height:1px;position:absolute;width:82px;top:8px;right:0}.workBox .workList{display:flex;flex-wrap:wrap;margin:0 -10px -40px;overflow:hidden}.workBox .workList li{width:33.33%;padding:0 10px;margin-bottom:40px}.workBox .workList li .imgBox{display:block;position:relative}.workBox .workList li .imgBox .workListTtl{position:absolute;bottom:0;width:100%;color:#fff;font-size:17px;font-weight:500;z-index:1;padding:11px 12px 11px}.workBox .workList li .imgBox .workListTtl:before{content:'';background:#1d1d1e;opacity:0.9;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.workBox .workList li .imgBox .smalltxt{font-size:13px;padding:13px 6px 13px}.workBox .workList li .imgBox .lightBoxIco{display:block;background:#ffd800;width:42px;height:42px;position:absolute;right:0;bottom:0;text-align:center;padding-top:11px;-moz-transition:.35s;-o-transition:.35s;-webkit-transition:.35s;transition:.35s}.workBox .workList li .imgBox .lightBoxIco img{width:20px;height:20px}.workBox .workList li .imgBox .lightBoxIco:hover{opacity:0.7}@media (max-width: 768px){.workBox{padding:30px 0 30px}.workBox .workTtl{font-size:1.25rem;margin-bottom:20px}.workBox .workTtl .line{font-size:1rem}.workBox .workList{margin:0 0 -25px}.workBox .workList li{width:100%;padding:0;margin-bottom:25px}.workBox .workList li .imgBox .workListTtl{font-size:14px;height:42px;padding:13px 15px 13px}}
