main:has(.future-container){background-color:var(--beige-pale);padding-bottom:10rem}@media screen and (max-width:768px){main:has(.future-container){padding-bottom:4rem}}.future-container{position:relative}.future-container .mv{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.future-container .mv .mv-wrap{opacity:0;transform-origin:calc(50% - 37rem) calc(50% + 20.2rem);--sp-ratio:1;place-content:center;width:100%;height:100dvh;display:grid;position:sticky;top:0;left:0;overflow:hidden;transform:rotate(60deg)}@media screen and (max-width:768px){.future-container .mv .mv-wrap{--sp-ratio:.75;transform-origin:5% 60%}}.future-container .mv .mv-wrap.shown{opacity:1;transition:transform 1s cubic-bezier(0,1.2,.5,1),opacity 1s;transform:rotate(0)}.future-container .mv .mv-wrap.shown .title .line .mirror:before{width:calc(var(--sp-ratio)*7rem);transition:transform 1s var(--ease-out-expo),width 1.6s var(--ease-out-expo);transform:translate(0)}.future-container .mv .mv-wrap.shown .title .line .mirror:after{width:calc(var(--sp-ratio)*5rem);transition:transform 1s var(--ease-out-expo),width 1.6s var(--ease-out-expo);transform:translate(0)}.future-container .mv .mv-wrap.shown .title h1 .red span{animation:1s ease-in-out 1s forwards mv-copy}.future-container .mv .mv-wrap .title{width:calc(var(--sp-ratio)*38.6rem);aspect-ratio:1;margin-bottom:calc(var(--sp-ratio)*9rem);margin-left:calc(var(--sp-ratio)*1rem);place-content:center;display:grid;position:relative}.future-container .mv .mv-wrap .title .grip{width:calc(var(--sp-ratio)*24.2rem);right:calc(100% - (var(--sp-ratio)*5.5rem));bottom:calc(var(--sp-ratio)*3.6rem*-1);position:absolute}.future-container .mv .mv-wrap .title .frame{place-content:center;display:grid;position:absolute;inset:0}.future-container .mv .mv-wrap .title .frame img{z-index:1;position:relative}.future-container .mv .mv-wrap .title .frame:before{content:"";z-index:0;background-color:#fff;border-radius:50%;width:98%;height:98%;display:block;position:absolute;top:1%;left:1%}.future-container .mv .mv-wrap .title .line{width:calc(var(--sp-ratio)*30.6rem);aspect-ratio:1;left:calc(var(--sp-ratio)*4rem);top:calc(var(--sp-ratio)*4rem);position:absolute}.future-container .mv .mv-wrap .title .line:before{content:"";z-index:1;background:url(/future/future_title_line.png) 50%/100% 100% no-repeat;width:100%;height:100%;position:absolute;inset:0}.future-container .mv .mv-wrap .title .line .mirror{z-index:0;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;transform:rotate(45deg)}.future-container .mv .mv-wrap .title .line .mirror:before,.future-container .mv .mv-wrap .title .line .mirror:after{content:"";background-color:var(--beige-pale);height:100%;display:block;position:absolute}.future-container .mv .mv-wrap .title .line .mirror:before{width:calc(var(--sp-ratio)*30.6rem);right:calc(var(--sp-ratio)*6.5rem);transform:translateX(calc(var(--sp-ratio)*30.6rem*-1))}.future-container .mv .mv-wrap .title .line .mirror:after{width:calc(var(--sp-ratio)*8rem);transform:translateX(calc(var(--sp-ratio)*30.6rem*-1));right:0}.future-container .mv .mv-wrap .title h1{font-size:calc(var(--sp-ratio)*5.4rem);text-align:center;padding-bottom:calc(var(--sp-ratio)*1rem);flex-direction:column;justify-content:center;align-items:center;line-height:1.2;display:flex;position:relative}.future-container .mv .mv-wrap .title h1 span{display:inline-block}.future-container .mv .mv-wrap .title h1 .red{color:var(--main);transform-origin:50% 110%}.future-container .city{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.future-container .city .city-wrap{width:100%;height:100dvh;position:sticky;top:0;left:0;overflow:hidden}.future-container .city .city-wrap img{position:absolute}.future-container .city .city-wrap img.bg-city{width:100%;bottom:-.6rem;left:0}@media screen and (max-width:768px){.future-container .city .city-wrap img.bg-city{width:200%;max-width:200%;bottom:-.3rem;left:-25%}}.future-container .city .city-wrap img.train{width:19.3rem;bottom:5.1rem;left:0}@media screen and (max-width:768px){.future-container .city .city-wrap img.train{display:none}}.future-container .city .city-wrap img.car{width:4.2rem;bottom:2rem;left:87.5rem}@media screen and (max-width:768px){.future-container .city .city-wrap img.car{width:1.96875rem;bottom:.9375rem;left:calc(41.0156rem - 25%)}}.future-container .city .city-wrap img.person1{width:2.5rem;bottom:0;left:33rem}@media screen and (max-width:768px){.future-container .city .city-wrap img.person1{display:none}}.future-container .city .city-wrap img.person2{width:11.7rem;bottom:0;left:72.2rem}@media screen and (max-width:768px){.future-container .city .city-wrap img.person2{width:5.48438rem;left:calc(33.8438rem - 25%)}}.future-container .city .city-wrap img.person3{width:7.5rem;bottom:0;left:133rem}@media screen and (max-width:768px){.future-container .city .city-wrap img.person3{display:none}}.future-container .city .city-wrap img.grass{width:7.3rem;bottom:-.2rem;left:81.5rem}@media screen and (max-width:768px){.future-container .city .city-wrap img.grass{width:3.42188rem;bottom:-.1rem;left:calc(38.2031rem - 25%)}}.future-container .sky{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.future-container .sky .cloud-wrap{width:100%;height:100dvh;position:sticky;top:0;left:0;overflow:hidden}.future-container .sky .cloud-wrap .cloud{width:100%;height:24rem;position:absolute;top:calc(50lvh - 20rem);left:0}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud{height:80lvh;top:5lvh}}.future-container .sky .cloud-wrap .cloud img{--sp-ratio:1;position:absolute}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud img{--sp-ratio:.5}}.future-container .sky .cloud-wrap .cloud img.l-1{width:calc(var(--sp-ratio)*14rem);top:.5rem;left:9.3rem}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud img.l-1{top:auto;bottom:8rem;left:5rem}}.future-container .sky .cloud-wrap .cloud img.l-2{width:calc(var(--sp-ratio)*22rem);top:10rem;left:-5rem}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud img.l-2{top:auto;bottom:2.5rem;left:-3rem}}.future-container .sky .cloud-wrap .cloud img.l-3{width:calc(var(--sp-ratio)*9rem);bottom:0;left:12rem}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud img.l-3{left:7rem}}.future-container .sky .cloud-wrap .cloud img.r-1{width:calc(var(--sp-ratio)*22rem);top:0;right:1.5rem}.future-container .sky .cloud-wrap .cloud img.r-2{width:calc(var(--sp-ratio)*15rem);top:3.8rem;right:-2.5rem}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud img.r-2{top:2.5rem;right:-1rem}}.future-container .sky .cloud-wrap .cloud img.r-3{width:calc(var(--sp-ratio)*9rem);bottom:0;right:10rem}@media screen and (max-width:768px){.future-container .sky .cloud-wrap .cloud img.r-3{top:10rem;bottom:auto;right:1rem}}.page-future{padding-top:2500px;padding-bottom:min(30lvh,30rem);position:relative;overflow-x:clip}@media screen and (max-width:768px){.page-future{padding-top:2400px;padding-bottom:20rem}}.page-future .inner{width:110rem;margin-inline:auto}@media screen and (max-width:768px){.page-future .inner{width:92vw}}.page-future .item{position:relative}.page-future .item>img{--sp-ratio:1;position:absolute}@media screen and (max-width:768px){.page-future .item>img{--sp-ratio:.5}}.page-future .item .text-wrap{position:relative}.page-future .item .text-wrap .title{align-items:flex-end;column-gap:1.5rem;margin-bottom:1.8rem;display:flex}@media screen and (max-width:768px){.page-future .item .text-wrap .title{column-gap:1rem}}.page-future .item .text-wrap .title .number{width:calc(var(--sp-ratio)*11.2rem);aspect-ratio:1;--sp-ratio:1;flex-shrink:0;margin-left:-1.2rem;position:relative}@media screen and (max-width:768px){.page-future .item .text-wrap .title .number{--sp-ratio:.65;margin-left:.5rem}}.page-future .item .text-wrap .title .number.shown .text{opacity:1;transform:rotate(0)}.page-future .item .text-wrap .title .number.shown .num span{filter:blur();opacity:1}.page-future .item .text-wrap .title .number .num{background:url(/future/future_number_lens.png) 50%/100% 100% no-repeat;place-content:center;width:100%;height:100%;display:grid;position:relative}.page-future .item .text-wrap .title .number .num span{font-family:var(--font-roboto);font-size:calc(var(--sp-ratio)*4.2rem);color:var(--main);filter:blur(8px);opacity:0;font-weight:700;transition:filter .6s,opacity .5s}.page-future .item .text-wrap .title .number .grip{width:calc(var(--sp-ratio)*5.1rem);right:calc(100% - (var(--sp-ratio)*1.6rem));bottom:calc(var(--sp-ratio)*.6rem*-1);position:absolute}.page-future .item .text-wrap .title .number .text{width:calc(var(--sp-ratio)*15.2rem);aspect-ratio:1;left:calc(var(--sp-ratio)*2rem*-1);top:calc(var(--sp-ratio)*2rem*-1);background:url(/future/future_number_text.png) no-repeat calc(var(--sp-ratio)*.8rem)top/contain;opacity:0;transition:all 1s;position:absolute;transform:rotate(15deg)}.page-future .item .text-wrap .title h2{letter-spacing:-.02em;white-space:nowrap;font-size:4.6rem;font-weight:700;line-height:1.26}@media screen and (max-width:768px){.page-future .item .text-wrap .title h2{font-size:2.8rem}}.page-future .item .text-wrap .readText{font-weight:500}.page-future .item.item01{padding-top:28rem}@media screen and (max-width:768px){.page-future .item.item01{padding-top:43rem;padding-bottom:4rem}}.page-future .item.item01 .text-wrap{width:47.5rem;margin-inline:auto 0}@media screen and (max-width:768px){.page-future .item.item01 .text-wrap{width:100%}}.page-future .item.item01 .image01{width:calc(var(--sp-ratio)*37.2rem);top:-10rem;right:-12rem}@media screen and (max-width:768px){.page-future .item.item01 .image01{top:0;right:0}}.page-future .item.item01 .image02{width:calc(var(--sp-ratio)*63.4rem);top:0;right:50%}@media screen and (max-width:768px){.page-future .item.item01 .image02{width:65%;top:14rem;left:0;right:auto}}.page-future .item.item02{padding-top:20rem;padding-bottom:62rem}@media screen and (max-width:768px){.page-future .item.item02{padding-top:30rem;padding-bottom:35rem}}.page-future .item.item02 .text-wrap{width:46rem;margin-inline:0 auto}@media screen and (max-width:768px){.page-future .item.item02 .text-wrap{width:100%}}.page-future .item.item02 .image03{width:calc(var(--sp-ratio)*87.6rem);top:20rem;left:50%}@media screen and (max-width:768px){.page-future .item.item02 .image03{width:calc(100% + 3rem);max-width:none;top:0;left:0}}.page-future .item.item02 .image04{width:calc(var(--sp-ratio)*30.6rem);bottom:25rem;left:0}@media screen and (max-width:768px){.page-future .item.item02 .image04{bottom:19rem}}.page-future .item.item02 .image05{width:calc(var(--sp-ratio)*44.2rem);bottom:0;right:0}.page-future .item.item03{padding-top:9rem}@media screen and (max-width:768px){.page-future .item.item03{padding-top:4rem;padding-bottom:27rem}}.page-future .item.item03 .text-wrap{width:66rem;margin-inline:auto 0}@media screen and (max-width:768px){.page-future .item.item03 .text-wrap{width:100%}}.page-future .item.item03 .image06{width:calc(var(--sp-ratio)*59rem);bottom:0;right:79rem}@media screen and (max-width:768px){.page-future .item.item03 .image06{width:70%;left:-5rem;right:auto}}.future-footer{--text-shadow:#f2ebd1;margin-top:36rem;width:70rem;margin-inline:auto;position:relative}@media screen and (max-width:768px){.future-footer{width:100%;margin-top:16rem}}.future-footer.shown .text{filter:drop-shadow(2.8rem 2.8rem 0 var(--text-shadow));opacity:1;transform:translate(0)}@media screen and (max-width:768px){.future-footer.shown .text{filter:drop-shadow(1.5rem 1.5rem 0 var(--text-shadow))}}.future-footer.shown .icon{transform:scale(1)}.future-footer .text{filter:drop-shadow(0 0 0 var(--text-shadow));opacity:0;transition:filter .6s cubic-bezier(.52,.1,0,1) .1s,transform 1.2s cubic-bezier(.2,.4,.1,.99),opacity 1.2s cubic-bezier(.2,.4,.1,.99);position:relative;transform:translateY(3rem)}@media screen and (max-width:768px){.future-footer .text{transform:translateY(2rem)}}.future-footer .icon{transition:transform .6s cubic-bezier(.18,.63,.29,1.74);position:absolute;transform:scale(0)}.future-footer .icon.icon01{width:18.8rem;transition-delay:.35s;top:0;left:-14rem}@media screen and (max-width:768px){.future-footer .icon.icon01{width:24vw;top:-7vw;left:-4vw}}.future-footer .icon.icon02{width:10.2rem;transition-delay:.5s;top:-7.8rem;left:4rem}@media screen and (max-width:768px){.future-footer .icon.icon02{width:12vw;top:-16vw;left:15vw}}.future-footer .icon.icon03{width:16rem;transition-delay:.3s;top:-15rem;left:39rem}@media screen and (max-width:768px){.future-footer .icon.icon03{width:21vw;top:-22vw;left:42vw}}.future-footer .icon.icon04{width:10.2rem;transition-delay:.55s;top:-7rem;right:0}@media screen and (max-width:768px){.future-footer .icon.icon04{width:12vw;top:-15vw;right:12vw}}.future-footer .icon.icon05{width:18rem;transition-delay:.4s;top:2rem;right:-16rem}@media screen and (max-width:768px){.future-footer .icon.icon05{width:22vw;top:-5vw;right:-5vw}}:root{--loop-duration:5s}.loop-right-max{animation:loop-right-max var(--loop-duration)ease infinite}.loop-left-max{animation:loop-left-max var(--loop-duration)ease infinite}.loop-right{animation:loop-right var(--loop-duration)ease infinite}.loop-left{animation:loop-left var(--loop-duration)ease infinite}.loop-right-min{animation:loop-right-min var(--loop-duration)ease infinite}.loop-left-min{animation:loop-left-min var(--loop-duration)ease infinite}@keyframes loop-right-max{0%,to{transform:translate(0)}50%{transform:translate(6rem)}}@keyframes loop-left-max{0%,to{transform:translate(0)}50%{transform:translate(-6rem)}}@keyframes loop-right{0%,to{transform:translate(0)}50%{transform:translate(3rem)}}@keyframes loop-left{0%,to{transform:translate(0)}50%{transform:translate(-3rem)}}@keyframes loop-right-min{0%,to{transform:translate(0)}50%{transform:translate(1rem)}}@keyframes loop-left-min{0%,to{transform:translate(0)}50%{transform:translate(-1rem)}}@keyframes mv-copy{0%,to{translate:0;rotate:none;scale:1}32%{translate:0 -2%;rotate:-4deg;scale:1.15}60%{translate:0;rotate:3deg;scale:1}80%{translate:0;rotate:-1deg;scale:1}}