.c-works{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:30px}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works{grid-template-columns:1fr 1fr}}.c-works>li>a{-webkit-text-decoration:none;text-decoration:none;transition:opacity .2s;width:100%;height:100%;display:block;position:relative;padding-bottom:50px}.c-works>li>a:hover{opacity:.6}.c-works>li div{aspect-ratio:4 / 3;width:100%;margin-left:auto;margin-right:auto;border:3px solid #aeaeae}.c-works>li div>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.c-works>li h3{text-align:center;color:#000;font-weight:700;font-size:18px;margin-top:8px;margin-bottom:10px}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works>li h3{font-size:16px}}.c-works>li p{text-align:center;color:#000;font-size:14px;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100%}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works>li p{font-size:14px}}.c-works-detail{display:flex;gap:40px;flex-direction:row;margin-bottom:50px;margin-top:40px}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works-detail{flex-direction:column;width:100%}}.c-works-detail button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.c-works-detail-photo{width:50%;flex-shrink:0}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works-detail-photo{width:100%}}.c-works-detail-photoviewer{position:relative;width:100%;aspect-ratio:1;border:2px solid #EEE;display:flex;align-items:center;justify-content:center;margin-bottom:30px}.c-works-detail-photoviewer>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.c-works-detail-photozoom{position:absolute;right:0;bottom:0;outline:none;z-index:2;display:block;aspect-ratio:1;width:30px}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works-detail-photozoom{display:none}}.c-works-detail-photozoom>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.works-detail-thumbs{display:flex;flex-wrap:wrap;gap:15px;list-style-type:none;padding:0}.works-detail-thumbs>li{width:calc(25% - 11.25px);border:2px solid #EEE;aspect-ratio:1 / 1;cursor:pointer}.works-detail-thumbs>li>img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.works-detail-thumbs>li[aria-selected=true],.works-detail-thumbs>li:hover{border-color:#0140c1}.c-works-detail-table{margin:0!important;padding:0!important;width:100%!important;font-size:12px!important;border-collapse:collapse!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important;background:#fff!important}.c-works-detail-table tr{border-collapse:collapse!important;background:#fff!important;margin:0!important;padding:0!important;border-top:none!important;border-bottom:none!important;border-left:none!important;border-right:none!important}.c-works-detail-table th{font-weight:700!important;background:#f8f8f8!important;border-collapse:collapse!important;width:25%!important;margin:0!important;padding:3px 10px!important;border-top:1px solid #DDD!important;border-bottom:1px solid #DDD!important;border-left:1px solid #DDD!important;border-right:1px solid #DDD!important}.c-works-detail-table td{background:#fff!important;border-collapse:collapse!important;margin:0!important;padding:3px 10px!important;border-top:1px solid #DDD!important;border-bottom:1px solid #DDD!important;border-left:1px solid #DDD!important;border-right:1px solid #DDD!important}.c-works-detail-point{padding:10px 15px;background:#f3efe5;margin-top:20px}.c-works-detail-point>h3{font-size:16px;font-weight:700;margin-bottom:10px}.c-works-detail-point>p{font-size:14px}.c-works-detail-incharge{border:2px solid #E1E1DD;text-align:center;font-size:16px;padding:5px 0!important;font-weight:700;margin:20px 0 0!important}.c-works-detail-incharge>a{cursor:pointer}.c-works-modal{position:fixed;width:100%;height:100vh;top:0;left:0;opacity:0;pointer-events:none;z-index:99999999;transition:opacity .2s}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-works-modal{display:none}}.c-works-modal[aria-hidden=false]{opacity:1;pointer-events:all}.c-works-modal button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.c-works-modal-bg{background-color:#0000001e;width:100%;height:100%;position:absolute;z-index:-1}.c-works-modal-inner{width:70%;height:70%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;display:flex;justify-content:center;max-width:967px;max-height:700px;padding:30px}.c-works-modal-inner>img{width:80%;height:100%;-o-object-fit:contain;object-fit:contain}.c-works-modal-inner>button{position:absolute;right:0;top:0}.c-works-type{border:1px solid #000;padding:10px;margin-top:20px;font-size:14px}.c-works-type-box{display:flex;align-items:center;gap:30px}.c-works-type-box img{aspect-ratio:1 / 1;-o-object-fit:cover;object-fit:cover;width:150px}.c-works-type-desc{margin:0}.c-works-type-img-box{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.c-works-type-img-box>a{-webkit-text-decoration:none;text-decoration:none;font-size:14px;color:#0140c1}.c-works-type-desc-box>h4{font-weight:700;margin:0 0 10px}.c-works-type-desc-box>ul{margin:0;padding:0;list-style-type:none}.c-works-type-desc-box>ul>li{display:flex}.c-works-type-desc-box>ul>li:before{content:"・";display:block}.c-button.c-button--secondary.c-button-works{width:auto;max-width:800px;margin:50px auto 0;display:block}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-button.c-button--secondary.c-button-works{margin-top:30px}}.c-button.c-button--secondary.c-button-works>br{display:none}@media only screen and (max-width: 640px) and (max-device-width: 1280px){.c-button.c-button--secondary.c-button-works>br{display:block}}.c-wroks-banners{max-width:800px;width:100%;margin-left:auto;margin-right:auto;margin-top:35px}.c-wroks-banners>a{display:block;width:100%;box-shadow:0 0 15px #0000001f}.c-wroks-banners>a+a{margin-top:20px}.c-wroks-banners>a>picture{display:block;width:100%}
