.grid{padding:147px 2px 2px;background-color:#fff}.grid_inner{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(7, 1fr);grid-column-gap:2px;grid-row-gap:2px}.grid_item{width:100%}.grid_item_img{width:100%;height:100%}.grid_item_img img{width:100%;height:100%;object-fit:cover}.grid_item_img video{width:100%;height:100%;object-fit:cover}.grid_item._01{grid-column:1/5;grid-row:1/3;position:relative;z-index:1}.grid_item._01::before{content:"";position:absolute;top:0;right:calc(25% - 1.5px);width:2px;height:100%;background-color:#fff;z-index:2}.grid_item._01::after{content:"";position:absolute;top:calc(50% - 1.5px);right:0;width:25%;height:2px;background-color:#fff;z-index:2}.grid_item._02{grid-column:1/2;grid-row:3/4;position:relative}.grid_item._02 .grid_item_inner{width:100%;height:100%;padding:10% 0 0 15%}.grid_item._02 .grid_item_text{font-size:15px;letter-spacing:0;line-height:32px}.grid_item._02 .grid_item_text+.grid_item_text{margin-top:30px}.grid_item._02::after{content:"";position:absolute;bottom:35.5px;right:21px;width:10px;height:1px;background-color:#000;transform:rotate(50deg);transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.grid_item._02::before{content:"";position:absolute;bottom:32px;right:23px;width:48px;height:1px;background-color:#000;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.grid_item._03{grid-column:1/2;grid-row:4/5}.grid_item._04{grid-column:2/4;grid-row:3/5;position:relative;z-index:1}.grid_item._04 .grid_item_img{overflow:hidden}.grid_item._04 .grid_item_img img{object-position:right center;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.grid_item._04 .swiper-slide-active img{animation:item04_position 8s ease-in-out forwards}.grid_item._04::before{content:"";position:absolute;top:50%;left:50%;width:84px;height:84px;transform:translate(-50%, -50%);background-image:url(../img/project/ico-play.svg);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:2}.grid_item._05{grid-column:4/5;grid-row:3/4}.grid_item._06{grid-column:4/5;grid-row:4/5}.grid_item._07{grid-column:1/2;grid-row:5/6}.grid_item._08{grid-column:1/2;grid-row:6/7}.grid_item._09{grid-column:2/3;grid-row:5/7}.grid_item._09 .grid_item_inner{width:100%;height:100%;background:#000;color:#fff;padding-top:20%;position:relative}.grid_item._09 .grid_item_ttl{font-size:14px;font-weight:500;letter-spacing:.01em;text-align:center;margin-bottom:30px;position:relative}.grid_item._09 .grid_item_ttl .strong{font-size:17px;font-weight:400;position:relative;top:1.5px;display:inline-block;padding-right:5px}.grid_item._09 .grid_item_ttl .strong._02{padding-right:0;padding-left:5px}.grid_item._09 .grid_item_text{font-size:14px;line-height:30px;font-weight:500;text-align:center}.grid_item._09 .grid_item_text+.grid_item_text{margin-top:30px}.grid_item._09 .grid_item_svg{width:100%;position:absolute;bottom:0;left:0}.grid_item._09 .grid_item_svg .grid_item_lottie{width:100%;line-height:0;pointer-events:none}.grid_item._09 .grid_item_svg svg{object-fit:contain;width:100%;height:auto;display:block}.grid_item._10{grid-column:3/5;grid-row:5/6}.grid_item._11{grid-column:1/2;grid-row:7/8}.grid_item._12{background:#d1b3ff;grid-column:2/3;grid-row:7/8}.grid_item._13{grid-column:3/5;grid-row:6/8;position:relative;z-index:1;overflow:hidden}.grid_item._13 .grid_item_img{transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.grid_item._13:hover{cursor:pointer}.grid_item._13:hover .grid_hover{opacity:1}.grid_item._13:hover .grid_item_img{transform:scale(1.02);filter:blur(8px) grayscale(1) brightness(0.7)}.grid_item._13 .grid_hover{position:absolute;top:50%;left:5%;transform:translateY(-50%);color:#fff;opacity:0;transition:opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:10}.grid_item._13 .grid_hover_ttl{font-size:20px;margin-bottom:10px}.grid_item._13 .grid_hover_ttl .strong{font-weight:500}.grid_item._13 .grid_hover_text{font-size:18px}.grid_item._13 .grid_hover .arrow{display:block;width:48px;height:48px;position:relative}.grid_item._13 .grid_hover .arrow::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;height:1px;background-color:#fff}.grid_item._13 .grid_hover .arrow::after{content:"";position:absolute;top:calc(50% - 2.5px);right:-1px;width:8px;height:1px;background-color:#fff;transform:translateY(-50%) rotate(45deg)}.grid_item._14{grid-column:4/5;grid-row:2/4;z-index:1}.grid_item_wrap{width:100%;height:100%}.grid_item_img{width:100%;height:100%}.grid_item_img img{width:100%;height:100%;object-fit:cover}@media(min-width: 681px){.grid_item._02:hover{cursor:pointer}.grid_item._02:hover::after{transform:translateX(10px) rotate(50deg)}.grid_item._02:hover::before{width:60px;transform:translateX(10px)}.grid_item._04:hover{cursor:pointer}.grid_item._04:hover .grid_item_img img{transform:scale(1.05)}}@keyframes item04_position{0%{object-position:left center}100%{object-position:right center}}@media(max-width: 680px){.grid{padding:70px 2px 2px}.grid_inner{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(15, 1fr)}.grid_item._01{grid-column:1/3;grid-row:1/3}.grid_item._01::before{display:none}.grid_item._01::after{display:none}.grid_item._02{grid-column:1/2;grid-row:3/5}.grid_item._02 .grid_item_inner{padding:10% 0 0}.grid_item._02 .grid_item_text{width:84%;margin:0 auto;font-size:14px;line-height:30px}.grid_item._02 .grid_item_text+.grid_item_text{margin-top:22px}.grid_item._02::after{bottom:17px;right:21px;width:6px}.grid_item._02::before{bottom:15px;width:30px}.grid_item._03{grid-column:2/3;grid-row:3/4}.grid_item._04{grid-column:1/3;grid-row:6/8}.grid_item._04::before{width:66px;height:66px}.grid_item._05{grid-column:2/3;grid-row:4/5}.grid_item._06{grid-column:1/2;grid-row:5/6}.grid_item._07{grid-column:1/2;grid-row:8/9}.grid_item._08{grid-column:2/3;grid-row:8/9}.grid_item._09{grid-column:1/3;grid-row:9/12}.grid_item._09 .grid_item_inner{padding-top:10%}.grid_item._09 .grid_item_ttl{margin-bottom:15px}.grid_item._09 .grid_item_text{line-height:26px}.grid_item._09 .grid_item_text+.grid_item_text{margin-top:15px}.grid_item._10{grid-column:1/3;grid-row:12/13}.grid_item._11{grid-column:1/2;grid-row:13/14}.grid_item._12{grid-column:2/3;grid-row:5/6}.grid_item._13{grid-column:1/3;grid-row:14/16}.grid_item._13 .grid_item_img{transform:scale(1.02);filter:blur(5px) grayscale(1) brightness(0.7)}.grid_item._13 .grid_hover{opacity:1}.grid_item._14{grid-column:2/3;grid-row:4/6}.grid_item._15{grid-column:2/3;grid-row:13/14}.grid_item_wrap{width:100%;height:100%}.grid_item_img{width:100%;height:100%}.grid_item_img img{width:100%;height:100%;object-fit:cover}}html.is-open,body.is-open{overflow:hidden}.modal{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(0.215, 0.61, 0.355, 1);z-index:100}.modal.is-open{opacity:1;pointer-events:auto}.modal.item02{background:#71a399}.modal.item04{background:#fff}.modal.item04_sub{background:#fff}.modal.item13{background:#000}.modal_close{position:absolute;top:38px;right:48px;width:30px;height:35px;cursor:pointer;z-index:1;font-size:12px;letter-spacing:0;display:flex;align-items:end;justify-content:center;color:#fff}.modal_close::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:30px;height:17px;background-image:url(../img/project/ico-close.svg)}.modal.item04 .modal_close{color:#71a399}.modal.item04 .modal_close::before{background-image:url(../img/project/ico-close-green.svg)}.modal.item04_sub .modal_close{color:#71a399}.modal.item04_sub .modal_close::before{background-image:url(../img/project/ico-close-green.svg)}.modal_inner{width:100%;height:100%}.modal_cont.item02{display:none;width:100%;height:100%;position:relative}.modal_cont.item02 .modal_cont_slider{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;max-width:1300px;height:650px}.modal_cont.item02 .modal_cont_slider_wrap{width:100%;height:100%}.modal_cont.item02 .modal_cont_slider_img{width:100%;height:100%}.modal_cont.item02 .modal_cont_slider_img img{width:100%;height:100%;object-fit:cover}.modal_cont.item02 .modal_cont_slider_navi{position:absolute;top:calc(50% + 370px);left:50%;transform:translate(-50%, -50%);width:178px;height:50px}.modal_cont.item02 .modal_cont_slider_navi::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:1px;height:12px;background-color:#fff}.modal_cont.item02 .swiper-button-prev,.modal_cont.item02 .swiper-button-next{color:#fff;width:50%;cursor:pointer;transition:opacity .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item02 .swiper-button-prev{left:0;justify-content:end;padding-right:17px}.modal_cont.item02 .swiper-button-prev::before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:22px;height:1px;background-color:#fff;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item02 .swiper-button-prev::after{content:"";position:absolute;top:calc(50% - 2.5px);left:-1px;width:8px;height:1px;background-color:#fff;transform:translateY(-50%) rotate(-40deg);transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item02 .swiper-button-next{right:0;justify-content:start;padding-left:17px}.modal_cont.item02 .swiper-button-next::before{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:22px;height:1px;background-color:#fff;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item02 .swiper-button-next::after{content:"";position:absolute;top:calc(50% - 2.5px);right:-1px;width:8px;height:1px;background-color:#fff;transform:translateY(-50%) rotate(40deg);transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item02 .swiper-navigation-icon{display:none}.modal_cont.item02 .swiper-button-disabled{opacity:0}.modal_cont.item04{display:none;width:1161px;height:718px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.modal_cont.item04 .modal_item{width:100%;height:100%;background-image:url(../img/project/m-bg01.webp);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;display:flex;align-items:center;justify-content:center;gap:20px}.modal_cont.item04 .modal_item_btn{width:170px;height:50px;border-radius:25px;background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item04 .modal_item_btn_ico{width:32px;height:26px}.modal_cont.item04 .modal_item_btn_ico svg{width:100%;height:100%;object-fit:contain}.modal_cont.item04 .modal_item_btn_ico svg path{transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item04 .modal_item_btn_ico svg line{transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item04 .modal_item_btn_text{display:block;padding:0 5px 0 13px;font-size:15px;letter-spacing:.07em;color:#71a399;transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item04 .modal_item_btn_play{width:16px;height:18px}.modal_cont.item04 .modal_item_btn_play svg{width:100%;height:100%;object-fit:contain}.modal_cont.item04 .modal_item_btn_play svg path{transition:all .5s cubic-bezier(0.215, 0.61, 0.355, 1)}.modal_cont.item04_sub{display:none;width:1161px;height:718px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:10}.modal_cont.item04_sub .modal_item_sub{width:100%;height:100%}.modal_cont.item04_sub .modal_item_sub video{width:100%;height:100%}.modal_cont.item04_sub .play_btn{width:100%;height:100%;position:absolute;top:0;left:0;display:none;align-items:center;justify-content:center;pointer-events:auto}.modal_cont.item04_sub .play_btn img{width:120px;height:110px;object-fit:contain}.modal_cont.item13{display:none;width:1000px;height:600px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);align-items:center;justify-content:space-between}.modal_cont.item13 .modal_img{width:600px;height:100%}.modal_cont.item13 .modal_content{width:310px;height:auto;color:#fff}.modal_cont.item13 .modal_content_ttl{font-size:16px;letter-spacing:.1em}.modal_cont.item13 .modal_content_ttl::before{content:"";display:inline-block;margin-right:10px;width:21px;height:1px;vertical-align:middle;background-color:#fff;position:relative;top:-1.5px}.modal_cont.item13 .modal_content_txt{margin:46px auto 86px}.modal_cont.item13 .modal_content_txt_item{font-size:14px;line-height:27px;letter-spacing:.1em}.modal_cont.item13 .modal_content_txt_item+.modal_content_txt_item{margin-top:25px}.modal_cont.item13 .modal_content_subttl{font-size:15px;letter-spacing:.06em;display:flex;align-items:center}.modal_cont.item13 .modal_content_subttl .logo01{width:43px;object-fit:contain}.modal_cont.item13 .modal_content_subttl .logo02{width:75px;object-fit:contain}.modal_cont.item13 .modal_content_subttl .logo03{width:68px;object-fit:contain}.modal_cont.item13 .modal_content_subttl i{display:inline-block;width:18px;height:18px;position:relative;margin:0 22px}.modal_cont.item13 .modal_content_subttl i::before,.modal_cont.item13 .modal_content_subttl i::after{content:"";position:absolute;width:24px;height:1px;background-color:#fff;top:50%;left:50%}.modal_cont.item13 .modal_content_subttl i::before{transform:translate(-50%, -50%) rotate(-45deg)}.modal_cont.item13 .modal_content_subttl i::after{transform:translate(-50%, -50%) rotate(45deg)}.modal.item02 .modal_cont.item02{display:block}.modal.item04 .modal_cont.item04{display:block}.modal.item04_sub .modal_cont.item04_sub{display:block}.modal.item13 .modal_cont.item13{display:flex}@media(min-width: 681px){.modal_cont.item02 .swiper-button-prev:hover{cursor:pointer}.modal_cont.item02 .swiper-button-prev:hover::before{width:30px;transform:translateX(-10px)}.modal_cont.item02 .swiper-button-prev:hover::after{transform:translateX(-10px) rotate(-40deg)}.modal_cont.item02 .swiper-button-next:hover{cursor:pointer}.modal_cont.item02 .swiper-button-next:hover::before{width:30px;transform:translateX(10px)}.modal_cont.item02 .swiper-button-next:hover::after{transform:translateX(10px) rotate(40deg)}.modal_cont.item04 .modal_item_btn:hover{cursor:pointer;background-color:#71a399;color:#fff}.modal_cont.item04 .modal_item_btn:hover .modal_item_btn_text{color:#fff}.modal_cont.item04 .modal_item_btn:hover svg path{fill:#fff}.modal_cont.item04 .modal_item_btn:hover svg line{stroke:#fff}}@media(max-width: 680px){.modal.item04{background:rgba(0,0,0,.8)}.modal.item04_sub{background:rgba(0,0,0,.8)}.modal_close{position:absolute;top:27px;right:39px;width:34px;height:35px}.modal.item04 .modal_close{color:#fff}.modal.item04 .modal_close::before{background-image:url(../img/project/ico-close.svg)}.modal.item04_sub .modal_close{color:#fff}.modal.item04_sub .modal_close::before{background-image:url(../img/project/ico-close.svg)}.modal_cont.item02{overflow-y:scroll}.modal_cont.item02 .modal_cont_slider{width:80%;height:600px;top:57%;padding-bottom:75px}.modal_cont.item02 .modal_cont_slider_navi{top:calc(50% + 300px);z-index:10}.modal_cont.item02 .swiper-navigation-icon{display:none}.modal_cont.item02 .swiper-button-disabled{opacity:0}.modal_cont.item04{width:96%;height:223px}.modal_cont.item04 .modal_item{gap:5px;position:relative}.modal_cont.item04 .modal_item_btn{position:absolute;bottom:-75px;left:calc(50% - 87.5px);transform:translateX(-50%);background-color:#71a399}.modal_cont.item04 .modal_item_btn.mute{left:calc(50% + 87.5px)}.modal_cont.item04 .modal_item_btn_ico svg path{fill:#fff}.modal_cont.item04 .modal_item_btn_ico svg line{stroke:#fff}.modal_cont.item04 .modal_item_btn_text{color:#fff}.modal_cont.item04 .modal_item_btn_play svg path{fill:#fff}.modal_cont.item04_sub{width:96%;height:223px}.modal_cont.item04_sub .play_btn img{width:60px;height:60px}.modal_cont.item13{display:none;width:100%;height:100%;overflow-y:scroll}.modal_cont.item13 .modal_img{width:85%;height:auto;margin:70px auto 0}.modal_cont.item13 .modal_content{width:85%;height:auto;margin-top:26px;margin:26px auto 30px}.modal_cont.item13 .modal_content_txt{margin:18px auto 26px}.modal_cont.item13 .modal_content_txt_item+.modal_content_txt_item{margin-top:10px}.modal.item13 .modal_cont.item13{display:block}}/*# sourceMappingURL=project.css.map */