@charset "UTF-8";h1,h2,h3,h4,p{letter-spacing:min(.2rem,8px);margin:0;font-weight:400;color:#fff}a,h1,h2,h3,h4,p{color:#fff}a,header #g-nav li a{text-decoration:none}@font-face{font-family:Butler;src:url(../fonts/Butler-Medium.woff2) format("woff2"),url(../fonts/Butler-Medium.woff) format("woff");font-weight:500}@font-face{font-family:Butler;src:url(../fonts/Butler-Light.woff2) format("woff2"),url(../fonts/Butler-Light.woff) format("woff");font-weight:300}@font-face{font-family:Butler;src:url(../fonts/Butler-UltraLight.woff2) format("woff2"),url(../fonts/Butler-UltraLight.woff) format("woff");font-weight:200}html{font-size:clamp(1px,1.2vw,30px);scroll-behavior:smooth;font-family:YakuHanJP,"Noto Serif JP",serif}.EN-L,.EN-M{font-family:Butler}body{margin:0;width:100vw;overflow-x:hidden;background:linear-gradient(#312C26 30%,#6E675D 40%,#C9BFA8 100%);background-color:#000}p{line-height:120%}a span,h2 span,h3 span,p span{display:inline-block}ul{padding:0}li{list-style-type:none}iframe,img,picture{vertical-align:top;width:100%}a{outline:0;letter-spacing:.2rem}.flex{display:flex}.boxouter{width:75%;margin:0 auto;max-width:1200px}.pc{display:block}.sp{display:none}.anim1,.h2Con,.h2Con .txtBox .btm,header{display:flex}.anim1{align-items:center}.anim1 .sennCon{width:clamp(10px,2.857rem,40px)}.anim1 .sennCon .senn{width:100%;height:1px;background:#fff;transition:.25s}.anim1 .maruCon{width:10px;height:10px;background:#fff;border-radius:50%;position:relative;transform:scale(1);transition:.5s}.h2Con .txtBox .btm .anim1 .maruCon,.h2Con .txtBox .btm .anim1 .sennCon .senn{background-color:rgba(225,225,225,.25)}.anim1 .maruCon .maru{position:absolute;top:50%;left:50%;width:clamp(10px,.857rem,12px);height:clamp(10px,.857rem,12px);transform:translate(-50%,-50%) scale(2.5);transform-origin:center;border:.5px solid #fff;border-radius:50%}.EN-M{font-weight:500;font-style:normal}.EN-L{font-weight:300;font-style:normal}.EN-U,.h2Con .txtBox h2{font-family:Butler;font-weight:200;font-style:normal}.h2Con .kara{width:14%}.h2Con .txtBox{width:100%}.h2Con .txtBox h2{font-size:clamp(10px,6.571rem,92px);color:rgba(225,225,225,.25)}.h2Con .txtBox h3{font-size:clamp(10px,2rem,28px);margin-bottom:clamp(10px,2rem,28px)}#top .aCon a,.h2Con .txtBox p{font-size:clamp(10px,1rem,14px)}.h2Con .txtBox p{line-height:200%}.h2Con .txtBox .btm{gap:2%;align-items:center}.h2Con .txtBox .btm .txt{white-space:nowrap}.h2Con .txtBox .btm .anim1{width:100%;height:clamp(10px,2.214rem,31px)}.h2Con .txtBox .btm .anim1 .sennCon{width:100%}.h2Con .txtBox .btm .anim1 .maruCon{width:.8%;max-width:10px;height:auto;aspect-ratio:1/1}header{position:fixed;z-index:1000;width:12%;height:100%;flex-direction:column;justify-content:space-between}header .h1{width:180%;margin:clamp(10px,1rem,14px);display:block}header .h1 h1{display:flex;align-items:center}header .header-flex{display:flex;flex-direction:column}header .header-flex>div{margin:2vh 0;opacity:.6}header .header-flex>div .anim1 .sennCon .senn{width:0%}header .header-flex>div .anim1 .maruCon{transform:scale(0)}header .header-flex>div .anim1 .maruCon .maru{transform:translate(-50%,-50%) scale(0)}header .header-flex>div.on{opacity:1}header .header-flex>div.on .anim1 .sennCon .senn{width:100%}header .header-flex>div.on .anim1 .maruCon{transform:scale(1)}header .header-flex>div.on .anim1 .maruCon .maru{transform:translate(-50%,-50%) scale(2.5)}header .header-flex a{font-size:clamp(10px,.857rem,12px);margin-left:clamp(10px,2rem,28px)}header #g-nav{position:fixed;z-index:999;top:0;right:-100%;width:100%;height:100vh;background-color:#fff;transition:all .5s}header #g-nav.panelactive{right:0}header #g-nav.panelactive #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#Concept,#Facade .btmCon .flex .btmbox,#ModelPlan .pointSlideCon .sliderArea,.banner{overflow:hidden}header #g-nav ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:350px;width:85%}header #g-nav ol{padding:20px 30px}header #g-nav ol:last-of-type{padding-bottom:150px}header #g-nav li{list-style:none;text-align:left}header #g-nav li a{color:#383333;padding:10px;display:block;letter-spacing:.1em;text-transform:none;font-size:1rem}header .closebtn span,header .openbtn span{display:inline-block;border-radius:50px;transition:all .4s}header #g-nav li a:hover{color:#3833334a}header .openbtn{right:0;cursor:pointer;width:80px;height:76px;position:relative}header .openbtn span{position:absolute;right:calc((100% - 25%)/ 2);height:2px;background-color:#fff;width:25%}header .openbtn span:nth-of-type(1){top:25px}header .openbtn span:nth-of-type(2){top:35px}header .openbtn span:nth-of-type(3){top:45px}header .closebtn{position:absolute;right:0;cursor:pointer;width:81px;height:76px;z-index:9999}header .closebtn span{position:absolute;right:20px;height:2px;background-color:#383333;width:50%}#top,#top #top-slider{height:100vh;width:100%}header .closebtn span:nth-of-type(1){top:30px;right:28px;transform:translateY(6px) rotate(-45deg);width:30%}header .closebtn span:nth-of-type(2){top:42px;right:28px;transform:translateY(-6px) rotate(45deg);width:30%}#top{background-color:#000;position:relative}#top #top-slider{position:absolute}#top .aCon{position:absolute;right:0;margin:clamp(10px,1.25rem,20px)}#top .aCon a{position:relative;z-index:1;padding:clamp(10px,1rem,14px);margin:clamp(10px,.857rem,12px)}#top .aCon a span{margin-right:10px;font-size:10px;letter-spacing:1px}#top .logoCon .h2Con .txtBox p.sub,#top .rightBtn{font-size:clamp(10px,1rem,14px)}#top .aCon a::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#9D9B9B73;transition:.2s;border-radius:5px}#top .aCon a:hover::before{content:"";background-color:#3f3f3f73}#top .logoCon{position:absolute;transform:translateY(-50%);top:50%;width:100%;z-index:10}#top .logoCon .h2Con .kara{width:25%}#top .logoCon .h2Con .txtBox .img{width:40%;max-width:400px;margin-top:1%;margin-bottom:2%}#top .logoCon .h2Con .txtBox .btm .anim1 .maruCon,#top .logoCon .h2Con .txtBox .btm .anim1 .sennCon .senn{background-color:#fff}#top .rightBtnBox{position:absolute;bottom:5%;right:5%}#top .rightBtn{padding:clamp(10px,1rem,14px) clamp(10px,1.25rem,20px);border:1px solid #fff;margin-bottom:10%}#top .rightBtn:hover{background:rgba(255,255,255,.3);transition:.2s}.scroll{position:relative}.scrollCon{position:absolute;top:-10vh;left:50%;transform:translateX(-50%);text-align:center}.scrollCon p{font-size:clamp(10px,.857rem,12px)}.scrollCon .line{width:1px;height:20vh;background-color:#fff;margin:clamp(10px,.857rem,12px) auto 0;animation-name:scrollline;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes scrollline{0%{transform:scale(1,0);transform-origin:top}30%{transform:scale(1,1);transform-origin:top}60%{transform:scale(1,1);transform-origin:bottom}100%{transform:scale(1,0);transform-origin:bottom}}#Concept{width:100%;height:90vh;max-height:100vw;position:relative}#Concept .Concept__bg{position:relative;left:20%;width:80vw;height:100vh}#Concept .Concept__bg .line-Y{position:absolute;width:1px;height:0%;background-color:rgba(225,225,225,.25);left:-10px;transition:1.5s;opacity:0}#Concept .Concept__bg .line-Y:nth-of-type(1){opacity:0!important}#Concept .Concept__bg .line-Y:nth-of-type(2){opacity:0!important}#Concept .Concept__bg .line-Y:nth-of-type(3){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 30%,transparent 30%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(4){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 45%,transparent 45%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(5){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 55%,transparent 55%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(6){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 44%,transparent 44%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(7){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 55%,transparent 55%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(8){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 43%,transparent 43%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(9){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 55%,transparent 55%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(10){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 65%,transparent 65%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(11){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 55%,transparent 55%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(12){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 58%,transparent 58%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(13){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 63%,transparent 63%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(14){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 70%,transparent 70%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(15){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(16){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(17){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(18){background:rgba(225,225,225,.25)}#Concept .Concept__bg .line-Y:nth-of-type(19){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 90%,transparent 90%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(20){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(21){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 87%,transparent 87%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(22){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 83%,transparent 83%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(23){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 83%,transparent 83%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(24){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 83%,transparent 83%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(25){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 83%,transparent 83%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(26){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 83%,transparent 83%,transparent 100%)}#Concept .Concept__bg .line-Y:nth-of-type(27){opacity:0!important}#Concept .Concept__bg .line-Y.on{opacity:1;height:100%}#Concept .Concept__bg.X{position:absolute;top:0;left:0;transform:rotate(90deg) translateY(-100%);transform-origin:left top;width:100vh;height:100vw}#Concept .Concept__bg.X .line-Y:nth-of-type(1){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%);opacity:1!important}#Concept .Concept__bg.X .line-Y:nth-of-type(2){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%);opacity:1!important}#Concept .Concept__bg.X .line-Y:nth-of-type(3){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(4){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(5){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 80%,transparent 80%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(6){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 73%,transparent 73%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(7){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 66%,transparent 66%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(8){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 70%,transparent 70%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(9){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 76%,transparent 76%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(10){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 66%,transparent 66%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(11){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 58%,transparent 58%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(12){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 32%,transparent 32%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(13){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 45%,transparent 45%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(14){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 35%,transparent 35%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(15){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 18%,transparent 18%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(16){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 30%,transparent 30%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(17){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 35%,transparent 35%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(18){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 20%,transparent 20%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(19){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 40%,transparent 40%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(20){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 30%,transparent 30%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(21){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 18%,transparent 18%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(22){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 20%,transparent 20%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(23){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 18%,transparent 18%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(24){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 18%,transparent 18%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(25){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 18%,transparent 18%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(26){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 50%,transparent 50%,transparent 100%)}#Concept .Concept__bg.X .line-Y:nth-of-type(27){background:linear-gradient(180deg,rgba(225,225,225,.25) 0,rgba(225,225,225,.25) 50%,transparent 50%,transparent 100%)}#Concept .Concept__txtCon{position:absolute;top:0;left:20%;width:80%;height:100%}#Concept .Concept__txtCon .txtBox1{margin-top:calc(24.8vw - 2.5rem)}#Concept .Concept__txtCon .txtBox1 p{font-size:1.25rem;line-height:200%;margin-left:1.5vw}#Concept .Concept__txtCon .txtBox1 h2{width:64.6vw}#Concept .Concept__txtCon .txtBox2{position:absolute;bottom:0;margin-left:1.5vw;margin-bottom:5vh}#Concept .Concept__txtCon .txtBox2 p{font-size:clamp(10px,1rem,14px);line-height:300%}#Facade{padding:calc(50px + 5%) 0 0}#Facade .btmCon{margin-top:calc(100px + 5%)}#Facade .btmCon .flex{margin-bottom:clamp(10px,1.714rem,24px);gap:clamp(10px,1.714rem,24px)}#Facade .btmCon .flex .btmbox{position:relative;width:100%}#Facade .btmCon .flex .btmbox .img{transition:1.2s;width:100%;height:100%}#Facade .btmCon .flex .btmbox .img img{height:100%;object-fit:cover}#Facade .btmCon .flex .btmbox .darkBg{transition:.2s;position:absolute;top:0;width:100%;height:100%;background-color:#312C2680;mix-blend-mode:multiply}#Facade .btmCon .flex .btmbox .txtBox{opacity:0;transition:.2s;position:absolute;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}#Facade .btmCon .flex .btmbox .txtBox .txt{text-align:center;filter:drop-shadow(0 0 4px #000)}#Facade .btmCon .flex .btmbox .txtBox .txt p:nth-of-type(1){font-size:clamp(10px,1rem,14px);margin-bottom:clamp(10px,1rem,14px)}#Facade .btmCon .flex .btmbox .txtBox .txt p:nth-of-type(2){font-size:clamp(10px,1.571rem,22px)}#Facade .btmCon .flex .btmbox .txtBox .txt p:nth-of-type(3){font-size:clamp(10px,1rem,14px)}#Facade .btmCon .flex .btmbox .txtBox .anim1{justify-content:flex-end;padding:clamp(10px,1.143rem,16px);box-sizing:border-box;position:absolute;bottom:5%;right:5%;width:20%}#Facade .btmCon .flex .btmbox .txtBox .anim1 .sennCon{width:100%;animation-name:bannersenn;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform:scale(0,1);transform-origin:left;opacity:.5}#Facade .btmCon .flex .btmbox .txtBox .anim1 .sennCon .senn{height:1px}#Facade .btmCon .flex .btmbox .txtBox .anim1 .maruCon{animation-name:bannermaruCon;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#Facade .btmCon .flex .btmbox .txtBox .anim1 .maruCon .maru{transform:translate(-50%,-50%) scale(2);border:1px solid #fff;opacity:.3;width:10px;height:10px;animation-name:bannermaru;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#Facade .btmCon .flex .btmbox:hover .img{transform:scale(1.1,1.1)}#Facade .btmCon .flex .btmbox:hover .darkBg{opacity:0}#Facade .btmCon .flex .btmbox:hover .txtBox{opacity:1}#Facade .popupBox{position:fixed;top:0;height:100vh;z-index:2000;display:none;opacity:0;transition:.2s}#Facade .popupBox .flex{height:100%}#Facade .popupBox .flex .box1{width:100%}#Facade .popupBox .flex .box1 .img{width:100%;height:100%}#Facade .popupBox .flex .box1 .img img{width:100%;height:100%;object-fit:cover}#Facade .popupBox .flex .box2{width:100%;max-width:300px;padding:3%;background-color:#fff;display:flex;align-items:center;position:relative}#Facade .popupBox .flex .box2 p{color:#383333}#Facade .popupBox .flex .box2 .box .sub{font-size:clamp(10px,.857rem,12px);margin-bottom:3%}#Facade .popupBox .flex .box2 .box .hougan p{font-size:clamp(10px,1.25rem,20px)}#Facade .popupBox .flex .box2 .box .txt{font-size:clamp(10px,1rem,14px);line-height:200%;margin-top:10%}#Facade .popupBox .flex .box2 .box .backBtm{display:flex;align-items:center;gap:2%;margin-top:10%}#Facade .popupBox .flex .box2 .box .backBtm .EN-U{font-size:10px;margin-top:1%;letter-spacing:0}#Facade .popupBox .flex .box2 .box .backBtm p{font-size:clamp(10px,1rem,14px);white-space:nowrap}#Facade .popupBox .flex .box2 .box .backBtm .anim1 .sennCon{animation-name:bannersenn;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform:scale(0,1);transform-origin:left;opacity:.5}#Facade .popupBox .flex .box2 .box .backBtm .anim1 .sennCon .senn{background-color:#000}#Facade .popupBox .flex .box2 .box .backBtm .anim1 .maruCon{background-color:#000;animation-name:bannermaruCon;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#Facade .popupBox .flex .box2 .box .backBtm .anim1 .maruCon .maru{border:.5px solid #000;opacity:.3;width:10px;height:10px;animation-name:bannermaru;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}#Facade .popupBox.on{display:block;animation-name:backBtm;animation-duration:.2s;animation-fill-mode:forwards;animation-delay:.2s;animation-timing-function:ease-in-out}@keyframes backBtm{0%{opacity:0}100%{opacity:1}}.ModelPlan_topImg{mix-blend-mode:hard-light;margin-bottom:calc(-20% - (50px + 5%))}#ModelPlan{padding-top:calc(40px + 5%)}#ModelPlan .h2Con{position:relative}#ModelPlan .h2Con .flex{align-items:flex-start;gap:2%;margin-bottom:2%;flex-direction:column}#ModelPlan .h2SubCon{text-align:center;margin:calc(50px + 7%) auto 0}#ModelPlan .h2SubCon .h2Sub{display:inline;font-size:clamp(10px,1.071rem,15px);color:#fff;border:1px solid #fff;padding:clamp(10px,1.071rem,15px) clamp(10px,1.25rem,20px);text-align:center}#ModelPlan .modelCon>p{margin-top:3%;font-size:clamp(10px,1.143rem,16px);line-height:220%}#ModelPlan .modelCon .madoriFlex{margin-top:5%;gap:1%;position:relative}#ModelPlan .modelCon .madoriFlex .box>p{font-size:clamp(10px,1.5rem,21px);margin-bottom:2%}#ModelPlan .modelCon .madoriFlex .box .ml{margin-left:15%}#ModelPlan .modelCon .madoriFlex .box .madori{position:relative}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn{position:absolute;transition:.2s}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn .nmb{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation-name:madoriBtn;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;opacity:1}#ModelPlan .pointSlideCon .popupBox-PS.on,#ModelPlan .popupBox-M.on{animation-name:backBtm;animation-duration:.2s;animation-timing-function:ease-in-out;animation-delay:.2s}@keyframes madoriBtn{0%,100%{opacity:1}50%{opacity:.2}}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn .bg{z-index:-5;opacity:0;transition:.2s;mix-blend-mode:multiply}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn1{width:15%;top:11%;left:10%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn1 .nmb{width:85%;top:50%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn2{width:15%;top:11%;right:28%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn2 .nmb{width:87%;top:50%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn2 .bg{padding-bottom:100%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn3{width:15.5%;top:32%;left:33.8%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn3 .nmb{width:95%;top:90%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn4{width:25%;top:11%;right:14.5%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn4 .nmb{width:85%;top:60%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn5{width:9%;top:14%;right:5%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn5 .nmb{width:60%;top:47%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn6{width:17.5%;top:32%;left:60%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn6 .nmb{width:90%;top:61%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn7{width:36%;top:67%;right:4.5%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn7 .nmb{width:50%;top:17%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.on .bg,#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn:hover .bg{opacity:1}#ModelPlan .modelCon .madoriFlex .txtbox{position:absolute;bottom:-2%;right:0;width:45%;display:flex}#ModelPlan .modelCon .madoriFlex .txtbox .txtFlex{width:100%;display:flex;gap:2%;margin:3% 0}#ModelPlan .modelCon .madoriFlex .txtbox .txtFlex .colorbox{width:clamp(10px,1.143rem,16px);aspect-ratio:1/1;mix-blend-mode:soft-light}#ModelPlan .modelCon .madoriFlex .txtbox .txtFlex p{font-size:clamp(10px,.857rem,12px);width:100%}#ModelPlan .modelCon .madoriTxt{width:15%;max-width:70px;margin:1% 0 0 auto}#ModelPlan .popupBox-M{position:fixed;top:0;left:0;height:100vh;z-index:2000;display:none;opacity:0;transition:.2s;background-color:#3e362acc}#ModelPlan .popupBox-M.on{display:block;animation-fill-mode:forwards}#ModelPlan .popupBox-M__outer{display:flex;justify-content:center;flex-direction:column;align-items:end;height:100%}#ModelPlan .popupBox-M__outer .closebtn-M{position:relative;right:0;cursor:pointer;width:81px;height:76px;z-index:9999}#ModelPlan .popupBox-M__outer .closebtn-M span{display:inline-block;transition:all .4s;position:absolute;right:20px;height:2px;border-radius:50px;background-color:#fff;width:50%}#ModelPlan .popupBox-M__outer .closebtn-M span:nth-of-type(1){top:30px;right:28px;transform:translateY(6px) rotate(-45deg);width:30%}#ModelPlan .popupBox-M__outer .closebtn-M span:nth-of-type(2){top:42px;right:28px;transform:translateY(-6px) rotate(45deg);width:30%}#ModelPlan .popupBox-M__outer .flex{background-color:#918A81;align-items:center;position:relative;flex-direction:column;margin-bottom:10vh}#ModelPlan .popupBox-M__outer .flex .img{width:100%;height:auto;aspect-ratio:2/1}#ModelPlan .popupBox-M__outer .flex .img img{width:100%;height:100%;object-fit:cover}#ModelPlan .popupBox-M__outer .flex .txtBox{width:100%;padding:10% 0 10% 10%;box-sizing:border-box}#ModelPlan .popupBox-M__outer .flex .txtBox .txtFlex{display:flex;align-items:center;gap:2%}#ModelPlan .popupBox-M__outer .flex .txtBox .txtFlex .nmb{box-sizing:border-box;aspect-ratio:1/1;width:8%;max-width:30px;border:1px solid #fff;display:flex;justify-content:center;align-items:center;position:relative;filter:drop-shadow(0 0 3px #fff)}#ModelPlan .popupBox-M__outer .flex .txtBox .txtFlex .nmb p{font-size:clamp(10px,1.143rem,16px);position:absolute;top:55%;left:55%;transform:translate(-50%,-50%)}#ModelPlan .popupBox-M__outer .flex .txtBox .txtFlex>p{font-size:clamp(10px,1.143rem,16px)}#ModelPlan .popupBox-M__outer .flex .txtBox .anim1{width:100%;height:clamp(10px,2.214rem,31px)}#ModelPlan .popupBox-M__outer .flex .txtBox .anim1 .maruCon{width:1%;max-width:10px;height:auto;aspect-ratio:1/1;background-color:rgba(225,225,225,.25)}#ModelPlan .popupBox-M__outer .flex .txtBox .anim1 .sennCon{width:100%}#ModelPlan .popupBox-M__outer .flex .txtBox .anim1 .sennCon .senn{background-color:rgba(225,225,225,.25)}#ModelPlan .popupBox-M__outer .flex .txtBox .txt{font-size:10px;line-height:200%}#ModelPlan .popupBox-M__outer .flex .flexBorder{position:absolute;top:0;width:100%;height:100%;border:1px solid #fff;filter:drop-shadow(0 0 3px #fff)}#ModelPlan .pointSlideCon{margin:1% 0 10%}#ModelPlan .pointSlideCon .sliderWide{max-width:100%;margin:0 auto;padding:30px 0}#ModelPlan .pointSlideCon .sliderWide .slick-arrow{opacity:0;transition-duration:.3s}#ModelPlan .pointSlideCon .sliderWide:hover .slick-arrow{opacity:1}#ModelPlan .pointSlideCon .slider{width:80%;max-width:1200px;margin:0 auto;padding:0}#ModelPlan .pointSlideCon .slider .slick-list{overflow:visible}#ModelPlan .pointSlideCon .slider .slick-slide{padding:0 10px;opacity:.5;transition-duration:.3s;transform:scale(.8,.8)}#ModelPlan .pointSlideCon .slider .slick-slide.slick-center{opacity:1;transform:scale(1,1)}#ModelPlan .pointSlideCon .slider .slick-slide.slick-current{opacity:1}#ModelPlan .pointSlideCon .slider .slick-slide a{display:none}#ModelPlan .pointSlideCon .slider .slick-slide a:hover{display:block;opacity:.7}#ModelPlan .pointSlideCon .slider img{height:auto;width:100%}#ModelPlan .pointSlideCon .slick-next,#ModelPlan .pointSlideCon .slick-prev{z-index:1}#ModelPlan .pointSlideCon .slick-dots{bottom:-33px}#ModelPlan .pointSlideCon .flex{background-color:#918A81;align-items:center;position:relative}#ModelPlan .pointSlideCon .flex .img{width:60%;height:auto;aspect-ratio:2/1}#ModelPlan .pointSlideCon .flex .img img{width:100%;height:100%;object-fit:cover}#ModelPlan .pointSlideCon .flex .txtBox{width:40%;margin-left:5%}#ModelPlan .pointSlideCon .flex .txtBox .txtFlex{display:flex;align-items:center;gap:2%}#ModelPlan .pointSlideCon .flex .txtBox .txtFlex .nmb{box-sizing:border-box;aspect-ratio:1/1;width:8%;border:1px solid #fff;display:flex;justify-content:center;align-items:center;position:relative;filter:drop-shadow(0 0 3px #fff)}#ModelPlan .pointSlideCon .flex .txtBox .txtFlex .nmb p{font-size:clamp(10px,1.143rem,16px);position:absolute;top:55%;left:55%;transform:translate(-50%,-50%)}#ModelPlan .pointSlideCon .flex .txtBox .txtFlex>p{font-size:clamp(10px,1.143rem,16px)}#ModelPlan .pointSlideCon .flex .txtBox .anim1{width:100%;height:clamp(10px,2.214rem,31px)}#ModelPlan .pointSlideCon .flex .txtBox .anim1 .maruCon{width:1%;max-width:10px;height:auto;aspect-ratio:1/1;background-color:rgba(225,225,225,.25)}#ModelPlan .pointSlideCon .flex .txtBox .anim1 .sennCon{width:100%}#ModelPlan .pointSlideCon .flex .txtBox .anim1 .sennCon .senn{background-color:rgba(225,225,225,.25)}#ModelPlan .pointSlideCon .flex .txtBox .txt{font-size:10px;line-height:200%}#ModelPlan .pointSlideCon .flex .flexBorder{position:absolute;top:0;width:100%;height:100%;border:1px solid #fff;filter:drop-shadow(0 0 3px #fff)}#ModelPlan .pointSlideCon .popupBox-PS{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:2000;display:none;opacity:0;transition:.2s;background-color:#3e362acc}#ModelPlan .pointSlideCon .popupBox-PS.on{display:block;animation-fill-mode:forwards}#ModelPlan .pointSlideCon .popupBox-PS__outer{display:flex;justify-content:center;flex-direction:column;align-items:end;height:100%}#ModelPlan .pointSlideCon .popupBox-PS__outer .closeBg-PS{position:absolute;height:100%;width:100%}#ModelPlan .pointSlideCon .popupBox-PS__outer .closebtn-PS{position:relative;right:0;cursor:pointer;width:81px;height:76px;z-index:9999;margin:0 10% 0 auto}#ModelPlan .pointSlideCon .popupBox-PS__outer .closebtn-PS span{display:inline-block;transition:all .4s;position:absolute;right:20px;height:2px;border-radius:50px;background-color:#fff;width:50%}#ModelPlan .pointSlideCon .popupBox-PS__outer .closebtn-PS span:nth-of-type(1){top:30px;right:28px;transform:translateY(6px) rotate(-45deg);width:30%}#ModelPlan .pointSlideCon .popupBox-PS__outer .closebtn-PS span:nth-of-type(2){top:42px;right:28px;transform:translateY(-6px) rotate(45deg);width:30%}#ModelPlan .pointSlideCon .popupBox-PS__outer .flex{background:0 0;align-items:center;position:relative;flex-direction:column;margin-bottom:9vh}#ModelPlan .pointSlideCon .popupBox-PS__outer .flex .img{width:100%;max-height:80vh}#ModelPlan .pointSlideCon .popupBox-PS__outer .flex .img img{width:100%;height:100%}#ModelPlan .pointBtmCon{justify-content:center;box-sizing:border-box;margin-bottom:3%}#ModelPlan .pointBtmCon p{width:100%;text-align:center;font-size:clamp(10px,1.357rem,19px);padding:clamp(10px,1.357rem,19px);line-height:170%}#ModelPlan .pointBtmCon .line{background-color:rgba(225,225,225,.25);width:1.5px;margin:0 1%}#Contact,#Contact .flex .banner,#ResilienceEnergylife .ResilienceCon .flex .imgBox,#ResilienceEnergylife .ResilienceCon .flex .txtBox{width:100%}#ModelPlan .pointBtmCon2{margin-bottom:10%}#ModelPlan .pointBtmCon2 p{font-size:clamp(10px,.857rem,12px);line-height:200%}#ResilienceEnergylife{padding:calc(100px + 5%) 0 0}#ResilienceEnergylife .ResilienceCon{margin:7% auto 10%;gap:2%}#ResilienceEnergylife .ResilienceCon .flex{align-items:center}#ResilienceEnergylife .ResilienceCon .flex .txtBox h3{font-size:clamp(10px,2rem,28px);line-height:200%;margin-bottom:10%}#ResilienceEnergylife .ResilienceCon .flex .txtBox p{font-size:clamp(10px,1rem,14px);line-height:200%}#ResilienceEnergylife .ResilienceCon .flex .imgBox p.sub{margin:3% 0;font-size:clamp(10px,1.25rem,20px)}#ResilienceEnergylife .ResilienceCon .flex .imgBox p{text-align:center;font-size:clamp(10px,1.857rem,26px)}#ResilienceEnergylife .h3Con{margin-top:15%}#ResilienceEnergylife .h3Con h3.mosimoTtl{font-size:clamp(10px,1.25rem,20px);white-space:nowrap;margin:0}#ResilienceEnergylife .flexCon{margin:7% auto;gap:1%}#Contact .flex,.fixed{gap:5%}#ResilienceEnergylife .flexCon .box p{font-size:clamp(10px,1.857rem,26px);text-align:center}#ResilienceEnergylife .flexCon .box .s{font-size:clamp(10px,1.25rem,20px);margin:5% 0 3%}#ResilienceEnergylife .flexCon .box .line{border-bottom:1px solid rgba(225,225,225,.25);margin:3% 0}#ResilienceEnergylife .flexCon .box .txt{font-size:clamp(10px,1rem,14px);line-height:200%}#ResilienceEnergylife .flexCon__2 .box p{font-size:clamp(10px,1rem,14px);text-align:center}#ResilienceEnergylife .flexCon__2 .box .s{font-size:clamp(10px,1.286rem,18px);margin:5% 0 3%}#ResilienceEnergylife .lastCon{position:relative;margin-top:calc(20px + 6%)}#ResilienceEnergylife .lastCon .kome{margin:10px auto;color:#383333;text-align:right;font-size:10px}#Contact{height:30vh;display:flex;align-items:center;margin-top:-70vh;padding-top:70vh}#Contact .flex .banner{position:relative;right:0;border-radius:10px;justify-content:center;padding:3% 2%}#Contact .flex .banner .txtBox{flex-direction:initial;justify-content:center;width:80%;max-width:350px}#Contact .flex .banner .txtBox .txt p{white-space:nowrap;margin:3% 0}#Contact .flex .banner .txtBox .anim1{padding:3%}#Contact .flex .banner .txtBox .anim1 .sennCon{width:100%}#Contact .flex .banner::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#9D9B9B73;transition:.2s;border-radius:5px}.banner,.fixed{position:fixed;z-index:1000;bottom:2%;transition:.2s}#Contact .flex .banner:hover::before{content:"";background-color:#3f3f3f73}.banner{right:-30%;display:inline-flex;background-color:#9D9B9B73;width:30%;min-width:300px;align-items:flex-end;border-radius:10px 0 0 10px}.banner .img{width:100%}.banner .txtBox{width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:1% 0}.banner .txtBox .txt p:nth-of-type(1){font-size:10px}.banner .txtBox .txt p:nth-of-type(2){font-size:clamp(10px,1rem,14px)}.banner .txtBox .anim1{width:100%;justify-content:flex-end;padding:5%;box-sizing:border-box}.banner .txtBox .anim1 .sennCon{width:50%;animation-name:bannersenn;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out;transform:scale(0,1);transform-origin:left;opacity:.5}@keyframes bannersenn{0%{transform:scale(0,1);transform-origin:left}30%{transform:scale(1,1);transform-origin:left}60%{transform:scale(1,1);transform-origin:right}100%{transform:scale(0,1);transform-origin:right}}.banner .txtBox .anim1 .sennCon .senn{height:1px}.banner .txtBox .anim1 .maruCon{animation-name:bannermaruCon;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes bannermaruCon{0%,100%,30%{opacity:.5}40%{opacity:1}}.banner .txtBox .anim1 .maruCon .maru{transform:translate(-50%,-50%) scale(2);border:1px solid #fff;opacity:.3;width:10px;height:10px;animation-name:bannermaru;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes bannermaru{0%{opacity:0;transform:translate(-50%,-50%) scale(1)}30%{opacity:0}60%{opacity:.5}70%{opacity:.3}100%{opacity:0;transform:translate(-50%,-50%) scale(2.5)}}.fixed{right:-15%;display:flex;flex-direction:column;width:15%;align-items:flex-end}.fixed a{position:relative;z-index:1;text-align:center;width:100%;background-color:#8F8B8680;border-radius:5px 0 0 5px;padding:6% 0;margin-bottom:6%;font-size:clamp(10px,1rem,14px)}.fixed a .EN-U{margin-right:10px;font-size:10px}.fixed a::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background-color:#9D9B9B73;transition:.2s;border-radius:5px}.fixed a:hover::before{content:"";background-color:#3f3f3f73}.fixed.on{right:0}.fixed-sp{display:none}footer{background-color:#000}footer .footer-container{justify-content:space-around;align-items:center;padding:clamp(10px,1.714rem,24px) 0}footer .footer-container .flex{justify-content:left;gap:2em;flex-wrap:initial!important}footer .footer-container .flex a,footer .footer-container p{font-size:clamp(10px,.857rem,12px)}@media screen and (max-width:800px){#top .logoCon,.fixed-sp a{text-align:center}#Facade .btmCon .flex .btmbox .txtBox,#ModelPlan .pointSlideCon .sliderWide .slick-arrow{opacity:1}#ResilienceEnergylife .ResilienceCon .flex .txtBox p,.h2Con .txtBox p,.txtBox2-sp p{line-height:300%}html{font-size:clamp(1px,3.5vw,30px)}.fixed-sp a,.txtBox2-sp p{font-size:clamp(10px,1rem,14px)}.pc{display:none}.flex,.sp{display:block}.boxouter{width:80%}a::before{content:none!important}header{mix-blend-mode:initial;flex-direction:row;align-items:center;height:auto;width:100%}header .h1{width:70%;max-width:320px;margin-bottom:0}header .header-flex{display:none}.fixed-pc{display:none!important}.fixed-sp{display:flex!important;flex-direction:row;z-index:1000;width:100%;position:fixed;right:0;bottom:0;background-color:rgba(225,225,225,.19);padding:2%;box-sizing:border-box}.fixed-sp a{width:100%;margin:0;border-radius:0;padding:3% 0;background-color:#313327cc}.fixed-sp a::before{content:none}.fixed-sp.on{right:0}#top .logoCon .h2Con{width:100%;margin-bottom:10%}#top .logoCon .h2Con .kara{display:block;width:10%}#top .logoCon .h2Con .txtBox p.sub{text-align:initial}#top .logoCon .h2Con .txtBox .img{width:85%;max-width:400px;margin-bottom:2%}#top .logoCon .h2Con .txtBox .btm .anim1{display:flex}#top .rightBtn{position:initial;display:block;margin:4% auto;max-width:500px;width:50%}#top .rightBtn.pc{display:none!important}.h2Con .kara,.h2Con .txtBox .btm .anim1,.h2Con .txtBox p br,.txtBox2-sp p br{display:none}#Concept{height:100%;max-height:100%;position:relative}#Concept h2{position:absolute;top:0}#ModelPlan .pointSlideCon .flex .txtBox .txtFlex .nmb p,#ModelPlan .popupBox-M__outer .flex .txtBox .txtFlex .nmb p{top:62%;left:56%}.h2Con{width:80%;margin:0 auto}.h2Con .txtBox h2{font-size:clamp(10px,3.214rem,45px)}.h2Con .txtBox h3{font-size:clamp(10px,1.5rem,21px);margin:clamp(10px,1.5rem,21px) 0}.h2Con .txtBox .btm .txt{white-space:initial!important}#Facade .btmCon .flex{margin:0}#Facade .btmCon .flex .btmbox{margin:clamp(10px,1.25rem,20px) 0}#Facade .popupBox .flex .box1{height:45%}#Facade .popupBox .flex .box2{height:55%;max-width:initial;box-sizing:border-box}#Facade .popupBox .flex .box2 .box{margin-top:8%}#Facade .popupBox .flex .box2 .box .txt{margin-top:clamp(10px,1rem,14px)}#Facade .popupBox .flex .box2 .box .backBtm{margin-top:8%;margin-bottom:10vh}#ModelPlan .pointSlideCon .popupBox-PS__outer .closebtn-PS{margin:0}#ModelPlan .modelCon .madoriFlex{margin-top:0}#ModelPlan .modelCon .madoriFlex .box{margin:10% 0}#ModelPlan .modelCon .madoriFlex .box .ml{margin-left:0}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn1{top:6%;left:12%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn2{width:14.5%;top:6.2%;right:27.8%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn3{top:28.3%;left:35%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn4{width:26%;top:12%;right:21%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn5{width:9.5%;top:14.5%;right:10.7%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn6{width:18%;left:53%}#ModelPlan .modelCon .madoriFlex .box .madori .madoriBtn.btn7{width:38.5%;top:66.5%;right:10%}#ModelPlan .modelCon .madoriFlex .txtbox{position:relative;width:100%;display:flex;gap:5%}#ModelPlan .modelCon .madoriFlex .txtbox .txtFlex{width:100%}#ModelPlan .modelCon .madoriFlex .txtbox .txtFlex p{font-size:clamp(10px,.857rem,12px);white-space:nowrap}#ModelPlan .pointSlideCon .flex .img{width:100%}#ModelPlan .pointSlideCon .flex .txtBox{width:100%;padding:5% 0 5% 5%;box-sizing:border-box;margin:0}#ResilienceEnergylife .ResilienceCon .flex .txtBox,#ResilienceEnergylife .flexCon .box{margin-bottom:10%}#ModelPlan .pointBtmCon p{border-top:1px solid rgba(225,225,225,.25);border-bottom:1px solid rgba(225,225,225,.25);box-sizing:border-box}#ResilienceEnergylife .ResilienceCon .flex .imgBox p{font-size:clamp(10px,1.357rem,19px)}#ResilienceEnergylife .ResilienceCon .flex .imgBox p.sub{font-size:clamp(10px,1rem,14px)}#ResilienceEnergylife .flexCon .box p{font-size:clamp(10px,1.357rem,19px)}#ResilienceEnergylife .flexCon .box .s{font-size:clamp(10px,1rem,14px)}#ResilienceEnergylife .flexCon__2 .box p{font-size:clamp(10px,1.071rem,15px)}#ResilienceEnergylife .flexCon__2 .box .s{font-size:clamp(10px,1.357rem,19px)}#ResilienceEnergylife .h3Con h3.mosimoTtl{font-size:clamp(10px,1.571rem,22px);white-space:initial!important;text-align:center;border-left:1px solid #fff;border-right:1px solid #fff}#ResilienceEnergylife .lastCon .kome{margin:5% auto;text-align:center;line-height:200%}#Contact{height:auto;margin:-60vh 0 10vh}#Contact .flex .banner{margin-bottom:5%;padding:5% 2%;box-sizing:border-box}footer .footer-container{padding:clamp(10px,1.714rem,24px) clamp(10px,1rem,14px) 30%}footer .footer-container .flex{display:flex;flex-direction:column;gap:clamp(10px,1rem,14px);margin-bottom:clamp(10px,1rem,14px)}footer .footer-container p{font-size:clamp(1px,.571rem,8px)}}@media screen and (max-width:500px){#ModelPlan .modelCon .madoriFlex .txtbox{flex-direction:column}.fixed a .EN-U{display:block;margin:0}}.fadeIn,.fadeUp{opacity:0}.delay-time02{animation-delay:.2s}.delay-time04{animation-delay:.4s}.delay-time06{animation-delay:.6s}.delay-time08{animation-delay:.8s}.delay-time10{animation-delay:1s}.delay-time15{animation-delay:1.5s}.fadeIn.on{animation-duration:1.5s;animation-timing-function:cubic-bezier(.22,1,.36,1);animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:fadein;opacity:0}@keyframes fadein{0%{opacity:0}100%{opacity:1}}.fadeUp.on{animation-name:fadeUp;animation-duration:.8s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(5%)}100%{opacity:1;transform:translateY(0)}}.vegas-animation-a1Kenburns{animation:a1Kenburns ease-out;background-position:right!important;transform:scale(1) translate(0,0)}@keyframes a1Kenburns{0%{transform:scale(1.4) translate(0,0)}100%{transform:scale(1) translate(0,0)}}.vegas-animation-a2Right{animation:a2Right ease-out;transform:scale(1.2) translate(10%,0)}@keyframes a2Right{0%{transform:scale(1.2) translate(-10%,0)}100%{transform:scale(1.2) translate(10%,0)}}.vegas-animation-a3Left{animation:a3Left ease-out;transform:scale(1.2) translate(-10%,0)}@keyframes a3Left{0%{transform:scale(1.2) translate(10%,0)}100%{transform:scale(1.2) translate(-10%,0)}}.vegas-animation-a4Kenburns{animation:a4Kenburns ease-out;transform:scale(1) translate(0,0);background-position:left!important}@keyframes a4Kenburns{0%{transform:scale(1.4) translate(0,0)}100%{transform:scale(1) translate(0,0)}}@media screen and (max-width:800px){.vegas-animation-a2Right{animation:a2Right ease-out;transform:scale(1.2) translate(10%,0);background-position:right!important}.vegas-animation-a3Left{animation:a3Left ease-out;transform:scale(1.2) translate(-10%,0)}}.modal-video-body{max-width:1200px!important;width:90%!important}