.main-wrap .sec01{height:100vh;padding:0 80px;display:flex;flex-direction:column;justify-content:center}.main-wrap .sec01.pc{display:flex}.main-wrap .sec01.mobile{display:none}.main-wrap .sec01 h2{font-size:7.6rem;overflow:hidden;line-height:1;font-weight:900}.main-wrap .sec02{overflow:hidden;padding:0 0 80px;margin-top:-68px}.main-wrap .sec02 h3{justify-content:center}.main-wrap .sec02 h3 p{margin-right:6px;font-size:4.2rem;font-weight:500;line-height:1.4;white-space:nowrap}.main-wrap .sec02 h3 p.active{color:#FFF000}.main-wrap .sec03{padding:120px 0;text-align:center}.main-wrap .sec03 h4{font-size:7rem;margin-bottom:40px}.main-wrap .sec03 .work-list li{padding:50px 40px;border-top:1px solid #fff;display:flex;justify-content:flex-end;text-align:left}.main-wrap .sec03 .work-list li:last-child{border-bottom:1px solid #fff}.main-wrap .sec03 .work-list li .num{width:40px;margin-right:40px;font-size:3rem;font-weight:500}.main-wrap .sec03 .work-list li h4{width:240px;margin:0 80px 0 0;font-size:3rem;font-weight:600}.main-wrap .sec03 .work-list li p{width:600px;font-size:2.4rem;font-weight:500}.main-wrap .sec03 .work-list li > *{background:linear-gradient(to right,#fff 50%,rgba(255,255,255,0.3) 50%);background-size:200% 100%;color:transparent;background-position-x:100%;background-clip:text;-webkit-background-clip:text}.main-wrap .sec04{padding:120px 0}.main-wrap .sec04 h4{font-size:7rem;padding-left:40px}.main-wrap .sec04 .project-list{padding:20px 40px}.main-wrap .sec04 .project-list li{margin-bottom:40px}.main-wrap .sec04 .project-list li a{position:relative;height:60vh;overflow:hidden}.main-wrap .sec04 .project-list li a .label-box{z-index:10;position:absolute;top:20px;left:20px}.main-wrap .sec04 .project-list li a .label-box label{font-size:2rem;padding:4px 14px;border:1px solid #fff;border-radius:20px}.main-wrap .sec04 .project-list li a .label-box label:not(:last-child){margin-right:14px}.main-wrap .sec04 .project-list li a .img-group{position:absolute;top:0;left:0;width:100%;height:100%}.main-wrap .sec04 .project-list li a .img-group::before{z-index:10;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(35,39,45,0.2)}.main-wrap .sec04 .project-list li a .img-group .box{clip:rect(0,auto,auto,0);position:absolute;top:0;left:0;width:100%;height:100%}.main-wrap .sec04 .project-list li a .img-group .box .area{position:fixed;top:0;left:0;width:100%;height:100%}.main-wrap .sec04 .project-list li a .img-group.img01 .box .area{background:url(../img/projects/02-1.png) no-repeat center center / 100%}.main-wrap .sec04 .project-list li a .img-group.img02 .box .area{background:url(../img/projects/01-1.png) no-repeat center center / 100%}.main-wrap .sec04 .project-list li a .img-group.img03 .box .area{background:url(../img/projects/05-1.png) no-repeat center center / 100%}.main-wrap .sec04 .project-list li a .img-group.img04 .box .area{background:url(../img/projects/06-1.png) no-repeat center center / 100%}.main-wrap .sec04 .project-list li a .text-box{z-index:20;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:marquee 100s linear infinite}.main-wrap .sec04 .project-list li a .text-box p{font-size:12rem;white-space:nowrap;font-weight:600}@keyframes marquee{0%{transform:translate(-20%,-50%)}100%{transform:translate(-100%,-50%)}}.main-wrap .sec05{padding:80px 0}.main-wrap .sec05 .container{text-align:right}.main-wrap .sec05 h4{position:relative;font-size:12rem;display:inline-flex}.main-wrap .sec05 .click-btn{position:absolute;top:-50px;left:-100px;font-size:2.4rem;width:100px;height:100px;border-radius:50%;background:#fff;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.main-wrap .sec01{padding:0 40px}.main-wrap .sec01 h2{font-size:5.8rem}}@media (max-width: 1000px){.main-wrap .sec01.pc{display:none}.main-wrap .sec01.mobile{display:flex}.main-wrap .sec01 h2{font-size:6vh;word-break:normal;text-align:justify;line-height:1.5}.main-wrap .sec03 h4{font-size:5rem}.main-wrap .sec03 .work-list li{flex-wrap:wrap;justify-content:flex-start}.main-wrap .sec03 .work-list li .num{margin-right:10px}.main-wrap .sec03 .work-list li h4{width:300px;margin-bottom:20px}.main-wrap .sec03 .work-list li p{width:100%}.main-wrap .sec04 .project-list{padding:20px 0}.main-wrap .sec04 .project-list li a .img-group .box .area{background-size:cover!important}.main-wrap .sec04 .project-list li a .img-group.aa .box .area{background:url(../img/dummy-img01.jpg) no-repeat center center / cover}.main-wrap .sec04 .project-list li a .img-group.bb .box .area{background:url(../img/dummy-img02.jpg) no-repeat center center / cover}.main-wrap .sec05 h4{font-size:10rem}}@media (max-width: 800px){.main-wrap .sec01{padding:0 20px}.main-wrap .sec01 h2{font-size:5vh}.main-wrap .sec02{padding:0 0 40px}.main-wrap .sec02 h3 p{font-size:3.4rem;font-weight:600}.main-wrap .sec03{padding:60px 0}.main-wrap .sec03 h4{font-size:3.2rem}.main-wrap .sec03 .work-list li{padding:50px 20px}.main-wrap .sec03 .work-list li .num{margin-bottom:10px}.main-wrap .sec03 .work-list li h4{font-size:2.8rem;width:100%;line-height:1;margin-bottom:10px}.main-wrap .sec03 .work-list li p br{display:none}.main-wrap .sec04{padding:60px 0}.main-wrap .sec04 h4{padding-left:20px;font-size:5rem}.main-wrap .sec04 .project-list li a .label-box{left:10px}.main-wrap .sec04 .project-list li a .label-box label:not(:last-child){margin-right:8px}.main-wrap .sec04 .project-list li a .label-box label{font-size:1.6rem}.main-wrap .sec05 h4{font-size:18vw;text-align:center}.main-wrap .sec05 .click-btn{left:initial;top:-90px;right:0;width:80px;height:80px}}@media (max-width: 600px){.main-wrap .sec04 .project-list li a .label-box label{font-size:1.4rem;padding:4px 10px}.main-wrap .sec04 .project-list li a .text-box p{font-size:6rem}}.project-wrap{padding:160px 0 80px}.project-wrap h2{font-size:6rem;margin-bottom:40px}.project-wrap .tab-box{margin-bottom:30px}.project-wrap .tab-box button{padding:8px 20px;font-size:1.6rem;border-radius:5px;color:#777;background:#333}.project-wrap .tab-box button:not(:last-child){margin-right:14px}.project-wrap .tab-box button.active{background:#fff;color:#000}.project-wrap .tab-content{display:none}.project-wrap .tab-content.active{display:block}.project-wrap .project-list{flex-wrap:wrap}.project-wrap .project-list li{width:calc((100% - 40px) / 3);margin-right:20px;margin-bottom:40px}.project-wrap .project-list li:nth-child(3n){margin-right:0}.project-wrap .project-list li a .img-box{margin-bottom:20px}.project-wrap .project-list li a .img-box img{width:100%}.project-wrap .project-list li:nth-child(1) a .img-box{background:url(../img/projects/01-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(2) a .img-box{background:url(../img/projects/02-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(3) a .img-box{background:url(../img/projects/03-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(4) a .img-box{background:url(../img/projects/04-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(5) a .img-box{background:url(../img/projects/05-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(6) a .img-box{background:url(../img/projects/06-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(7) a .img-box{background:url(../img/projects/07-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(8) a .img-box{background:url(../img/projects/08-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(9) a .img-box{background:url(../img/projects/09-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(10) a .img-box{background:url(../img/projects/10-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(11) a .img-box{background:url(../img/projects/11-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(12) a .img-box{background:url(../img/projects/12-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(13) a .img-box{background:url(../img/projects/13-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(14) a .img-box{background:url(../img/projects/14-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(15) a .img-box{background:url(../img/projects/15-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(16) a .img-box{background:url(../img/projects/16-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(17) a .img-box{background:url(../img/projects/17-1.png) no-repeat center center / 120%}.project-wrap .project-list li:nth-child(18) a .img-box{background:url(../img/projects/18-1.png) no-repeat center center / 120%}.project-wrap .project-list li a .text-box .name{font-size:2.8rem;font-weight:600;margin-bottom:10px;line-height:1}.project-wrap .project-list li a .text-box .desc{height:56px;font-size:1.8rem;font-weight:300;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;word-break:keep-word}.project-wrap .project-list li a .tag-box span{font-size:1.6rem;margin-right:10px;color:#858585;font-weight:300}@media (max-width: 1000px){.project-wrap .tab-box{overflow-x:auto}.project-wrap .tab-box::-webkit-scrollbar{width:0}.project-wrap .project-list li{width:calc((100% - 20px) / 2)}.project-wrap .project-list li:nth-child(3n){margin-right:20px}.project-wrap .project-list li:nth-child(2n){margin-right:0}}@media (max-width: 600px){.project-wrap{padding:140px 0}.project-wrap h2{font-size:4.4rem}.project-wrap .project-list li{width:100%;margin-right:0}.project-wrap .project-list li:nth-child(3n){margin-right:0}}.project-detail-wrap .banner{width:100%;height:450px}.project-detail-wrap .banner01{background:url(../img/projects/01-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner02{background:url(../img/projects/02-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner03{background:url(../img/projects/03-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner04{background:url(../img/projects/04-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner05{background:url(../img/projects/05-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner06{background:url(../img/projects/06-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner07{background:url(../img/projects/07-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner08{background:url(../img/projects/08-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner09{background:url(../img/projects/09-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner10{background:url(../img/projects/10-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner11{background:url(../img/projects/11-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner12{background:url(../img/projects/12-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner13{background:url(../img/projects/13-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner14{background:url(../img/projects/14-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner15{background:url(../img/projects/15-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner16{background:url(../img/projects/16-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner17{background:url(../img/projects/17-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner18{background:url(../img/projects/18-1.png) no-repeat 50% 24% / cover}.project-detail-wrap .banner .cover{width:100%;height:100%;padding:80px 0;background-color:#00000063;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.project-detail-wrap .banner .cover .title{position:relative;width:100%;text-align:center;padding-bottom:20px;margin-bottom:20px;font-size:5.2rem}.project-detail-wrap .banner .cover .title:after{content:'';position:absolute;width:30px;height:4px;background-color:#fff;bottom:0;left:50%;transform:translateX(-50%)}.project-detail-wrap .banner .cover .textbox{display:flex;align-items:center;margin-bottom:20px}.project-detail-wrap .banner .cover .textbox:last-child{margin-bottom:0}.project-detail-wrap .banner .cover .textbox .subtitle{width:120px;font-size:1.8rem}.project-detail-wrap .banner .cover .textbox .desc{color:#fff;font-size:1.8rem}.project-detail-wrap .img-wrapper{padding:100px 0}.project-detail-wrap .img-wrapper img{max-width:900px;margin:auto}@media(max-width:970px){.project-detail-wrap .banner .cover{padding:80px 20px}.project-detail-wrap .img-wrapper img{width:100%}.project-detail-wrap .img-wrapper{padding:60px 20px}}@media(max-width:800px){.project-detail-wrap .banner{height:500px}.project-detail-wrap .banner .cover .title{margin-top:70px;margin-bottom:40px;padding-bottom:0;text-align:left}.project-detail-wrap .banner .cover .title:after{display:none}.project-detail-wrap .banner .cover .textbox{display:block}.project-detail-wrap .banner .cover .textbox .subtitle{width:100%;margin-bottom:20px}.project-detail-wrap .banner .cover .textbox .desc{display:block}}.contact-wrap{padding:160px 0 80px}.contact-wrap .container{width:1200px}.contact-wrap h2{font-size:6rem;margin-bottom:40px}.contact-wrap .contact-group .col-2{display:flex;align-items:center;gap:20px}.contact-wrap .contact-group .col-2 > div{width:50%}.contact-wrap .contact-group .list-box{position:relative;margin-bottom:30px;display:flex;align-items:center;border-bottom:1px solid #fff}.contact-wrap .contact-group .textarea-box{align-items:flex-start}.contact-wrap .contact-group .list-box label{width:110px;color:#757575}.contact-wrap .contact-group .list-box input{width:calc(100% - 110px)}.contact-wrap .contact-group .list-box textarea{width:calc(100% - 110px);min-height:120px;padding:2px 20px 4px;resize:vertical}.contact-wrap .contact-group .list-box .alert-txt{display:none;position:absolute;top:calc(100% + 4px);font-size:1.4rem;color:#ff5656}.contact-wrap .contact-group .agree-box{position:relative}.contact-wrap .contact-group .agree-box label{font-size:1.8rem;line-height:1}.contact-wrap .contact-group .agree-box .read-btn{margin-left:10px;font-weight:300;color:#757575;text-decoration:underline}.contact-wrap .contact-group .agree-box .text-box{color:#999}.contact-wrap .contact-group .agree-box .alert-txt{display:none;position:absolute;top:calc(100% + 4px);font-size:1.4rem;color:#ff5656}.contact-wrap .agree-modal{display:none;z-index:10000;position:fixed;top:0;left:0;width:100vw;height:100vh}.contact-wrap .agree-modal.active{display:block}.contact-wrap .agree-modal .modal-bg{position:fixed;top:0;height:0;width:100%;height:100%;background:rgba(48,48,48,0.8)}.contact-wrap .agree-modal .modal-cont{z-index:10;width:560px;max-height:60vh;background:#131313;padding:60px 20px 20px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-wrap .agree-modal .modal-cont .close-btn{position:absolute;top:20px;right:20px;width:24px}.contact-wrap .agree-modal .modal-cont .close-btn img{width:100%}.contact-wrap .agree-modal .modal-cont .overflow-box{height:calc(60vh - 80px);overflow-y:auto;padding:0 10px 10px}.contact-wrap .agree-modal .modal-cont .text-box{font-size:1.4rem}.contact-wrap .agree-modal .modal-cont label{font-size:1.6rem;margin-bottom:4px}.contact-wrap .agree-modal .modal-cont .overflow-box::-webkit-scrollbar{width:4px}.contact-wrap .agree-modal .modal-cont .overflow-box::-webkit-scrollbar-thumb{background:#757575;border-radius:5px}.contact-wrap .agree-modal .modal-cont .overflow-box::-webkit-scrollbar-track{background:transparent}.contact-wrap .send-btn{display:block;width:230px;height:60px;line-height:60px;text-align:center;font-size:1.8rem;margin:60px auto 0;font-family:'Montserrat',sans-serif;transition:.25s}.contact-wrap .send-btn:hover{background:#191919}@media (max-width: 1240px){.contact-wrap .container{width:100%}}@media (max-width: 1000px){.contact-wrap .contact-group .list-box label{width:80px}.contact-wrap .contact-group .list-box input{width:calc(100% - 80px)}.contact-wrap .contact-group .list-box textarea{width:calc(100% - 80px)}}@media (max-width: 600px){.contact-wrap{padding:140px 0}.contact-wrap h2{font-size:4.4rem}.contact-wrap .contact-group .col-2{display:block}.contact-wrap .contact-group .col-2 > div{width:100%}.contact-wrap .agree-modal .modal-cont{width:90%}.contact-wrap .send-btn{background:#191919}}