.m-home-hero{overflow:hidden;pointer-events:none;position:relative}.m-home-hero.-js-loaded{pointer-events:all}.m-home-hero.-js-loaded .area,.m-home-hero.-js-loaded .info-box,.m-home-hero.-js-loaded .obj-5g{opacity:1;-webkit-transform:none;transform:none}.m-home-hero .inner{width:100%}.m-home-hero .bg-image{height:55.612%;z-index:-1}.m-home-hero .bg-image img{height:100%;width:100%}.m-home-hero .obj-5g{height:70.7%;left:30.2%;pointer-events:none;top:15.8%;width:39.9%;z-index:2}.m-home-hero .area,.m-home-hero .obj-5g{opacity:0;position:absolute;-webkit-transform:translateY(-20px);transform:translateY(-20px);-webkit-transition:all .6s ease;transition:all .6s ease}.m-home-hero .area{display:-webkit-box;display:-ms-flexbox;display:flex;z-index:3}.m-home-hero .area a{cursor:pointer;display:block;height:100%;width:100%;z-index:10}.m-home-hero .area a:hover,.m-home-hero .area a:hover+.light{opacity:1}.m-home-hero .area a:hover+.light+.area-name,.m-home-hero .area a:hover+.light+.area-name+.map-icon{-webkit-transform:translateY(-10px);transform:translateY(-10px)}.m-home-hero .area.-factory{height:41.15%;left:5.56%;top:9.64%;width:35.58%;z-index:1}.m-home-hero .area.-factory .light{bottom:20.93%;height:160.44%;left:13.64%;width:96.82%}.m-home-hero .area.-factory .area-name{left:54.42%;top:.89%}.m-home-hero .area.-factory .map-icon{left:62.14%;top:13.61%}.m-home-hero .area.-stadium{height:28.65%;left:.95%;top:43.3%;width:24.906%}.m-home-hero .area.-stadium .light{bottom:10.24%;height:236.36%;left:-24.38%;width:136.76%}.m-home-hero .area.-stadium .area-name{left:29.85%;top:-10.35%}.m-home-hero .area.-stadium .map-icon{left:40.59%;top:8.09%}.m-home-hero .area.-school{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:28.634%;left:18.74%;top:60.88%;width:24.526%;z-index:4}.m-home-hero .area.-school .light{height:153.77%;left:10.6%;top:-51%;width:99.07%}.m-home-hero .area.-school .area-name{left:39.63%;top:-14.6%}.m-home-hero .area.-school .map-icon{left:51.08%;top:4.5%}.m-home-hero .area.-municipality{display:-webkit-box;display:-ms-flexbox;display:flex;height:26.82%;left:52.27%;top:4.22%;width:16.03%;z-index:1}.m-home-hero .area.-municipality .light{height:234.47%;left:-57.08%;top:-117.48%;width:242.92%}.m-home-hero .area.-municipality .area-name{left:42.59%;top:10.9%}.m-home-hero .area.-municipality .map-icon{left:57%;top:39.59%}.m-home-hero .area.-airport{height:39.45%;left:56.95%;top:46.74%;width:26.28%}.m-home-hero .area.-airport .light{bottom:0;height:97.69%;left:0;width:126.74%}.m-home-hero .area.-airport .area-name{left:44.37%;top:5.87%}.m-home-hero .area.-airport .map-icon{left:55.62%;top:20.14%}.m-home-hero .area.-hospital{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;height:38.28%;left:66.25%;top:12.28%;width:32.21%;z-index:1}.m-home-hero .area.-hospital .light{height:171.43%;left:4%;top:-63%;width:96.77%}.m-home-hero .area.-hospital .area-name{left:28.41%;top:32.1%}.m-home-hero .area.-hospital .map-icon{left:36.82%;top:45.08%}.m-home-hero .area.-agriculture{bottom:-13.28%;height:53.78%;left:-19.69%;width:52.42%}.m-home-hero .area.-agriculture .light{height:117.43%;right:9.08%;top:-27.85%;width:51.82%;z-index:5}.m-home-hero .area.-agriculture .area-name{right:29.54%;top:23.68%}.m-home-hero .area.-agriculture .map-icon{right:34.78%;top:33.41%}.m-home-hero .area img{height:auto;width:100%}.m-home-hero .area svg{fill:transparent}.m-home-hero .area .light,.m-home-hero .area .main{display:-webkit-box;display:-ms-flexbox;display:flex;pointer-events:none;position:absolute}.m-home-hero .area .light{opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.m-home-hero .area .area-name{background:#3e3e3e;border-radius:.43em;color:#fff;display:inline-block;font-size:1.02vw;font-weight:700;height:2.29em;margin:0;min-width:7.29vw;padding:.2em .71em;pointer-events:none;position:absolute;text-align:center;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;white-space:nowrap}.m-home-hero .area .area-name:after{background:#3e3e3e;bottom:-28%;content:"";height:.73em;left:19.8%;-webkit-mask:url(https://cittec.ctc-g.co.jp/hubfs/ctc-5g2022/assets/images/common/baloon-tail.svg) no-repeat 0 0;mask:url(https://cittec.ctc-g.co.jp/hubfs/ctc-5g2022/assets/images/common/baloon-tail.svg) no-repeat 0 0;-webkit-mask-size:contain;mask-size:contain;position:absolute;width:1em}.m-home-hero .area .map-icon{background:url(https://cittec.ctc-g.co.jp/hubfs/ctc-5g2022/assets/images/home/icon-map-pin.png) 50% 50%/contain no-repeat;height:2.71vw;pointer-events:none;position:absolute;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:1.9vw}.m-home-hero .info-box{bottom:20px;opacity:0;position:absolute;right:20px;-webkit-transform:translatex(100%);transform:translatex(100%);-webkit-transition:all .6s ease;transition:all .6s ease;width:334px;z-index:10}.m-home-hero .cta-box{margin-bottom:20px;padding:0 20px}.m-home-hero .cta-box>:nth-child(n+2){display:block;margin-top:10px}.m-home-hero .info-text{background:#3e3e3e;border-radius:10px;color:#fff;font-weight:700;padding:16px}.m-home-hero .info-text .pc-inner{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.m-home-hero .info-text .pc-inner .image{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin-right:20px;width:134px}.m-home-hero .info-text .pc-inner .image img{border-radius:6px}.m-home-hero .info-text .pc-inner .pc-text{font-size:1.3rem;line-height:1.85;margin:0}.m-home-hero .modal{height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;visibility:hidden;width:100vw;z-index:-1}.m-home-hero .modal.-js-opend{opacity:1;pointer-events:all;visibility:visible;z-index:2000}.m-home-hero .modal .modal-overlay{background:rgba(62,62,62,.6);height:100%;left:0;position:absolute;top:0;width:100%}.m-home-hero .modal .modal-wrap{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;justify-content:center;width:100%}.m-home-hero .modal .modal-content{bottom:0;height:calc(100% - 100px);left:0;margin:auto;max-height:542px;max-width:1180px;padding:0 28px;position:absolute;right:0;top:0;width:calc(100% - 40px)}.m-home-hero .modal .modal-content .swiper{background:#fff;border-radius:20px;height:100%}.m-home-hero .modal .modal-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;height:40px;opacity:1;position:absolute;right:40px;top:-50px;width:40px}.m-home-hero .modal .modal-close:after,.m-home-hero .modal .modal-close:before{background:#fff;border-radius:2px;bottom:0;content:"";height:5px;left:-4px;margin:auto;position:absolute;right:0;top:0;width:50px}.m-home-hero .modal .modal-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.m-home-hero .modal .modal-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.m-home-hero .modal .swiper-slide{overflow-y:auto}.m-home-hero .modal .modal-area{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;padding:100px 90px 100px 110px}.m-home-hero .modal .modal-area .image{width:41%}.m-home-hero .modal .modal-area .text{width:48.89%}.m-home-hero .modal .modal-area .text .number{color:#ffe5e0;font-size:12rem;font-weight:800;letter-spacing:0;line-height:1;margin:0;position:absolute;right:29px;top:3px;z-index:-1}.m-home-hero .modal .modal-area .text .area-name{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;color:#f14a29;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:700;line-height:1.3;margin:0 0 20px}.m-home-hero .modal .modal-area .text .area-name .ja{font-size:3.2rem;margin-right:20px}.m-home-hero .modal .modal-area .text .area-name .en:before{content:"/"}.m-home-hero .modal .modal-area .text .area-name .detail{font-weight:500}.m-home-hero .modal .swiper-button-next,.m-home-hero .modal .swiper-button-prev{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f14a29;border-radius:50%;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;height:56px;justify-content:center;opacity:1;position:absolute;top:calc(50% - 34px);width:56px;z-index:2}.m-home-hero .modal .swiper-button-next.swiper-button-disabled,.m-home-hero .modal .swiper-button-prev.swiper-button-disabled{display:none}.m-home-hero .modal .swiper-button-prev{left:0}.m-home-hero .modal .swiper-button-next{right:0}.m-home-hero .modal .swiper-pagination{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:30px}.m-home-hero .modal .swiper-pagination .swiper-pagination-bullet{background:#fff;border-radius:50%;cursor:pointer;height:10px;margin:0 8px;-webkit-transition:all .3s linear;transition:all .3s linear;width:10px}.m-home-hero .modal .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f14a29}@media screen and (max-width:1000px){.m-home-hero .obj-5g{height:46.93%;left:31.57%;top:28.8%;width:36.04%}.m-home-hero .area.-factory{height:30.41%;left:9.95%;top:25.81%;width:31.71%}.m-home-hero .area.-factory .area-name{left:53%;top:-2.78%}.m-home-hero .area.-factory .map-icon{left:61%;top:12.74%}.m-home-hero .area.-stadium{height:21.97%;left:5.48%;top:49.85%;width:22.34%}.m-home-hero .area.-stadium .area-name{left:28%;top:-12.82%}.m-home-hero .area.-stadium .map-icon{left:40%;top:6.8%}.m-home-hero .area.-school{height:20.67%;left:21.48%;top:63.88%;width:21.33%}.m-home-hero .area.-school .area-name{left:37%;top:-15.23%}.m-home-hero .area.-school .map-icon{left:50%;top:3.64%}.m-home-hero .area.-municipality{height:21.421%;left:51.32%;top:20.49%;width:15.433%}.m-home-hero .area.-municipality .area-name{left:32%;top:9.85%}.m-home-hero .area.-municipality .map-icon{left:48%;top:24.69%}.m-home-hero .area.-airport{height:30.11%;left:55.06%;top:53.12%;width:24.163%}.m-home-hero .area.-airport .light{bottom:.55%;height:97.69%;left:-.07%;width:126.74%}.m-home-hero .area.-airport .area-name{left:45%;top:5%}.m-home-hero .area.-airport .map-icon{left:56%;top:19.14%}.m-home-hero .area.-hospital{height:28.313%;left:63.86%;top:30.1%;width:28.732%}.m-home-hero .area.-hospital .area-name{left:28%;top:25.28%}.m-home-hero .area.-hospital .map-icon{left:37%;top:40.83%}.m-home-hero .area.-agriculture{bottom:-12.6%;left:-19.76%;width:53.9%}.m-home-hero .area.-agriculture .light{top:-36.94%}.m-home-hero .area .area-name{padding-top:0}.m-home-hero .info-box{width:254px}.m-home-hero .info-box .pc-inner .image{margin-right:6.62%;width:44.37%}.m-home-hero .info-box .pc-inner .pc-text{font-size:1rem}}@media screen and (max-width:768px){.m-home-hero{height:125vw;overflow-x:scroll;width:100%}.m-home-hero .inner{height:125vw;position:relative;width:185vw}.m-home-hero .bg-image{height:100%;width:185vw}.m-home-hero .obj-5g{height:46.93%;left:31.57%;pointer-events:none;position:absolute;top:28.8%;width:36.04%;z-index:2}.m-home-hero .area .area-name{border-radius:6px;font-size:2.9333333333vw;height:6.6666666667vw;margin:0 auto;min-width:19.7333333333vw;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.m-home-hero .area .area-name:after{bottom:-1.6vw;height:1.8666666667vw;left:4vw;width:2.9333333333vw}.m-home-hero .area .map-icon{height:6.4vw;width:4.5333333333vw}.m-home-hero .area.-factory .area-name{left:62%;top:-13.78%}.m-home-hero .area.-factory .map-icon{left:calc(53.18% + 17px);top:6.74%}.m-home-hero .area.-stadium{height:22.17%;left:5.48%;top:49.45%;width:23.06%}.m-home-hero .area.-stadium .area-name{left:40%;top:-19.82%}.m-home-hero .area.-stadium .map-icon{left:calc(26.63% + 17px);top:6.43%}.m-home-hero .area.-school .area-name{left:calc(17.04% + 37px);top:-26.23%}.m-home-hero .area.-school .map-icon{left:calc(47.04% + 8.5px)}.m-home-hero .area.-municipality .area-name{left:63%;top:-10.15%}.m-home-hero .area.-municipality .map-icon{left:calc(48.98% + 8.5px);top:18.69%}.m-home-hero .area.-airport .area-name{left:49%;top:-3%}.m-home-hero .area.-airport .map-icon{left:calc(39.63% + 8.5px);top:19.14%}.m-home-hero .area.-hospital .area-name{left:41%;top:22.28%}.m-home-hero .area.-hospital .map-icon{left:calc(33.42% + 8.5px);top:44.83%}.m-home-hero .area.-agriculture{bottom:-11.31%;height:53.76%;left:-20.76%;width:54.77%}.m-home-hero .area.-agriculture .light{height:64.65%;right:10.47%;top:24.94%;width:50.42%}.m-home-hero .area.-agriculture .area-name{right:18%;top:20.68%}.m-home-hero .area.-agriculture .map-icon{right:34.78%;top:33.41%}.m-home-hero .info-box{bottom:8px;left:calc(100% - 193px);position:sticky;width:185px}.m-home-hero .info-box .info-text{font-size:1.1rem;padding:10px 2px 10px 12px}.m-home-hero .info-box .swipe{background:url(https://cittec.ctc-g.co.jp/hubfs/ctc-5g2022/assets/images/home/icon-swipe.png) 0 50%/18px auto no-repeat;line-height:2.2;margin:0 0 8px;padding-left:30px}.m-home-hero .info-box .sp-text{line-height:1.64;margin:0}.m-home-hero .modal .modal-content{height:calc(var(--vh)*100 - 160px);max-height:none;padding:0 20px;width:100%}.m-home-hero .modal .modal-close{height:30px;right:20px;top:-40px;width:30px}.m-home-hero .modal .modal-close:after,.m-home-hero .modal .modal-close:before{height:4px;left:-4px;width:38px}.m-home-hero .modal .swiper{border-radius:10px}.m-home-hero .modal .swiper-slide{padding:30px 0 40px}.m-home-hero .modal .modal-area{display:block;height:100%;overflow-x:hidden;overflow-y:auto;padding:0 48px;width:100%}.m-home-hero .modal .modal-area .image{margin:0 auto 10px;width:78.245%}.m-home-hero .modal .modal-area .text{height:auto;width:100%}.m-home-hero .modal .modal-area .text .number{font-size:5.8rem;right:15px;top:7px}.m-home-hero .modal .modal-area .text .area-name{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.m-home-hero .modal .modal-area .text .area-name .ja{font-size:2.2rem;margin-right:12px}.m-home-hero .modal .modal-area .text .area-name .en{font-size:1.2rem}.m-home-hero .modal .modal-area .text .detail{font-size:1.4rem;line-height:2}.m-home-hero .modal .swiper-button-next,.m-home-hero .modal .swiper-button-prev{height:38px;top:calc(50% - 19px);width:38px}.m-home-hero .modal .swiper-button-prev{left:7px}.m-home-hero .modal .swiper-button-next{right:7px}}