@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lora&display=swap");@font-face{font-family:"DINOT";src:url("../fonts/dinot/dinot.eot?") format("eot"),url("../fonts/dinot/dinot.woff2") format("woff2"),url("../fonts/dinot/dinot.woff") format("woff")}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot?aji3hw");src:url("../fonts/icomoon.eot?aji3hw#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?aji3hw") format("truetype"),url("../fonts/icomoon.woff?aji3hw") format("woff"),url("../fonts/icomoon.svg?aji3hw#icomoon") format("svg");font-weight:normal;font-style:normal}[class^="icon-"],[class*=" icon-"]{font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-handshake:before{content:"\e901";color:#4b4b4b}.icon-myhome:before{content:"\e902";color:#4b4b4b}.icon-shovel:before{content:"\e903";color:#4b4b4b}.icon-fountainpen:before{content:"\e904";color:#4b4b4b}.icon-note:before{content:"\e905";color:#4b4b4b}.icon-scale:before{content:"\e906";color:#4b4b4b}.icon-balloon:before{content:"\e907";color:#4b4b4b}.icon-smartphone:before{content:"\e908";color:#4b4b4b}.icon-arrow:before{content:"\e909"}.icon-about:before{content:"\e90a"}.icon-recruit:before{content:"\e90b"}.icon-staff:before{content:"\e90c"}.icon-question:before{content:"\e90d"}.icon-mail:before{content:"\e90e"}.icon-tel:before{content:"\e90f"}.pageHead{background:url('../img/works/bg-heading.png?1639530128') no-repeat 0 0;-moz-background-size:cover;-o-background-size:cover;-webkit-background-size:cover;background-size:cover}.container{max-width:1170px}.container.w-1640{max-width:1660px;width:100%}.container.w-1380{max-width:1400px;width:100%}#works{padding:43px 0 100px;overflow:hidden}@media print, screen and (max-width: 767px){#works{padding:30px 0 60px}}#works .tabRow{text-align:center}@media print, screen and (max-width: 991px){#works .tabRow{margin-bottom:20px}}#works .tab{text-align:center;display:inline-block;margin-bottom:20px}@media print, screen and (max-width: 1199px){#works .tab{margin-bottom:15px}}@media print, screen and (max-width: 991px){#works .tab{margin-bottom:10px}}@media print, screen and (max-width: 991px){#works .tab{margin-bottom:5px}}#works .tab.active a{color:#349456;text-decoration:underline}#works .tab a{display:block;font-size:1.8rem;font-weight:600;padding:0 15px}@media print, screen and (max-width: 991px){#works .tab a{font-size:1.6rem;padding:0 10px}}@media print, screen and (max-width: 767px){#works .tab a{font-size:1.5rem;padding:0 5px}}.worksList{overflow:hidden;*zoom:1}.worksList .link{padding-left:5px;padding-right:5px;margin-bottom:10px}@media (max-width: 767px){.worksList .link{padding-left:2px;padding-right:2px;margin-bottom:4px}}.worksList a{display:block;position:relative;overflow:hidden;color:#fff;text-align:center}.worksList a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);display:block;z-index:10;opacity:0}@media (max-width: 767px){.worksList a:before{opacity:1}}.worksList a:hover{opacity:1}.worksList a:hover:before{opacity:1;transition:all 0.6s ease}.worksList a:hover img{opacity:1;z-index:0}.worksList a:hover .inner{opacity:1;transition:all 0.6s ease;top:50%}.worksList .image{width:100%;padding-top:79.63%;overflow:hidden;position:relative}.worksList .image img{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);height:100%;width:auto;max-width:none}.worksList .inner{position:absolute;top:45%;left:50%;-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);width:90%;display:block;opacity:0;z-index:11}@media (max-width: 767px){.worksList .inner{opacity:1}}.worksList .inner .no{font-size:3.2rem;margin-bottom:5px}@media (max-width: 1199px){.worksList .inner .no{font-size:2.4rem}}@media (max-width: 767px){.worksList .inner .no{font-size:2.0rem}}.worksList .inner .txt{font-size:2.4rem;font-weight:600}@media (max-width: 1199px){.worksList .inner .txt{font-size:1.8rem}}@media (max-width: 767px){.worksList .inner .txt{font-size:1.3rem}}#worksDetails{overflow:hidden;max-width:1160px;padding-left:10px;margin:50px auto 0}@media (max-width: 991px){#worksDetails{margin-top:50px}}@media (max-width: 767px){#worksDetails{margin-top:30px}}#worksDetails .mainSlider .image{background:#eee;text-align:center;position:relative}#worksDetails .mainSlider .image img{display:inline-block;width:100%;height:590px;object-fit:cover;object-position:center center}@media (max-width: 991px){#worksDetails .mainSlider .image img{height:400px}}@media (max-width: 767px){#worksDetails .mainSlider .image img{height:230px}}#worksDetails .mainSlider .image:after{content:'';background:url('../img/common/zoom-icon.png?1636337597');-moz-background-size:contain;-o-background-size:contain;-webkit-background-size:contain;background-size:contain;width:40px;height:40px;position:absolute;right:23px;top:23px;opacity:0;-moz-transition:.7s;-o-transition:.7s;-webkit-transition:.7s;transition:.7s}#worksDetails .mainSlider .image:hover:after{opacity:1}@media (max-width: 767px){#worksDetails .mainSlider .image:after{opacity:1;right:14px;top:14px;width:28px;height:28px}}#worksDetails .ttlBox{padding-bottom:40px;margin-bottom:30px;border-bottom:1px solid #707070;display:table;width:100%;position:relative}@media (max-width: 991px){#worksDetails .ttlBox{padding-bottom:20px;margin-bottom:10px;display:block}}#worksDetails .ttlBox .num{color:#349456;font-size:3.7rem;font-family:"Raleway";font-weight:600;margin-bottom:20px}@media (max-width: 991px){#worksDetails .ttlBox .num{display:block;width:100%}}@media (max-width: 991px){#worksDetails .ttlBox .ttl{display:block;width:100%}}#worksDetails .ttlBox .medTtl{font-size:2.8rem;font-weight:bold;margin-bottom:10px}#worksDetails .ttlBox .subTtl{font-size:2.2rem;color:#4f4f4f}#worksDetails .ttlBox .cate{background:#349456;margin:0 auto;display:inline-block;height:40px;line-height:40px;padding:0 12px;color:#fff;font-size:1.9rem;text-align:center;font-family:"Raleway";position:absolute;top:0;right:0}@media (max-width: 767px){#worksDetails .ttlBox .cate{position:static}}#worksDetails .beforeCont{width:100%;margin-bottom:40px;display:block}#worksDetails .beforeCont .read{margin-bottom:50px}#worksDetails .beforeCont .beforeTtl{background:#349456;color:#fff;font-size:2.8rem;font-weight:600;padding:15px 40px;text-align:center;display:inline-block;position:absolute;line-height:1}#worksDetails .beforeCont .colorBox{vertical-align:top;width:60%}#worksDetails .beforeCont .colorBox a{display:block}#worksDetails .beforeCont .colorBox .beforeImage img{width:100%}#worksDetails .beforeCont .colorBox .beforeImage+.beforeImage{display:none}#worksDetails .beforeCont .colorBox .clickTxt{font-size:1.4rem;text-align:center;margin-top:4px}@media (max-width: 991px){#worksDetails .beforeCont .read{padding-right:0}}@media (max-width: 767px){#worksDetails .beforeCont{display:block;margin-bottom:20px}#worksDetails .beforeCont .read{display:block;width:100%}#worksDetails .beforeCont .colorBox{display:block;width:100%;margin-top:15px}}#worksDetails .main{position:relative;margin-bottom:25px}#worksDetails .main .txt{padding:26px 30px;position:absolute;right:0;bottom:0;left:0;background:rgba(0,0,0,0.65);color:#fff}#worksDetails .imageCont{overflow:hidden;*zoom:1;margin:0 -9px 85px}#worksDetails .imageCont .image{padding:0 9px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;outline:none !important}#worksDetails .imageCont .image img{width:100%}#worksDetails .imageCont .slick-list .image.slick-current .imageBg:after{opacity:0}#worksDetails .imageCont .slick-list .image .imageBg{position:relative;padding-top:60%}#worksDetails .imageCont .slick-list .image .imageBg:after{content:'';background:#000;width:100%;height:100%;position:absolute;z-index:5;left:0;top:0;opacity:0.45;-moz-transition:.8s;-o-transition:.8s;-webkit-transition:.8s;transition:.8s}#worksDetails .imageCont .slick-list .image .imageBg img{position:absolute;top:50%;left:50%;-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}#worksDetails .bottom{border-top:1px solid #707070;border-bottom:1px solid #707070;padding:30px 0}@media (max-width: 991px){#worksDetails .bottom{padding:10px}}#worksDetails .bottom dl{margin-bottom:10px;display:table;width:100%}#worksDetails .bottom dl:last-child{margin-bottom:0}#worksDetails .bottom dl dt,#worksDetails .bottom dl dd{display:table-cell;vertical-align:middle;color:#4F4F4F}#worksDetails .bottom dl dt{width:126px;vertical-align:top;text-align:right}@media (max-width: 767px){#worksDetails .bottom dl dt{width:80px}}#worksDetails .bottom dl dt span{display:block;font-weight:600;font-size:2.4rem}@media (max-width: 1199px){#worksDetails .bottom dl dt span{font-size:2.0rem}}@media (max-width: 767px){#worksDetails .bottom dl dt span{font-size:1.5rem}}#worksDetails .bottom dl dd{padding-left:15px;font-size:2.4rem}@media (max-width: 1199px){#worksDetails .bottom dl dd{font-size:2.0rem}}@media (max-width: 767px){#worksDetails .bottom dl dd{font-size:1.5rem;padding-left:5px}}#worksDetails .bottom dl.use dt{vertical-align:top}#worksDetails .bottom dl.use dd a{text-decoration:underline}@media print, screen and (max-width: 991px){#worksDetails .imageCont{margin:0 -9px 60px}}@media print, screen and (max-width: 767px){#worksDetails .ttlBox .num{font-size:2.6rem;margin-bottom:5px}#worksDetails .ttlBox .medTtl{font-size:2.1rem;margin-bottom:5px}#worksDetails .ttlBox .subTtl{font-size:1.6rem;margin-bottom:10px}#worksDetails .ttlBox .cate{margin-bottom:0;font-size:1.3rem;height:30px;line-height:30px}#worksDetails .main{position:static;margin-bottom:20px}#worksDetails .main .txt{padding:12px 10px}#worksDetails .imageCont{overflow:hidden;*zoom:1;margin:0 -3px 30px}#worksDetails .imageCont .image{padding:0 3px}}.workspager{text-align:center;display:block;margin-bottom:70px}.workspager li{display:inline-block;margin:0 5px;max-width:240px;width:100%}@media (max-width: 767px){.workspager li{max-width:110px;margin:0 2px}}.workspager li a{font-size:2.2rem;color:#6CC18B;padding:25px 0;border:1px solid #6CC18B;display:block;font-weight:600}@media (max-width: 1199px){.workspager li a{font-size:1.8rem;padding:20px 0}}@media (max-width: 767px){.workspager li a{font-size:1.3rem;padding:15px 0}}.workspager li a:hover{background:#6CC18B;color:#fff}.example .ttl{font-weight:600}#takasho{background:#F8FFFB;padding:90px 0 70px}@media (max-width: 767px){#takasho{padding:50px 0 30px}}#takasho .container{max-width:1410px;width:100%}@media (max-width: 767px){#takasho img{margin-bottom:10px}}#takasho .ttl{font-size:2.3rem;font-weight:600;color:#4F4F4F;margin-bottom:20px}@media (max-width: 1199px){#takasho .ttl{font-size:2.1rem}}@media (max-width: 991px){#takasho .ttl{font-size:1.9rem;line-height:1.6;margin-bottom:10px}}@media (max-width: 767px){#takasho .ttl{font-size:1.7rem}}#takasho p{font-size:2.0rem;line-height:1.6}@media (max-width: 1199px){#takasho p{font-size:1.9rem}}@media (max-width: 991px){#takasho p{font-size:1.7rem}}@media (max-width: 767px){#takasho p{font-size:1.5rem}}.notFoundTxt{padding:60px 0;text-align:center;font-size:2.0rem}