.home-first-view{margin-top:70px}@media screen and (min-width: 769px){.home-first-view{margin-top:100px}.home-first-view .text-box{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:4.5rem 2rem 4.5rem 3rem}.home-first-view .text-box .luup-logo{margin-bottom:3rem}.home-first-view .first-view-image{overflow:hidden;border-top-left-radius:10px;border-bottom-left-radius:10px;height:100%;max-height:1000px}.home-first-view .first-view-image img{height:100%;object-fit:cover}}@media screen and (max-width: 768px){.home-first-view .text-box{padding:1.5rem}}.home-first-view .title{transition:.5s;letter-spacing:-0.05em;line-height:1.4}.home-first-view .hero-body-foot{position:absolute;bottom:4.5rem;right:1rem}.home-first-view .luup-logo{display:inline-block;width:200px;height:58px;padding-left:2px}.home-first-view-b{margin-top:0}@media screen and (min-width: 769px){.home-first-view-b{margin-top:70px}}.home-first-view-b .first-view-image{height:100%;background-color:#869197}.home-first-view-b .first-view-image img{height:calc(100vh - 180px);height:calc(100dvh - 180px);object-fit:cover;opacity:0;transition:opacity .3s ease-out}.home-first-view-b .first-view-image img.is-loaded{opacity:1}@media screen and (min-width: 769px){.home-first-view-b .first-view-image img{height:100%}}.home-first-view-b .title{bottom:73%;left:0;right:0;padding-left:12px;margin:0 auto -3em;width:fit-content;color:#fff;font-weight:700;font-size:28px;line-height:1.5;text-align:center}@media screen and (min-width: 769px){.home-first-view-b .title{font-weight:600;line-height:1.63;letter-spacing:30%;text-align:left}}@media screen and (min-width: 1024px){.home-first-view-b .title{padding-left:20px;margin:0 auto -2em;font-size:42.67px}}.home-first-view-b .luup-logo{width:18vw;max-width:240px;height:auto;margin-bottom:0;padding-bottom:100px}.home-first-view-b .sidebar{width:360px}.home-first-view-b .sidebar .text-box{padding:1.2rem 0 8px 2rem}.home-first-view-b .download-button-box .download-button-info{font-weight:700;font-size:12px;line-height:22px;letter-spacing:5%;color:#fff;background-color:#f76700;box-shadow:0 4px 12px 0 rgba(0,0,0,.25);border-radius:20px;width:fit-content;padding:5px 16px;margin-bottom:12px}.home-first-view-b .download-button-box .download-button-info::before{content:"";position:absolute;bottom:-3px;left:24px;border-top:3px solid rgba(0,0,0,0);border-right:3px solid #f76700;border-left:3px solid rgba(0,0,0,0);border-bottom:3px solid #f76700;transform:rotate(45deg);border-radius:2px}.home-first-view-b .campaign-list-box{margin-top:-2.5rem}.home-first-view-b .campaign-list-title{font-weight:600;font-size:15px;letter-spacing:0%;padding:10px 12px 1px 1.5rem;background-color:#fff;display:inline-flex;border-top-right-radius:12px}@media screen and (min-width: 769px){.home-first-view-b .campaign-list-title{padding:0}}.home-first-view-b .campaign-list{overflow-x:scroll;overflow-y:clip;margin-bottom:3rem;padding:18px 1.5rem;background-color:#fff}@media screen and (min-width: 769px){.home-first-view-b .campaign-list{margin-bottom:2.5rem;padding:.5rem 0}}.home-first-view-b .campaign-list .campaign-link{display:block;width:250px;border:1px solid var(--Gray-Gray-95, rgb(236, 237, 240));border-radius:16px;overflow:hidden}.page-template-page-why .content-section,.page-template-page-city-infrastructure .content-section,.page-template-page-cities-and-society .content-section,.page-template-page-sustainability .content-section{border-top:0}.page-template-page-why .container,.page-template-page-city-infrastructure .container,.page-template-page-cities-and-society .container,.page-template-page-sustainability .container{z-index:1}.page-template-page-why h2,.page-template-page-city-infrastructure h2,.page-template-page-cities-and-society h2,.page-template-page-sustainability h2{margin-bottom:3rem}@media screen and (min-width: 769px){.page-template-page-why h2,.page-template-page-city-infrastructure h2,.page-template-page-cities-and-society h2,.page-template-page-sustainability h2{margin-bottom:6rem}}.page-template-page-why .value-section,.page-template-page-city-infrastructure .value-section,.page-template-page-cities-and-society .value-section,.page-template-page-sustainability .value-section{padding-bottom:5rem}.page-template-page-why .value-section .luup-border,.page-template-page-city-infrastructure .value-section .luup-border,.page-template-page-cities-and-society .value-section .luup-border,.page-template-page-sustainability .value-section .luup-border{top:90px}@media screen and (min-width: 769px){.page-template-page-why .value-section .luup-border,.page-template-page-city-infrastructure .value-section .luup-border,.page-template-page-cities-and-society .value-section .luup-border,.page-template-page-sustainability .value-section .luup-border{top:80px}}.page-template-page-why .value-section .luup-border.bottom,.page-template-page-city-infrastructure .value-section .luup-border.bottom,.page-template-page-cities-and-society .value-section .luup-border.bottom,.page-template-page-sustainability .value-section .luup-border.bottom{top:initial;bottom:-30px}@media screen and (min-width: 769px){.page-template-page-why .value-section .luup-border.bottom,.page-template-page-city-infrastructure .value-section .luup-border.bottom,.page-template-page-cities-and-society .value-section .luup-border.bottom,.page-template-page-sustainability .value-section .luup-border.bottom{bottom:-50px}}.page-template-page-why .value-section .button,.page-template-page-city-infrastructure .value-section .button,.page-template-page-cities-and-society .value-section .button,.page-template-page-sustainability .value-section .button{background-color:#f7f7f7}.page-template-page-why .value-section .button:hover,.page-template-page-city-infrastructure .value-section .button:hover,.page-template-page-cities-and-society .value-section .button:hover,.page-template-page-sustainability .value-section .button:hover{background-color:hsl(0,0%,21%)}@media screen and (min-width: 769px){.page-template-page-why .value-section .button,.page-template-page-city-infrastructure .value-section .button,.page-template-page-cities-and-society .value-section .button,.page-template-page-sustainability .value-section .button{width:340px}}.page-template-page-why .value-section .article-box-1,.page-template-page-city-infrastructure .value-section .article-box-1,.page-template-page-cities-and-society .value-section .article-box-1,.page-template-page-sustainability .value-section .article-box-1{padding-top:3rem;border-top:solid 1px #ddd}@media screen and (max-width: 768px){.page-template-page-why .value-section .title-4,.page-template-page-city-infrastructure .value-section .title-4,.page-template-page-cities-and-society .value-section .title-4,.page-template-page-sustainability .value-section .title-4{font-size:340px}}.page-template-page-why .future-section,.page-template-page-city-infrastructure .future-section,.page-template-page-cities-and-society .future-section,.page-template-page-sustainability .future-section{border-top:solid 1px #ddd;padding-top:6rem;padding-bottom:6rem}@media screen and (min-width: 769px){.page-template-page-why .future-section,.page-template-page-city-infrastructure .future-section,.page-template-page-cities-and-society .future-section,.page-template-page-sustainability .future-section{padding-top:9rem;padding-bottom:10rem}}.page-template-page-why .future-section .image,.page-template-page-city-infrastructure .future-section .image,.page-template-page-cities-and-society .future-section .image,.page-template-page-sustainability .future-section .image{margin-top:1rem;margin-bottom:5rem}@media screen and (min-width: 769px){.page-template-page-why .future-section .image,.page-template-page-city-infrastructure .future-section .image,.page-template-page-cities-and-society .future-section .image,.page-template-page-sustainability .future-section .image{margin-top:6rem;margin-bottom:8rem}}.page-template-page-why .future-section .luup-border.bottom,.page-template-page-city-infrastructure .future-section .luup-border.bottom,.page-template-page-cities-and-society .future-section .luup-border.bottom,.page-template-page-sustainability .future-section .luup-border.bottom{bottom:-80px}@media screen and (min-width: 769px){.page-template-page-why .future-section .luup-border.bottom,.page-template-page-city-infrastructure .future-section .luup-border.bottom,.page-template-page-cities-and-society .future-section .luup-border.bottom,.page-template-page-sustainability .future-section .luup-border.bottom{bottom:-160px}}.page-template-page-why .effect-section,.page-template-page-city-infrastructure .effect-section,.page-template-page-cities-and-society .effect-section,.page-template-page-sustainability .effect-section{border-top:solid 1px #ddd;padding-top:6rem}@media screen and (min-width: 769px){.page-template-page-why .effect-section,.page-template-page-city-infrastructure .effect-section,.page-template-page-cities-and-society .effect-section,.page-template-page-sustainability .effect-section{padding-top:12rem}}.page-template-page-why .effect-section .interview-post .image,.page-template-page-city-infrastructure .effect-section .interview-post .image,.page-template-page-cities-and-society .effect-section .interview-post .image,.page-template-page-sustainability .effect-section .interview-post .image{height:260px}.page-template-page-why .effect-section .interview-post .content,.page-template-page-city-infrastructure .effect-section .interview-post .content,.page-template-page-cities-and-society .effect-section .interview-post .content,.page-template-page-sustainability .effect-section .interview-post .content{margin-top:1rem}.page-template-page-why .effect-section .interview-post .more,.page-template-page-city-infrastructure .effect-section .interview-post .more,.page-template-page-cities-and-society .effect-section .interview-post .more,.page-template-page-sustainability .effect-section .interview-post .more{padding-top:1rem;border-top:solid 1px #ddd}.page-template-page-why .infra-section .luup-logo,.page-template-page-city-infrastructure .infra-section .luup-logo,.page-template-page-cities-and-society .infra-section .luup-logo,.page-template-page-sustainability .infra-section .luup-logo{display:inline-block;height:78px;padding-left:initial;margin:auto;max-width:100%}@media screen and (max-width: 768px){.page-template-page-why .infra-section .luup-logo,.page-template-page-city-infrastructure .infra-section .luup-logo,.page-template-page-cities-and-society .infra-section .luup-logo,.page-template-page-sustainability .infra-section .luup-logo{width:238px;height:70px;padding-left:2px;margin:0}}.page-template-page-why .owner-intro-section .luup-border,.page-template-page-city-infrastructure .owner-intro-section .luup-border,.page-template-page-cities-and-society .owner-intro-section .luup-border,.page-template-page-sustainability .owner-intro-section .luup-border{display:none}