.pjs02_banner-menu{margin-top:100px}.pjs02_banner-menu .banner-menu{height:500px;margin-bottom:175px;position:relative;width:100%}.pjs02_banner-menu .banner-menu>.inner{height:100%;text-align:left;width:100%}.pjs02_banner-menu .banner-menu>.inner>a{display:block;height:100%;text-decoration:none;width:100%}.pjs02_banner-menu .banner-menu>.inner>a .content{-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:100%;padding:4% 0 0 3%;position:relative;width:100%;z-index:2}.pjs02_banner-menu .banner-menu>.inner>a .content .title{font-weight:700;white-space:nowrap}.pjs02_banner-menu .banner-menu>.inner>a .content .title h2,.pjs02_banner-menu .banner-menu>.inner>a .content .title h3,.pjs02_banner-menu .banner-menu>.inner>a .content .title h4,.pjs02_banner-menu .banner-menu>.inner>a .content .title h5,.pjs02_banner-menu .banner-menu>.inner>a .content .title h6,.pjs02_banner-menu .banner-menu>.inner>a .content .title p{font-size:min(2vw,30px);line-height:1;margin:0}.pjs02_banner-menu .banner-menu>.inner>a .content .title h2 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h3 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h4 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h5 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h6 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title p strong{font-size:min(2.5vw,40px)}.pjs02_banner-menu .banner-menu>.inner>a .content .title .en{display:block;font-size:min(1.5vw,20px);line-height:1.25;margin:0 0 20px}.pjs02_banner-menu .banner-menu>.inner>a .content .text{font-size:min(1.8vw,30px);font-weight:500;line-height:1.6;margin-top:25px}.pjs02_banner-menu .banner-menu>.inner>a .content:after{border:0 solid #33c;-webkit-box-sizing:border-box;box-sizing:border-box;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;-webkit-transition:opacity .2s ease-out 0s,border-width .2s ease-out 0s;transition:opacity .2s ease-out 0s,border-width .2s ease-out 0s;width:100%;z-index:6}.pjs02_banner-menu .banner-menu>.inner>a .image{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image{background-position:50% 50%;background-size:cover;height:100%;position:absolute;top:0;width:50%}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image1{left:0}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image1:after{background-color:#33c;content:"";display:block;height:100%;left:0;mix-blend-mode:multiply;position:absolute;top:0;-webkit-transition:background-color .2s ease-out 0s;transition:background-color .2s ease-out 0s;width:100%}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image2{-webkit-filter:grayscale(100%);filter:grayscale(100%);left:50%;-webkit-transition:-webkit-filter .2s ease-out 0s;transition:-webkit-filter .2s ease-out 0s;transition:filter .2s ease-out 0s;transition:filter .2s ease-out 0s,-webkit-filter .2s ease-out 0s}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image2:after{content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.pjs02_banner-menu .banner-menu>.inner>a:after{background-color:#33c;content:"";display:block;height:100%;left:calc(50% - 109px);pointer-events:none;position:absolute;top:0;width:136px;z-index:3}.pjs02_banner-menu .banner-menu>.inner>a:hover{opacity:1}.pjs02_banner-menu .banner-menu>.inner>a:hover .content:after{border-width:10px;opacity:1}.pjs02_banner-menu .banner-menu>.inner>a:hover .image .bg-image.image1:after{background-color:#bababa}.pjs02_banner-menu .banner-menu>.inner>a:hover .image .bg-image.image2{-webkit-filter:grayscale(0);filter:grayscale(0)}.pjs02_banner-menu .banner-menu>.inner:after{content:"Project";font-size:26px;padding:13px 0 0;-webkit-transform:translate(-50%);transform:translate(-50%);z-index:4}.pjs02_banner-menu .banner-menu .banner-num,.pjs02_banner-menu .banner-menu>.inner:after{color:#fff;display:block;font-family:Ubuntu,sans-serif;font-weight:700;left:calc(50% - 41px);letter-spacing:0;line-height:1;pointer-events:none;position:absolute;top:50%}.pjs02_banner-menu .banner-menu .banner-num{border-bottom:3px solid #fff;font-size:100px;padding:0 0 8px;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);white-space:nowrap;z-index:5}.pjs02_banner-menu .banner-menu:after{border-color:#e4e4e4 transparent transparent;border-style:solid;border-width:116px 67px 0;content:"";display:block;height:0;left:50%;position:absolute;top:calc(100% + 35px);-webkit-transform:translateX(-50%);transform:translateX(-50%);width:0}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a .content{padding:4% 0 0 calc(109px + 53%)}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a .image .bg-image.image1{left:50%}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a .image .bg-image.image2{left:0}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a:after{left:calc(50% - 27px)}.pjs02_banner-menu .banner-menu:nth-child(2n) .banner-num,.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner:after{left:calc(50% + 41px)}.pjs02_banner-menu .banner-menu:last-child{margin-bottom:0}.pjs02_banner-menu .banner-menu:last-child:after{display:none}@media screen and (max-width:1200px){.pjs02_banner-menu .banner-menu{height:auto;margin-bottom:100px}.pjs02_banner-menu .banner-menu>.inner>a .content{height:100%;padding:calc(80px + 3%) 0 0 3%;position:absolute}.pjs02_banner-menu .banner-menu>.inner>a .content .title h2,.pjs02_banner-menu .banner-menu>.inner>a .content .title h3,.pjs02_banner-menu .banner-menu>.inner>a .content .title h4,.pjs02_banner-menu .banner-menu>.inner>a .content .title h5,.pjs02_banner-menu .banner-menu>.inner>a .content .title h6,.pjs02_banner-menu .banner-menu>.inner>a .content .title p{font-size:min(3.5vw,28px)}.pjs02_banner-menu .banner-menu>.inner>a .content .title h2 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h3 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h4 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h5 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h6 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title p strong{font-size:min(4.5vw,35px)}.pjs02_banner-menu .banner-menu>.inner>a .content .title .en{font-size:min(3vw,18px);margin:0 0 15px}.pjs02_banner-menu .banner-menu>.inner>a .content .text{font-size:min(3vw,22px);margin-top:15px}.pjs02_banner-menu .banner-menu>.inner>a .image{height:auto;padding:54% 0 0;position:relative}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image1:after{background-color:#bababa}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image2{-webkit-filter:grayscale(0);filter:grayscale(0)}.pjs02_banner-menu .banner-menu>.inner>a:after{height:80px;left:0;width:100%}.pjs02_banner-menu .banner-menu>.inner:after{font-size:26px;left:125px;padding:0;top:25px;-webkit-transform:none;transform:none}.pjs02_banner-menu .banner-menu .banner-num{border-bottom:none;border-right:2px solid #fff;font-size:70px;height:80px;left:0;line-height:80px;padding:0 10px 0 15px;pointer-events:none;top:0;-webkit-transform:none;transform:none;white-space:nowrap;z-index:5}.pjs02_banner-menu .banner-menu:after{border-width:60px 40px 0;top:calc(100% + 20px)}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a .content{padding:calc(80px + 3%) 0 0 53%}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a:after{left:0}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner:after{left:calc(100% - 125px);-webkit-transform:translateX(-100%);transform:translateX(-100%)}.pjs02_banner-menu .banner-menu:nth-child(2n) .banner-num{border-left:2px solid #fff;border-right:none;left:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@media screen and (max-width:600px){.pjs02_banner-menu{margin-top:30px}.pjs02_banner-menu .banner-menu{margin-bottom:70px}.pjs02_banner-menu .banner-menu>.inner>a .content{padding:calc(50px + 4%) 0 0 5%}.pjs02_banner-menu .banner-menu>.inner>a .content .title h2,.pjs02_banner-menu .banner-menu>.inner>a .content .title h3,.pjs02_banner-menu .banner-menu>.inner>a .content .title h4,.pjs02_banner-menu .banner-menu>.inner>a .content .title h5,.pjs02_banner-menu .banner-menu>.inner>a .content .title h6,.pjs02_banner-menu .banner-menu>.inner>a .content .title p{font-size:18px}.pjs02_banner-menu .banner-menu>.inner>a .content .title h2 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h3 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h4 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h5 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title h6 strong,.pjs02_banner-menu .banner-menu>.inner>a .content .title p strong{font-size:24px}.pjs02_banner-menu .banner-menu>.inner>a .content .title .en{font-size:16px;margin:0 0 13px}.pjs02_banner-menu .banner-menu>.inner>a .content .text{font-size:15px;margin-top:12px}.pjs02_banner-menu .banner-menu>.inner>a .image{padding:min(480px,150%) 0 0}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image1{height:calc(50% - 25px);left:0;top:50px;width:100%}.pjs02_banner-menu .banner-menu>.inner>a .image .bg-image.image2{height:calc(50% - 25px);left:0;top:calc(50% + 25px);width:100%}.pjs02_banner-menu .banner-menu>.inner>a:after{height:50px}.pjs02_banner-menu .banner-menu>.inner:after{font-size:20px;left:80px;top:14px}.pjs02_banner-menu .banner-menu .banner-num{font-size:40px;height:50px;line-height:50px;padding:0 10px}.pjs02_banner-menu .banner-menu:after{border-width:45px 30px 0;top:calc(100% + 14px)}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a .content{padding:calc(50px + 4%) 0 0 5%}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner>a .image .bg-image.image1{left:0}.pjs02_banner-menu .banner-menu:nth-child(2n)>.inner:after{left:80px;-webkit-transform:none;transform:none}.pjs02_banner-menu .banner-menu:nth-child(2n) .banner-num{border-left:none;border-right:2px solid #fff;left:0;-webkit-transform:none;transform:none}}