#kv .threearea{background-color:#000;position:absolute;left:0;top:0;width:100%;height:100%;clip-path:inset(0% 100% 0% 0%)}body.docload #kv .threearea{clip-path:inset(0% 0% 0% 0%);transition-duration:1000ms;transition-property:clip-path;transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1)}#kv #three{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5}#items{margin-top:50px}@media only screen and (max-width: 812px){#items{margin-top:20px}}#items .items__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:20px}@media only screen and (max-width: 1100px){#items .items__list{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 812px){#items .items__list{grid-template-columns:repeat(2, 1fr);gap:10px}}#items .item{border-top:1px solid rgba(0,0,0,.25);border-left:1px solid rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);padding:20px;position:relative;display:flex;flex-direction:column;gap:20px;text-align:left;color:#000}@media only screen and (max-width: 812px){#items .item{padding:10px;gap:10px}}#items .item::before{display:block;content:"";position:absolute;right:0;top:0;width:1px;background-color:rgba(0,0,0,.25);height:calc(100% - 40px)}#items .item::after{display:block;content:"";position:absolute;right:0;bottom:0;width:1px;background-color:rgba(0,0,0,.25);height:30px;transform-origin:right bottom;transform:rotate(-45deg)}@media only screen and (max-width: 812px){#items .item::after{height:20px}}#items .item .texts{display:flex;flex-direction:column}#items .item .client{font-size:15px;font-weight:bold}@media only screen and (max-width: 812px){#items .item .client{font-size:12px}}#items .item .spec{font-size:13px}@media only screen and (max-width: 812px){#items .item .spec{font-size:12px}}#items .item h3{font-size:12px}@media only screen and (max-width: 812px){#items .item h3{font-size:11px}}#items .item .staff{margin-top:20px;font-size:12px;line-height:1.5em}@media only screen and (max-width: 812px){#items .item .staff{font-size:10px}}@media print,screen and (min-width: 813px){#items .item{transition-duration:400ms;transition-property:background-color}#items .item:hover{background-color:#e7e5e5}}#items .noitem{margin-top:20px}@media only screen and (max-width: 812px){#items .noitem{font-size:14px}}#contact{margin-top:100px}@media only screen and (max-width: 812px){#contact{margin-top:50px}}#search{margin-top:50px}@media only screen and (max-width: 812px){#search{margin-top:25px}}#search .inner{border:1px solid rgba(0,0,0,.25);padding:20px;box-sizing:border-box;position:relative}@media only screen and (max-width: 812px){#search .inner{padding:10px}}#search .inner h2{cursor:pointer;font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:20px;font-weight:bold;display:block;line-height:1em}@media only screen and (max-width: 812px){#search .inner h2{font-size:12px}}#search .inner .table{border-top:1px solid rgba(0,0,0,.25);padding-top:20px;margin-top:20px}@media only screen and (max-width: 812px){#search .inner .table{padding-top:10px;margin-top:10px}}#search .inner table{font-size:14px}@media only screen and (max-width: 812px){#search .inner table{margin-top:10px;font-size:13px;display:block}#search .inner table tbody{display:block}#search .inner table tbody tr{display:block;margin-top:10px}#search .inner table tbody th{display:block;padding-top:0;padding-bottom:0}#search .inner table tbody td{display:block;padding-top:0;padding-bottom:0}}#search .inner table th,#search .inner table td{padding-top:10px;padding-bottom:10px}#search .inner table th{white-space:nowrap;padding-right:30px}@media only screen and (max-width: 812px){#search .inner table th{padding-right:15px}}#search .inner .tags{display:flex;flex-wrap:wrap;gap:10px}#search .inner label{display:block;border:1px solid rgba(0,0,0,.25);line-height:1.25em;font-size:14px;padding:4px 12px;width:-moz-fit-content;width:fit-content}@media only screen and (max-width: 812px){#search .inner label{font-size:12px}}#search .inner label:has(input:checked){background:#333;color:#fff;border-color:#333}#search .inner .btn_close{position:absolute;right:20px;top:15px;aspect-ratio:1;padding-right:30px;width:30px}@media only screen and (max-width: 812px){#search .inner .btn_close{padding-right:20px;top:4px;right:6px;font-size:12px;width:24px}}#search .inner .btn_close::before{content:"";position:absolute;right:0px;top:50%;width:30px;height:1px;background-color:rgba(0,0,0,.25);display:block;transform:rotate(45deg);transition-duration:200ms;transition-property:transform,width}@media only screen and (max-width: 812px){#search .inner .btn_close::before{width:15px}}body.closeSearch #search .inner .btn_close::before{width:25px;transform:rotate(90deg)}@media only screen and (max-width: 812px){body.closeSearch #search .inner .btn_close::before{width:16px}}#search .inner .btn_close::after{content:"";position:absolute;right:0px;top:50%;width:30px;height:1px;background-color:rgba(0,0,0,.25);display:block;transform:rotate(-45deg);transition-duration:200ms;transition-property:transform,width}@media only screen and (max-width: 812px){#search .inner .btn_close::after{width:15px}}body.closeSearch #search .inner .btn_close::after{width:25px;transform:rotate(0deg)}@media only screen and (max-width: 812px){body.closeSearch #search .inner .btn_close::after{width:16px}}.bn{margin-top:100px;margin-bottom:160px;background:url(../img/strength_bn.webp) center/cover;height:380px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:50px}@media only screen and (max-width: 812px){.bn{margin-top:50px;margin-bottom:120px;gap:25px;height:190px}}.bn p{font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-size:40px;text-align:center;line-height:1.25em}@media only screen and (max-width: 812px){.bn p{font-size:24px}}/*# sourceMappingURL=works.css.map */