.works{padding:60px 40px 120px}@media screen and (max-width: 768px){.works{padding:60px 24px 72px}}@media screen and (max-width: 576px){.works{padding:56px 4.25% 72px}}.works--top{padding:0 40px}@media screen and (max-width: 576px){.works--top{padding:0 4.25%}}.works .worksList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:start;margin-top:40px;gap:0 1.3%}.works .worksList__item{margin-bottom:2.6667vw;overflow:hidden;width:24%;border-radius:4px;background-color:#000;-webkit-box-shadow:0 3px 0 #dbdbdb;box-shadow:0 3px 0 #dbdbdb;-webkit-transition:.3s;transition:.3s}@media screen and (max-width: 576px){.works .worksList__item{margin-bottom:24px;width:100%}}.works .worksList__item:hover{opacity:0.96;-webkit-box-shadow:0 8px 16px rgba(0,0,0,0.38);box-shadow:0 8px 16px rgba(0,0,0,0.38)}.works .worksList__item a{position:relative;display:block;padding-top:72%;/*background:no-repeat center -12px;*/background-size:100%;font-size:14px}@media screen and (max-width: 576px){.works .worksList__item a{padding-top:66%}}.works .worksList__item a span{position:absolute;bottom:0;width:100%;padding:24px 12px 8px;background:-webkit-gradient(linear, left top, left bottom, from(rgba(68,68,68,0.03)), to(#000));background:linear-gradient(to bottom, rgba(68,68,68,0.03), #000);color:#eee;font-size:14px;font-weight:600;line-height:1.36;letter-spacing:0.04rem;font-family: "Josefin Sans";}.works .worksList__item a span .stickyLabel{margin-right:2px;padding:4px 2px;font-family:"Josefin Sans","游ゴシック体",Yu Gothic,YuGothic,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif;background:#fff;color:#000}.worksCatList{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:16px;font-family:"Josefin Sans","游ゴシック体",Yu Gothic,YuGothic,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif}@media screen and (max-width: 576px){.worksCatList{margin-bottom:16px}}.worksCatList__item{margin:4px;font-size:14px}.worksCatList__item a{display:inline-block;padding:4px 16px;background:#eee;border-radius:4px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width: 576px){.worksCatList__item a{font-size:12px}}.worksCatList__item a:hover,.worksCatList__item a.current{background:#a8a8a8}.worksCatList__item--children a{padding:4px 8px}.worksCatContainer{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:40px auto;max-width:1340px;width:100%}.worksCatContainer .worksPost{width:48%;max-width:600px;margin-bottom:64px}@media screen and (max-width: 768px){.worksCatContainer .worksPost{width:100%}}@media screen and (max-width: 576px){.worksCatContainer .worksPost{margin-bottom:32px}}.worksCatContainer .worksPost img{margin-bottom:16px;border-radius:4px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width: 576px){.worksCatContainer .worksPost img{width:100%;height:auto}}.worksCatContainer .worksPost img:hover{opacity:.9;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.2);box-shadow:0 6px 12px rgba(0,0,0,0.2)}.worksCatContainer .worksPost__ttl{margin-bottom:8px;font-size:16px;-webkit-transition:.3s;transition:.3s}@media screen and (max-width: 576px){.worksCatContainer .worksPost__ttl{font-size:14px}}.worksCatContainer .worksPost__ttl:hover{opacity:.7}.gotoWorksTop{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.gotoWorksTop a{position:relative;margin-left:40px;padding:0 24px 4px 32px;border-bottom:1px solid #000;font-size:16px;font-weight:bold;-webkit-transition:.3s;transition:.3s}.gotoWorksTop a::before{position:absolute;top:22px;left:2px;height:20px;width:20px;content:'';border-left:1px solid #000;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.gotoWorksTop a:hover{opacity:.7}@media screen and (max-width: 576px){.gotoWorksTop a{margin-left:0;padding:0 12px 1px 24px;font-size:14px}.gotoWorksTop a::before{top:15px}}.termsList,.tagsList{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 16px 16px}@media screen and (max-width: 576px){.termsList,.tagsList{margin:0 16px 4px}}.termsList li,.tagsList li{margin-right:8px}.termsList li a,.tagsList li a{display:inline-block;padding:4px 8px 2px;background:#eee;border-radius:4px;font-family:"Josefin Sans","游ゴシック体",Yu Gothic,YuGothic,"ヒラギノ角ゴ Pro",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif;font-size:12px;-webkit-transition:.3s;transition:.3s}.termsList li a:hover,.tagsList li a:hover{background:#a8a8a8}.worksBottomLink{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}@media screen and (max-width: 576px){.worksBottomLink{margin:0 4.25%}}.worksBottomLink li{text-align:center;-webkit-transition:.5s;transition:.5s}@media screen and (max-width: 576px){.worksBottomLink li{width:100%;margin-bottom:16px}}.worksBottomLink li.officialSiteLink{margin-right:16px;background:#e8e8e8;font-family:"Josefin Sans"}@media screen and (max-width: 576px){.worksBottomLink li.officialSiteLink{margin-right:0}}.worksBottomLink li.officialSiteLink:hover{background:#dac69a}.worksBottomLink li a{display:inline-block;width:270px;padding:10px 0;font-size:14px;font-weight:600;letter-spacing:.12rem}@media screen and (max-width: 576px){.worksBottomLink li a{width:100%}}.worksBottomLink li.contactBtn{background:#77a19a}.worksBottomLink li.contactBtn:hover{background:#50a19a}.worksBottomLink li.contactBtn a{color:#fff}.relatedWorks{margin-top:64px}@media screen and (max-width: 768px){.relatedWorks{padding:0 4.25%}}.relatedWorks__ttl{margin-bottom:8px}.relatedWorks__posts li{line-height:2.2}.relatedWorks__posts li a{display:inline-block;text-decoration:underline;-webkit-transition:.3s;transition:.3s}.relatedWorks__posts li a:hover{opacity:.4}.relatedWorks__noPosts{margin-top:24px}@media screen and (max-width: 576px){.relatedWorks__noPosts{margin-left:4.25%}}.bg-gray{background:#f2f2f2}.width-300{width:300px}.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.row .col{width:100%}.row .col:nth-child(n+2){margin-top:1em}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}.flex-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}@media screen and (min-width: 600px){.flex-sm-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-sm-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:20px}}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.shrink-0{-ms-flex-negative:0;flex-shrink:0}.block{display:block !important}.inline-block{display:inline-block !important}.inline{display:inline !important}.align-top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.align-bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.align-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}figure{margin:0}.img{width:100%}@media screen and (min-width: 600px){.img{width:100%;background:#fff}}.row col img{width:100%}@media screen and (min-width: 960px){.md-col-2>.col{width:calc(50% - .5em)}.md-col-2>.col:nth-child(2n+1){margin-right:1em}.md-col-2>.col:nth-child(-n+2){margin-top:0}.md-col-2>.col:nth-child(n+3){margin-top:2em}.md-col-3>.col{width:calc(33% - .66666666em)}.md-col-3>.col:nth-child(3n+1),.md-col-3>.col:nth-child(3n+2){margin-right:1em}.md-col-3>.col:nth-child(-n+3){margin-top:0}.md-col-3>.col:nth-child(n+4){margin-top:2em}}@media screen and (min-width: 1264px){.lg-col-3>.col{width:calc(33% - .66666666em)}.lg-col-3>.col:nth-child(2),.lg-col-3>.col:nth-child(3n+1){margin-left:.5em;margin-right:.5em}.lg-col-3>.col:nth-child(n+4){margin-top:2em}}.col-12{width:100%}.col-8{width:calc((100% / 12) * 8)}.col-7{width:calc((100% / 12) * 7)}.col-6{width:50%}.col-5{width:calc((100% / 12) * 5)}.col-4{width:25%}@media screen and (min-width: 600px){.col-sm-12{width:100%}.col-sm-8{width:calc((100% / 12) * 8)}.col-sm-7{width:calc((100% / 12) * 7)}.col-sm-6{width:50%}.col-sm-5{width:calc((100% / 12) * 5)}.col-sm-4{width:25%}.col-sm-2{width:calc(100% / 6)}}@media screen and (min-width: 960px){.col-md-12{width:100%}.col-md-8{width:calc((100% / 12) * 8)}.col-md-7{width:calc((100% / 12) * 7)}.col-md-6{width:50%}.col-md-5{width:calc((100% / 12) * 5)}.col-md-4{width:25%}}@media screen and (min-width: 1264px){.col-lg-12{width:100%}.col-lg-8{width:calc((100% / 12) * 8)}.col-lg-7{width:calc((100% / 12) * 7)}.col-lg-6{width:50%}.col-lg-5{width:calc((100% / 12) * 5)}.col-lg-4{width:25%}}.order-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2}.flex-3{-webkit-box-flex:3;-ms-flex:3;flex:3}@media screen and (min-width: 600px){.order-sm-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-sm-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.sm-flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.sm-flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2}.sm-flex-3{-webkit-box-flex:3;-ms-flex:3;flex:3}}@media screen and (min-width: 960px){.order-md-2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.order-md-1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.md-flex-1{-webkit-box-flex:1;-ms-flex:1;flex:1}.md-flex-2{-webkit-box-flex:2;-ms-flex:2;flex:2}.md-flex-3{-webkit-box-flex:3;-ms-flex:3;flex:3}}.text-normal{font-weight:400}.text-bold{font-weight:700}.text-right{text-align:right}.caption{font-size:.8em;font-weight:400;color:#666}.mt--top{margin-top:-32px}@media screen and (max-width: 600px){.mt--top{margin-top:-16px}}.indent--05{text-indent:-.5em}.mb-1{margin-bottom:1em}.pa-1{padding:1em}.pa-2{padding:2em}@media screen and (min-width: 600px){.pa-sm-1{padding:1em}.pa-sm-2{padding:2em}}@media screen and (min-width: 960px){.pa-md-1{padding:1em}.pa-md-2{padding:2em}}@media screen and (min-width: 1264px){.pa-lg-1{padding:1em}.pa-lg-2{padding:2em}}.pl-0{padding-left:0}.pl-1{padding-left:1em}.pl-2{padding-left:2em}.pl-3{padding-left:3em}.pl-4{padding-left:4em}@media screen and (min-width: 600px){.pl-sm-0{padding-left:0}.pl-sm-1{padding-left:1em}.pl-sm-2{padding-left:2em}.pl-sm-3{padding-left:3em}.pl-sm-4{padding-left:4em}}@media screen and (min-width: 960px){.pl-md-0{padding-left:0}.pl-md-1{padding-left:1em}.pl-md-2{padding-left:2em}.pl-md-3{padding-left:3em}.pl-md-4{padding-left:4em}}.mt-0{margin-top:0}.mt-05{margin-top:.5em}.mt-1{margin-top:1em}.mt-2{margin-top:2em}.mt-3{margin-top:3em}.mt-4{margin-top:4em}@media screen and (min-width: 600px){.mt-sm-0{margin-top:0}.mt-sm-05{margin-top:.5em}.mt-sm-1{margin-top:1em}.mt-sm-2{margin-top:2em}.mt-sm-3{margin-top:3em}.mt-sm-4{margin-top:4em}}@media screen and (min-width: 960px){.mt-md-0{margin-top:0}.mt-md-05{margin-top:.5em}.mt-md-1{margin-top:1em}.mt-md-2{margin-top:2em}.mt-md-3{margin-top:3em}.mt-md-4{margin-top:4em}}blockquote{margin-left:0;margin-right:0}blockquote p{font-style:italic}.marker{background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #c5d11f));background:linear-gradient(transparent 70%, #c5d11f 0%);display:inline;padding:0 2px 4px}.ratio-16-9{position:relative;padding-top:56.25%;height:0;width:100%}.ratio-16-9>*{position:absolute;top:0;left:0;height:100%;width:100%;margin:auto}ul.list>li{list-style-type:disc !important;margin-left:1em}ul.list.inline>li{display:inline-block;list-style-type:disc !important;margin-left:1em}.button{display:inline-block;text-decoration:none !important;padding:.7em 1.3em;min-height:44px;text-align:center;font-weight:normal}@media screen and (min-width: 600px){.button:hover{opacity:.8}}.button.black{background:black;color:white !important}table{border-collapse:collapse;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;word-break:break-all}table tr{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:2em}table th,table td:first-child{font-weight:700;border-bottom:1px solid #ddd;padding:0.2em 0}@media screen and (min-width: 600px) and (orientation: landscape){table tr{display:table-row;margin-bottom:2em}table th,table td{border-bottom:1px solid #ddd;padding:2em}}