#wrap.remodeling.info .content{padding:0}#wrap.remodeling.info .tit{text-align:center;padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .tit p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.5;color:#6b7280;font-family:"Proza Libre",sans-serif}#wrap.remodeling.info .tit strong{display:block;margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;line-height:1.5;color:#161d27}@media(max-width: 1024px){#wrap.remodeling.info .tit{padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .tit p{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.remodeling.info .tit strong{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}}#wrap.remodeling.info .sec01{padding:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent))) 0 max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec01 p{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:500;color:#4b5563;text-align:center;transform:translateY(100%);transition:.8s .2s;opacity:0;margin:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec01 .lottie{width:max(calc(481px * var(--base-ratio)), calc(calc(481 / var(--base-size)) * var(--base-percent)));height:max(calc(192px * var(--base-ratio)), calc(calc(192 / var(--base-size)) * var(--base-percent)));margin:0 auto;position:relative;z-index:2}#wrap.remodeling.info .sec01.active p{opacity:1;transform:translateY(0)}@media(max-width: 1024px){#wrap.remodeling.info .sec01{padding:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent))) 0 max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec01 p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.info .sec01 .lottie{width:max(calc(361px * var(--base-ratio)), calc(calc(361 / var(--base-size)) * var(--base-percent)));height:max(calc(144px * var(--base-ratio)), calc(calc(144 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.remodeling.info .sec01{padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0 max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec01 .lottie{width:max(calc(265px * var(--base-ratio)), calc(calc(265 / var(--base-size)) * var(--base-percent)));height:max(calc(106px * var(--base-ratio)), calc(calc(106 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.info .sec02{margin-top:-100vh;height:230vh;pointer-events:none;position:relative;z-index:2}#wrap.remodeling.info .sec02 .bg_wrap{--r:50vw;--opacity:0;width:100%;height:100%;-webkit-clip-path:circle(var(--r) at 50% calc(50vw + 100% - (100vh - max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent))))));clip-path:circle(var(--r) at 50% calc(50vw + 100% - (100vh - max(calc(500px * var(--base-ratio)), calc(calc(500 / var(--base-size)) * var(--base-percent))))));opacity:0}#wrap.remodeling.info .sec02 .bg_wrap .bg{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/resources/images/remodeling/info/sec02_bg.jpg");transform:translateY(max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent))))}#wrap.remodeling.info .sec02 .bg_wrap .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;opacity:var(--opacity);background:rgba(0,0,0,.7)}#wrap.remodeling.info .sec02 .bg_wrap .txt{width:100%;height:100%;position:absolute;left:0;top:0;transform:translateY(100%);display:flex;align-items:center;justify-content:center}#wrap.remodeling.info .sec02 .bg_wrap .txt p{font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;word-break:keep-all;word-wrap:break-word;line-height:1.5;font-weight:500;color:#fff;text-align:center}#wrap.remodeling.info .sec02 .bg_wrap .scroll_txt{position:absolute;left:0;bottom:max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent)));width:100%;text-align:center;transition:.3s}#wrap.remodeling.info .sec02 .bg_wrap .scroll_txt i{display:block;width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));margin:0 auto;-webkit-animation:scrollTxt .6s linear infinite alternate;animation:scrollTxt .6s linear infinite alternate}#wrap.remodeling.info .sec02 .bg_wrap .scroll_txt p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));text-align:center;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:500;color:#fff}#wrap.remodeling.info .sec02 .bg_wrap .scroll_txt.active{opacity:0}@-webkit-keyframes scrollTxt{from{transform:translateY(0)}to{transform:translateY(30%)}}@keyframes scrollTxt{from{transform:translateY(0)}to{transform:translateY(30%)}}#wrap.remodeling.info .sec02.active{pointer-events:auto}@media(max-width: 1024px){#wrap.remodeling.info .sec02 .bg_wrap{--r:80vw;-webkit-clip-path:circle(var(--r) at 50% calc(80vw + 100% - (100vh - max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent))))));clip-path:circle(var(--r) at 50% calc(80vw + 100% - (100vh - max(calc(360px * var(--base-ratio)), calc(calc(360 / var(--base-size)) * var(--base-percent))))))}#wrap.remodeling.info .sec02 .bg_wrap .txt{padding:0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec02 .bg_wrap .txt p{font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5;text-align:center}#wrap.remodeling.info .sec02 .bg_wrap .scroll_txt p{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}}@media(max-width: 767px){#wrap.remodeling.info .sec02 .bg_wrap{--r:100vw;-webkit-clip-path:circle(var(--r) at 50% calc(100vw + 100% - (100vh - max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent))))));clip-path:circle(var(--r) at 50% calc(100vw + 100% - (100vh - max(calc(300px * var(--base-ratio)), calc(calc(300 / var(--base-size)) * var(--base-percent))))))}#wrap.remodeling.info .sec02 .bg_wrap .txt{padding:0 max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.info .sec03{height:130vh}#wrap.remodeling.info .sec03 .row_wrap{height:100%}#wrap.remodeling.info .sec03 .row_wrap .row{height:100%;align-items:center}#wrap.remodeling.info .sec03 .box{overflow:hidden;position:relative;margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height:max(calc(450px * var(--base-ratio)), calc(calc(450 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center}#wrap.remodeling.info .sec03 .box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/resources/images/remodeling/info/sec03_box_bg.jpg") center no-repeat;background-size:cover}#wrap.remodeling.info .sec03 .box ul{width:100%;display:flex;align-items:center}#wrap.remodeling.info .sec03 .box ul li{width:33.333333%;text-align:center;position:relative}#wrap.remodeling.info .sec03 .box ul li:before{content:"";width:1px;height:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));position:absolute;left:0;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.5);display:none}#wrap.remodeling.info .sec03 .box ul li+li:before{display:block}#wrap.remodeling.info .sec03 .box ul li:nth-of-type(1) dl{transition:.8s}#wrap.remodeling.info .sec03 .box ul li:nth-of-type(2) dl{transition:.8s .15s}#wrap.remodeling.info .sec03 .box ul li:nth-of-type(3) dl{transition:.8s .3s}#wrap.remodeling.info .sec03 .box ul li dl{opacity:0;visibility:hidden;transform:translateY(50%)}#wrap.remodeling.info .sec03 .box ul li dl dt{font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.3;color:#fff}#wrap.remodeling.info .sec03 .box ul li dl dd{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.5;color:#fff}#wrap.remodeling.info .sec03.active .box ul li dl{opacity:1;visibility:visible;transform:translateY(0)}@media(max-width: 1024px){#wrap.remodeling.info .sec03{height:auto;padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec03 .sticky{height:auto;position:relative;inset:auto}#wrap.remodeling.info .sec03 .box{margin-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));height:auto;display:block}#wrap.remodeling.info .sec03 .box ul{flex-direction:column;padding:0 max(calc(42px * var(--base-ratio)), calc(calc(42 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec03 .box ul li{padding:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent))) 0;width:100%}#wrap.remodeling.info .sec03 .box ul li:before{content:"";width:100%;height:1px;position:absolute;inset:auto;left:0;top:0;transform:none}#wrap.remodeling.info .sec03 .box ul li dl dt{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}}@media(max-width: 767px){#wrap.remodeling.info .sec03 .box ul{padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.info .sec04{--backgroundColor:#223D6D;--parallax:-50%;height:500vh;background-color:var(--backgroundColor)}#wrap.remodeling.info .sec04 .relative{width:100%;height:100%;position:relative;margin-top:var(--parallax)}#wrap.remodeling.info .sec04 .tit{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;opacity:0;visibility:hidden;transition:.6s}#wrap.remodeling.info .sec04 .tit p{color:#d1d5db}#wrap.remodeling.info .sec04 .tit strong{color:#fff}#wrap.remodeling.info .sec04 ul{position:absolute;left:0;top:0;width:100%;height:100%}#wrap.remodeling.info .sec04 ul li{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center}#wrap.remodeling.info .sec04 ul li .txt_area{padding:0 max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent)));width:max(calc(808px * var(--base-ratio)), calc(calc(808 / var(--base-size)) * var(--base-percent)));height:100%;display:flex;align-items:center;position:relative;z-index:2}#wrap.remodeling.info .sec04 ul li .txt_area dl{opacity:0;visibility:hidden;transform:translate(10%, 0%);transition-property:opacity,transform,visibility;transition-duration:.5s}#wrap.remodeling.info .sec04 ul li .txt_area dl dt span{display:block;font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;color:#f6f6f6;line-height:1.5;font-weight:500}#wrap.remodeling.info .sec04 ul li .txt_area dl dt p{margin-top:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:700;color:#fff}#wrap.remodeling.info .sec04 ul li .txt_area dl dd{padding-top:max(calc(35px * var(--base-ratio)), calc(calc(35 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec04 ul li .txt_area dl dd p{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5;font-weight:400;color:#fff}#wrap.remodeling.info .sec04 ul li .img_area{width:calc(100% - max(calc(808px * var(--base-ratio)), calc(calc(808 / var(--base-size)) * var(--base-percent))));height:100%;position:relative;z-index:1;clip-path:inset(0% 0% 0% 100%);-webkit-clip-path:inset(0% 0% 0% 100%);transition-property:-webkit-clip-path;transition-property:clip-path;transition-property:clip-path, -webkit-clip-path;-webkit-transition-property:clip-path;transition-timing-function:cubic-bezier(0.42, 0, 0, 0.99);-webkit-transition-timing-function:cubic-bezier(0.42, 0, 0, 0.99);transition-duration:.5s}#wrap.remodeling.info .sec04 ul li .img_area img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:scale(1.1);transition-timing-function:cubic-bezier(0.42, 0, 0.16, 0.99);-webkit-transition-timing-function:cubic-bezier(0.42, 0, 0.16, 0.99);transition:.8s}#wrap.remodeling.info .sec04 ul li.active .txt_area dl{opacity:1;visibility:visible;transform:translate(0%);transition-duration:1s;transition-delay:.5s}#wrap.remodeling.info .sec04 ul li.active .img_area{clip-path:inset(0% 0% 0% 0%);-webkit-clip-path:inset(0% 0% 0% 0%);transition-duration:.8s}#wrap.remodeling.info .sec04 ul li.active .img_area img{transform:scale(1)}#wrap.remodeling.info .sec04 ul li.active_end .txt_area dl{opacity:0;visibility:hidden;transition-duration:.7s;transition-delay:0s}#wrap.remodeling.info .sec04.active .tit{opacity:1;visibility:visible}#wrap.remodeling.info .sec04.active_end .tit{opacity:0;visibility:hidden}@media(max-width: 1024px){#wrap.remodeling.info .sec04{--parallax:-100%}#wrap.remodeling.info .sec04 ul li{flex-direction:column}#wrap.remodeling.info .sec04 ul li .txt_area{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));width:100%;height:auto}#wrap.remodeling.info .sec04 ul li .txt_area dl{transform:translate(0%, 10%)}#wrap.remodeling.info .sec04 ul li .txt_area dl dt span{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.remodeling.info .sec04 ul li .txt_area dl dt p{margin-top:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.info .sec04 ul li .txt_area dl dd{padding-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec04 ul li .txt_area dl dd p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.remodeling.info .sec04 ul li .img_area{width:100%;-webkit-clip-path:inset(100% 0% 0% 0%);clip-path:inset(100% 0% 0% 0%)}}@media(max-width: 767px){#wrap.remodeling.info .sec04 ul li .txt_area{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(350px * var(--base-ratio)), calc(calc(350 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec04 ul li .txt_area dl dd{padding-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec04 ul li .img_area{height:calc(100% - max(calc(350px * var(--base-ratio)), calc(calc(350 / var(--base-size)) * var(--base-percent))))}}#wrap.remodeling.info .sec05{background:#f3f4f6;padding:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent))) 0}#wrap.remodeling.info .sec05 .video_area{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));width:100%;height:max(calc(746px * var(--base-ratio)), calc(calc(746 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));position:relative;overflow:hidden;opacity:0;transform:translateY(15%);transition:.7s}#wrap.remodeling.info .sec05 .video_area video{width:100%;height:100%;position:absolute;left:0;top:0;-o-object-fit:cover;object-fit:cover}#wrap.remodeling.info .sec05 .desc_area{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;gap:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));opacity:0;transform:translateY(50%);transition:.7s .2s}#wrap.remodeling.info .sec05 .desc_area .img{width:max(calc(308px * var(--base-ratio)), calc(calc(308 / var(--base-size)) * var(--base-percent)));height:max(calc(169px * var(--base-ratio)), calc(calc(169 / var(--base-size)) * var(--base-percent)));background:url("/resources/images/remodeling/info/sec05_desc_bg.jpg") center no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));box-shadow:4px 4px 10px 0px rgba(0,0,0,.05);overflow:hidden}#wrap.remodeling.info .sec05 .desc_area .img p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.3;color:#fff}#wrap.remodeling.info .sec05 .desc_area .plus{width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.remodeling.info .sec05 .desc_area .plus:before{content:"";width:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));height:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#9ca3af}#wrap.remodeling.info .sec05 .desc_area .plus:after{content:"";width:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));height:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#9ca3af}#wrap.remodeling.info .sec05 .desc_area .list{width:calc(100% - max(calc(224px * var(--base-ratio)), calc(calc(224 / var(--base-size)) * var(--base-percent))))}#wrap.remodeling.info .sec05 .desc_area .list ul{display:flex;flex-wrap:wrap;gap:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .list ul li{width:calc(33.333333% - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))));height:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background:#fff;box-shadow:4px 4px 10px 0px rgba(0,0,0,.05);padding:0 max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));display:flex;align-items:center;justify-content:space-between}#wrap.remodeling.info .sec05 .desc_area .list ul li p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.3;color:#161d27}#wrap.remodeling.info .sec05 .desc_area .list ul li i{display:block;width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05.active .video_area{opacity:1;transform:translateY(0%)}#wrap.remodeling.info .sec05.active .desc_area{opacity:1;transform:translateY(0%)}@media(max-width: 1024px){#wrap.remodeling.info .sec05{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .video_area{margin-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));width:100%;height:auto;padding-top:56.25%}#wrap.remodeling.info .sec05 .desc_area{margin-top:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)));flex-direction:column;gap:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .img{width:100%;height:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .img p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.info .sec05 .desc_area .plus{width:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));height:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .plus:before{width:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)));height:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .plus:after{width:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)));height:max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .list{width:100%}#wrap.remodeling.info .sec05 .desc_area .list ul{gap:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .list ul li{width:calc(50% - max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))));padding:0 max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .list ul li p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}}@media(max-width: 767px){#wrap.remodeling.info .sec05 .desc_area .list ul li{padding:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));flex-direction:column;align-items:start;height:auto;gap:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec05 .desc_area .list ul li p{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.info .sec05 .desc_area .list ul li i{width:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.info .sec06{padding:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent))) 0 max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec06 .video_area{width:100%;height:max(calc(740px * var(--base-ratio)), calc(calc(740 / var(--base-size)) * var(--base-percent)));margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));position:relative;overflow:hidden;border-radius:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec06 .video_area .video{width:100%;height:100%;background:#000;position:relative}#wrap.remodeling.info .sec06 .video_area .video iframe{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.remodeling.info .sec06 .video_area .bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;cursor:pointer;transition:opacity .5s}#wrap.remodeling.info .sec06 .video_area .bg:before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url("/resources/images/remodeling/info/sec06_video_bg.jpg") center bottom no-repeat;background-size:cover;z-index:2;transform:scale(1);transition:transform .4s ease-in-out}#wrap.remodeling.info .sec06 .video_area .bg:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.2);opacity:0;z-index:2;transition:.3s}#wrap.remodeling.info .sec06 .video_area .bg i{width:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));height:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:3;background:url("/resources/images/button/btn_play_off.png") center no-repeat;background-size:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;transition:.2s ease-out}#wrap.remodeling.info .sec06 .video_area .bg.active{opacity:0;visibility:hidden}@media(min-width: 1025px)and (pointer: fine){#wrap.remodeling.info .sec06 .video_area .bg:hover:before{transform:scale(1.1)}#wrap.remodeling.info .sec06 .video_area .bg:hover:after{opacity:1}#wrap.remodeling.info .sec06 .video_area .bg:hover i{background:url("/resources/images/button/btn_play_on.png") center no-repeat;background-size:100%}}@media(max-width: 1024px){#wrap.remodeling.info .sec06{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec06 .video_area{height:auto;padding-top:56.25%;margin-top:max(calc(57px * var(--base-ratio)), calc(calc(57 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.info .sec06 .video_area .video{width:100%;height:100%;position:absolute;left:0;top:0}#wrap.remodeling.info .sec06 .video_area .bg i{width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.procedure .content{padding:0}#wrap.remodeling.procedure .sub_visual{padding:max(calc(320px * var(--base-ratio)), calc(calc(320 / var(--base-size)) * var(--base-percent))) 0 max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.remodeling.procedure .sub_visual{padding:max(calc(224px * var(--base-ratio)), calc(calc(224 / var(--base-size)) * var(--base-percent))) 0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.remodeling.procedure .sub_visual{padding:max(calc(184px * var(--base-ratio)), calc(calc(184 / var(--base-size)) * var(--base-percent))) 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.procedure .sec01{width:100%;height:max(calc(1080px * var(--base-ratio)), calc(calc(1080 / var(--base-size)) * var(--base-percent)));position:relative;z-index:1}#wrap.remodeling.procedure .sec01 .bg_trigger{width:100%;position:absolute;left:0;top:0;z-index:-1}#wrap.remodeling.procedure .sec01 .bg_wrap{--sectionMaskL: width:100%;height:100%;-webkit-clip-path:inset(0% var(--sectionMaskR) 0% var(--sectionMaskL));clip-path:inset(0% var(--sectionMaskR) 0% var(--sectionMaskL))}#wrap.remodeling.procedure .sec01 .bg_wrap .map{position:relative;width:100%;height:100%}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl{padding-top:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)));position:relative;z-index:3;text-align:center}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl dt{font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;color:#fff;line-height:1.3}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl dd{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;color:#fff;line-height:1.3;margin-top:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area{width:100%;height:100%;position:absolute;left:0;top:0;pointer-events:none;z-index:1}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .bg{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/resources/images/remodeling/procedure/w/sec01_w_bg.png");z-index:1}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .bg .img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/resources/images/remodeling/procedure/w/sec01_w_default.png");mix-blend-mode:screen}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .txt_bg{position:absolute;left:0;top:0;z-index:3;width:100%;height:100%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .txt_bg .img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url("/resources/images/remodeling/procedure/w/sec01_w_text.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul{position:absolute;left:0;top:0;z-index:2;width:100%;height:100%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li{width:100%;height:100%;position:absolute;left:0;top:0;opacity:0;visibility:hidden;transition:.3s;background-size:cover;background-position:center;background-repeat:no-repeat}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img1{background-image:url("/resources/images/remodeling/procedure/w/sec01_w_img1.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img2{background-image:url("/resources/images/remodeling/procedure/w/sec01_w_img2.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img3{background-image:url("/resources/images/remodeling/procedure/w/sec01_w_img3.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img4{background-image:url("/resources/images/remodeling/procedure/w/sec01_w_img4.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img5{background-image:url("/resources/images/remodeling/procedure/w/sec01_w_img5.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.active{opacity:1;visibility:visible}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area{width:100%;height:100%;position:absolute;left:0;top:0;z-index:2}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul{width:100%;height:100%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li{position:absolute}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a{display:block;position:relative;width:100%;height:100%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc{position:absolute}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc i{width:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));height:max(calc(21px * var(--base-ratio)), calc(calc(21 / var(--base-size)) * var(--base-percent)));display:block;position:absolute;z-index:2}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc i:before{content:"";width:100%;height:100%;border-radius:50%;background:#dbe0e9;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%) scale(0.7);-webkit-animation:dotpulse 1.5s ease-out infinite;animation:dotpulse 1.5s ease-out infinite}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc i:after{content:"";width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));border-radius:50%;background:#223d6d;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}@-webkit-keyframes dotpulse{0%{transform:translate(-50%, -50%) scale(0.7)}50%{transform:translate(-50%, -50%) scale(1.2)}100%{transform:translate(-50%, -50%) scale(0.7)}}@keyframes dotpulse{0%{transform:translate(-50%, -50%) scale(0.7)}50%{transform:translate(-50%, -50%) scale(1.2)}100%{transform:translate(-50%, -50%) scale(0.7)}}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt:before{content:"";background:#dbe0e9;position:absolute}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt strong{display:block;font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.3;color:#fff;white-space:nowrap}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt p{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.3;color:#fff;white-space:nowrap}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt p span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1){top:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)));left:max(calc(453px * var(--base-ratio)), calc(calc(453 / var(--base-size)) * var(--base-percent)));width:max(calc(214px * var(--base-ratio)), calc(calc(214 / var(--base-size)) * var(--base-percent)));height:max(calc(194px * var(--base-ratio)), calc(calc(194 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc{text-align:right;top:max(calc(91px * var(--base-ratio)), calc(calc(91 / var(--base-size)) * var(--base-percent)));right:max(calc(129px * var(--base-ratio)), calc(calc(129 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc i{right:0;top:0}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc .txt{padding-right:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc .txt:before{width:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));height:1px;right:0;top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2){top:max(calc(401px * var(--base-ratio)), calc(calc(401 / var(--base-size)) * var(--base-percent)));left:max(calc(575px * var(--base-ratio)), calc(calc(575 / var(--base-size)) * var(--base-percent)));width:max(calc(92px * var(--base-ratio)), calc(calc(92 / var(--base-size)) * var(--base-percent)));height:max(calc(427px * var(--base-ratio)), calc(calc(427 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc{top:max(calc(174px * var(--base-ratio)), calc(calc(174 / var(--base-size)) * var(--base-percent)));left:max(calc(52px * var(--base-ratio)), calc(calc(52 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc i{left:0;top:0}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc .txt{padding-left:max(calc(81px * var(--base-ratio)), calc(calc(81 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc .txt:before{width:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)));height:1px;left:0;top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3){top:max(calc(824px * var(--base-ratio)), calc(calc(824 / var(--base-size)) * var(--base-percent)));left:max(calc(456px * var(--base-ratio)), calc(calc(456 / var(--base-size)) * var(--base-percent)));width:max(calc(153px * var(--base-ratio)), calc(calc(153 / var(--base-size)) * var(--base-percent)));height:max(calc(65px * var(--base-ratio)), calc(calc(65 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc{top:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));right:max(calc(72px * var(--base-ratio)), calc(calc(72 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc i{right:0;top:0}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc .txt{padding-right:max(calc(126px * var(--base-ratio)), calc(calc(126 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc .txt:before{width:max(calc(111px * var(--base-ratio)), calc(calc(111 / var(--base-size)) * var(--base-percent)));height:1px;right:max(calc(7px * var(--base-ratio)), calc(calc(7 / var(--base-size)) * var(--base-percent)));top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4){top:max(calc(767px * var(--base-ratio)), calc(calc(767 / var(--base-size)) * var(--base-percent)));left:max(calc(848px * var(--base-ratio)), calc(calc(848 / var(--base-size)) * var(--base-percent)));width:max(calc(312px * var(--base-ratio)), calc(calc(312 / var(--base-size)) * var(--base-percent)));height:max(calc(122px * var(--base-ratio)), calc(calc(122 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc{bottom:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));left:max(calc(122px * var(--base-ratio)), calc(calc(122 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc i{left:50%;bottom:0;transform:translateX(-50%)}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc .txt{text-align:center;padding-bottom:max(calc(74px * var(--base-ratio)), calc(calc(74 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc .txt:before{width:1px;height:max(calc(57px * var(--base-ratio)), calc(calc(57 / var(--base-size)) * var(--base-percent)));left:50%;bottom:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5){top:max(calc(220px * var(--base-ratio)), calc(calc(220 / var(--base-size)) * var(--base-percent)));left:max(calc(1240px * var(--base-ratio)), calc(calc(1240 / var(--base-size)) * var(--base-percent)));width:max(calc(214px * var(--base-ratio)), calc(calc(214 / var(--base-size)) * var(--base-percent)));height:max(calc(667px * var(--base-ratio)), calc(calc(667 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc{top:max(calc(298px * var(--base-ratio)), calc(calc(298 / var(--base-size)) * var(--base-percent)));left:max(calc(126px * var(--base-ratio)), calc(calc(126 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc i{left:0;top:0}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc .txt{padding-left:max(calc(130px * var(--base-ratio)), calc(calc(130 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc .txt:before{width:max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)));height:1px;left:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.remodeling.procedure .sec01{height:auto;padding-top:88%}#wrap.remodeling.procedure .sec01 .bg_wrap{position:absolute;left:0;top:0;width:100%;height:100%}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl{padding-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl dt{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl dd{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .bg{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_bg.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .bg .img{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_default.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .txt_bg .img{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_text.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img1{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_img1.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img2{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_img2.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img3{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_img3.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img4{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_img4.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img5{background-image:url("/resources/images/remodeling/procedure/tablet/sec01_tablet_img5.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc i{position:relative;inset:auto !important;width:2.2vw;height:2.2vw}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc i:after{width:50%;height:50%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt{padding:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) !important;border-radius:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));background:#fff;position:absolute;left:0;top:0;opacity:0;visibility:hidden;transition:.3s;z-index:2}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt strong{color:#161d27}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt p{color:#4b5563}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt:before{border:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent))) solid rgba(0,0,0,0);border-top-width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));border-bottom-width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));border-right-color:#fff;width:auto !important;height:auto !important;background:rgba(0,0,0,0)}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1){width:17.5%;height:17.88%;top:20.3%;left:13.4%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc{text-align:left;top:42%;right:auto;left:40%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc .txt{margin-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top:max(calc(calc(calc(18 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc .txt:before{right:100%;top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2){width:7.8%;height:39.5%;top:36.9%;left:23%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc{top:42%;left:40%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc .txt{margin-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top:max(calc(calc(calc(18 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc .txt:before{left:auto;right:100%;top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3){width:17.5%;height:6.2%;top:76.2%;left:13.2%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc{right:auto;top:28%;left:40%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc .txt{margin-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));top:max(calc(calc(calc(18 / var(--base-size)) * var(--base-percent)) * -1))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc .txt:before{right:100%;top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4){width:25.8%;height:7.6%;top:74.8%;left:37.2%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc{bottom:25%;left:54%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc .txt{margin-bottom:max(calc(44px * var(--base-ratio)), calc(calc(44 / var(--base-size)) * var(--base-percent)));left:48%;transform:translateX(-50%);top:auto;bottom:0}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc .txt:before{bottom:auto;top:96%;transform:translateX(-50%) rotate(-90deg);left:50%;transform-origin:bottom center}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5){width:17.8%;height:62.2%;top:20.3%;left:69.2%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc{top:40%;left:auto;right:30%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc .txt{left:auto;right:0;top:max(calc(calc(calc(32 / var(--base-size)) * var(--base-percent)) * -1));margin-right:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc .txt:before{left:100%;top:max(calc(33px * var(--base-ratio)), calc(calc(33 / var(--base-size)) * var(--base-percent)));transform:rotate(180deg)}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li.active a .desc .txt{opacity:1;visibility:visible}}@media(max-width: 767px){#wrap.remodeling.procedure .sec01{padding-top:183.2%}#wrap.remodeling.procedure .sec01 .bg_wrap .map dl{padding-top:30%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .bg{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_bg.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .bg .img{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_default.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .txt_bg .img{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_text.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img1{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_img1.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img2{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_img2.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img3{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_img3.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img4{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_img4.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .img_area .hover_bg ul li.img5{background-image:url("/resources/images/remodeling/procedure/m/sec01_m_img5.png")}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc i{max-width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));max-height:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:4vw;height:4vw}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li a .desc .txt:before{border-top-width:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));border-bottom-width:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));border-left-width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));border-right-width:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1){width:27.5%;height:13.9%;top:41.3%;left:5.4%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(1) .desc .txt{margin-left:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2){width:12.5%;height:29.7%;top:54.1%;left:20%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(2) .desc .txt{margin-left:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3){width:20.5%;height:4.7%;top:83.5%;left:5.2%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(3) .desc .txt{margin-left:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4){width:25.8%;height:6.6%;top:82.8%;left:37.2%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(4) .desc .txt{margin-bottom:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5){width:26.8%;height:47.2%;top:41.3%;left:68%}#wrap.remodeling.procedure .sec01 .bg_wrap .map .btn_area ul li:nth-of-type(5) .desc .txt{margin-right:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.procedure .sec02{padding:max(calc(180px * var(--base-ratio)), calc(calc(180 / var(--base-size)) * var(--base-percent))) 0}#wrap.remodeling.procedure .sec02 .tit{text-align:center}#wrap.remodeling.procedure .sec02 .tit p{font-size:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:700;color:#161d27}#wrap.remodeling.procedure .sec02 .step_wrap{margin-top:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));padding:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul{display:grid;grid-template-columns:repeat(3, 1fr)}#wrap.remodeling.procedure .sec02 .step_wrap ul li{position:relative;padding:max(calc(45px * var(--base-ratio)), calc(calc(45 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step1{order:1}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step2{order:2}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step3{order:3}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step4{order:4}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step5{order:5}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step6{order:6}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step7{order:7}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step8{order:8}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step9{order:9}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step10{order:10}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step11{order:11}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step12{order:12}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step13{order:13}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14{order:14}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step15{order:15}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step1,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step2,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step3{min-height:max(calc(205px * var(--base-ratio)), calc(calc(205 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step4,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step5,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step6{min-height:max(calc(275px * var(--base-ratio)), calc(calc(275 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step7,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step8,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step9{min-height:max(calc(235px * var(--base-ratio)), calc(calc(235 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step10,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step11,#wrap.remodeling.procedure .sec02 .step_wrap ul li.step12{min-height:max(calc(400px * var(--base-ratio)), calc(calc(400 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step4{order:6}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step6{order:4}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step10{order:12}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step12{order:10}#wrap.remodeling.procedure .sec02 .step_wrap ul li.none{padding-left:0;padding-right:0}#wrap.remodeling.procedure .sec02 .step_wrap ul li.none .dir_area{padding:0}#wrap.remodeling.procedure .sec02 .step_wrap ul li .border{position:absolute;width:max(calc(46px * var(--base-ratio)), calc(calc(46 / var(--base-size)) * var(--base-percent)));height:calc(100% + max(calc(2px * var(--base-ratio)), calc(calc(2 / var(--base-size)) * var(--base-percent))));border:2px solid #8fa0bc;top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .border.left{left:max(calc(calc(calc(40 / var(--base-size)) * var(--base-percent)) * -1));border-radius:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border-right:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li .border.right{right:max(calc(calc(calc(40 / var(--base-size)) * var(--base-percent)) * -1));border-radius:0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) 0;border-left:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area{width:100%;height:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent)));position:absolute;left:0;top:0;display:flex;align-items:center;gap:max(calc(5px * var(--base-ratio)), calc(calc(5 / var(--base-size)) * var(--base-percent)));padding:0 max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot{flex:0 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));height:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));border-radius:50%;position:relative;background:#dbe0e9}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot p{position:absolute;left:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));bottom:calc(100% + max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))));padding:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))) max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))) max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:500;color:#fff;white-space:nowrap;background:#ddd}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot p:before{content:"";width:1px;height:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));position:absolute;left:0;top:100%;background:#ddd}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot:before{content:"";width:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));height:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)));border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#223d6d}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type1{background:#b09c87}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type1:before{background:#f8f4ee}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type1 p{background:#b09c87}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type1 p:before{background:#b09c87}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type2{background:#00b3bd}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type2:before{background:#fff}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type2 p{background:#00b3bd}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type2 p:before{background:#00b3bd}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type3{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#223d6d;z-index:2}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type3:before{background:#dbe0e9}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line{flex:1;max-width:100%;height:2px;background:#fff;position:relative}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line:before{content:"";width:100%;border-top:2px solid #8fa0bc;position:absolute;left:0;bottom:0}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line.dash:before{border-top-style:dashed}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow{position:absolute;top:50%;transform:translateY(-49%);width:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));height:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow:before,#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow:after{content:"";width:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));height:2px;background:#8fa0bc;position:absolute;border-radius:6px}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow.right{right:-2px}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow.right:before{left:0;top:0;transform:rotate(45deg);transform-origin:left top}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow.right:after{left:0;bottom:0;transform:rotate(-45deg);transform-origin:left bottom}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow.left{left:-2px}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow.left:before{right:0;top:0;transform:rotate(-45deg);transform-origin:right top}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line .arrow.left:after{right:0;bottom:0;transform:rotate(45deg);transform-origin:right bottom}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl{padding-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dt{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.3;font-weight:700;color:#161d27}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dt span{color:#223d6d;position:absolute;left:0;top:0}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.5;font-weight:400;color:#4b5563}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd p+span{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd span{display:block;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.5;font-weight:400;color:#6b7280}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc p{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.3;font-weight:400;color:#4b5563}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc p+span{margin-top:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc span{display:block;font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.5;font-weight:400;color:#b09c87}#wrap.remodeling.procedure .sec02 .step_wrap ul li strong{display:block;text-align:center;font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:bold;color:#223d6d}#wrap.remodeling.procedure .sec02 .step_wrap ul li .img{position:absolute;left:0;bottom:calc(100% + max(calc(calc(calc(10 / var(--base-size)) * var(--base-percent)) * -1)))}@media(max-width: 1024px){#wrap.remodeling.procedure .sec02{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 0}#wrap.remodeling.procedure .sec02 .tit p{font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.procedure .sec02 .step_wrap{margin-top:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));padding:0}#wrap.remodeling.procedure .sec02 .step_wrap ul{display:flex;flex-wrap:wrap;gap:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li{width:calc(50% - max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))));padding:0;order:inherit !important;min-height:0 !important}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step13{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14{width:100%}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14 .img{width:50%;margin:0 auto}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14 strong{width:50%;margin:0 auto;text-align:left}#wrap.remodeling.procedure .sec02 .step_wrap ul li .border{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area{height:auto;position:relative;inset:auto;padding:0;display:block;margin-bottom:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot{flex:0 0 max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));width:100%;height:auto;position:relative;background:none !important}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot p{display:inline-block;vertical-align:top;position:relative;inset:auto;font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;white-space:normal;border-radius:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot p:before{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot:before{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type3{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);background:#223d6d;z-index:2}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .dot.type3:before{background:#dbe0e9}#wrap.remodeling.procedure .sec02 .step_wrap ul li .dir_area .line{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl{padding-left:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dt{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.3}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd p{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.5}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd p br{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd p+span{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li dl dd span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.5}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc{padding:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))) max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));background:#f3f4f6;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc p{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.3}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc p+span{margin-top:max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li .desc span{font-size:max(calc(14px * var(--base-ratio)), calc(calc(14 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.03em;line-height:1.5}#wrap.remodeling.procedure .sec02 .step_wrap ul li strong{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em}#wrap.remodeling.procedure .sec02 .step_wrap ul li .img{position:relative;inset:auto}}@media(max-width: 767px){#wrap.remodeling.procedure .sec02 .step_wrap ul{gap:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.procedure .sec02 .step_wrap ul li{width:100%}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step13{display:none}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14{width:100%}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14 .img{width:100%}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14 .img img{width:100%}#wrap.remodeling.procedure .sec02 .step_wrap ul li.step14 strong{width:100%;text-align:left}}#wrap.remodeling.performance.list .search_area{margin:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent)));display:flex;justify-content:center;width:100%;padding:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));gap:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));background-color:#f3f4f6}#wrap.remodeling.performance.list .search_area .custom_select_area .select{width:max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .search_area .input_area{width:max(calc(344px * var(--base-ratio)), calc(calc(344 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .search_area .input_area .input{max-width:100%}@media(max-width: 1024px){#wrap.remodeling.performance.list .search_area{margin:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent))) 0;padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .search_area .custom_select_area .select{width:max(calc(200px * var(--base-ratio)), calc(calc(200 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .search_area .input_area{width:calc(100% - max(calc(208px * var(--base-ratio)), calc(calc(208 / var(--base-size)) * var(--base-percent))))}}@media(max-width: 767px){#wrap.remodeling.performance.list .search_area{flex-direction:column;margin:max(calc(50px * var(--base-ratio)), calc(calc(50 / var(--base-size)) * var(--base-percent))) 0 max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));padding:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .search_area .custom_select_area .select{width:100%}#wrap.remodeling.performance.list .search_area .input_area{width:100%}}#wrap.remodeling.performance.list .tab_search_wrap{padding-top:0}#wrap.remodeling.performance.list .tab_search_wrap .info_text{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.2777777778;letter-spacing:-0.02em;font-weight:400}#wrap.remodeling.performance.list .tab_search_wrap .info_text span{color:#223d6d;font-weight:700}@media(max-width: 1024px){#wrap.remodeling.performance.list .tab_search_wrap{display:flex}#wrap.remodeling.performance.list .tab_search_wrap .tab_area{width:auto}#wrap.remodeling.performance.list .tab_search_wrap .info_text{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}}@media(max-width: 767px){#wrap.remodeling.performance.list .tab_search_wrap{display:block;padding-bottom:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .tab_search_wrap .tab_area{width:100%}#wrap.remodeling.performance.list .tab_search_wrap .info_text{width:100%;margin-top:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.performance.list .complex_contents .complex_list ul{display:flex;align-items:start;flex-wrap:wrap;gap:max(calc(60px * var(--base-ratio)), calc(calc(60 / var(--base-size)) * var(--base-percent))) max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list{width:calc(33.333333% - max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent)))/3)}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner{display:block;width:100%;height:100%;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));transition:.2s ease}@media(min-width: 1025px)and (pointer: fine){#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner:hover{box-shadow:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) rgba(0,0,0,.2)}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner:hover .box{border-color:#223d6d}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner:hover .txt_area{border-color:#223d6d}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner:hover .img_wrap{transform:scale(1.1)}}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .thumb_area{overflow:hidden;position:relative;width:100%;height:auto;padding-top:71.5%;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) 0 0}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .thumb_area .img_wrap{position:absolute;top:0;left:0;width:100%;height:100%;transition:.5s ease}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .thumb_area img{position:relative;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:normal;flex-direction:column;border:1px solid #d1d5db;border-top:none;border-radius:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent))) max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));transition:.2s ease}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area{min-height:max(calc(290px * var(--base-ratio)), calc(calc(290 / var(--base-size)) * var(--base-percent)));padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .tag_wrap{display:flex;flex-wrap:wrap;justify-content:start;align-items:center;margin:0 0 max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .name{display:block;margin:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.28125;max-height:2.5625em;font-weight:700;color:#161d27;word-break:keep-all}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .info{margin:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))) 0 0}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .info p{margin:0 0 max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1.2777777778;letter-spacing:-0.02em}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .info p:last-child{margin:0}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .info p>span{display:inline-block;margin-right:max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)));font-weight:500;color:#161d27}@media(max-width: 1024px){#wrap.remodeling.performance.list .complex_contents .complex_list ul{gap:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent))) max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list{width:calc(50% - max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))/2)}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .thumb_area{padding-top:71.3%}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box{border-radius:0 0 max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent))) max(calc(4px * var(--base-ratio)), calc(calc(4 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area{padding:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent))) max(calc(13px * var(--base-ratio)), calc(calc(13 / var(--base-size)) * var(--base-percent))) max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));min-height:max(calc(230px * var(--base-ratio)), calc(calc(230 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt{word-break:keep-all}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .name{margin:0 0 max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));font-size:max(calc(25px * var(--base-ratio)), calc(calc(25 / var(--base-size)) * var(--base-percent)));line-height:1.28;letter-spacing:-0.02em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;word-wrap:normal;line-height:1.28;max-height:2.56em}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .info{margin:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent))) 0 0}#wrap.remodeling.performance.list .complex_contents .complex_list .list .list_inner .box .txt_area .txt .info p{margin:0 0 max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.25;letter-spacing:-0.02em}}@media(max-width: 767px){#wrap.remodeling.performance.list .complex_contents .complex_list ul{gap:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.list .complex_contents .complex_list .list{width:100%}}#wrap.remodeling.performance.view .sec01{padding:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent))) 0 max(calc(160px * var(--base-ratio)), calc(calc(160 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01+.sec03{border-top:1px solid #d1d5db}#wrap.remodeling.performance.view .sec01 .title{text-align:center}#wrap.remodeling.performance.view .sec01 .title p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(56px * var(--base-ratio)), calc(calc(56 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5;font-weight:700;color:#161d27}#wrap.remodeling.performance.view .sec01 .desc{margin:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) auto 0;padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent))) max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));background:#f6f6f6;display:flex}#wrap.remodeling.performance.view .sec01 .desc dl{flex:1;padding-left:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));position:relative}#wrap.remodeling.performance.view .sec01 .desc dl dt{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:500;line-height:1.5;color:#000}#wrap.remodeling.performance.view .sec01 .desc dl dt i{width:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));height:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)));position:absolute;left:0;top:0}#wrap.remodeling.performance.view .sec01 .desc dl dd{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:400;line-height:1.5;color:#6b7280}#wrap.remodeling.performance.view .sec01 .slider_wrap{margin-top:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .topSwiper .img_wrap{position:relative;width:100%;height:0;padding-top:55.5%}#wrap.remodeling.performance.view .sec01 .slider_wrap .topSwiper .img_wrap img{position:absolute;left:0;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper{overflow-x:hidden;position:relative;width:max(calc(848px * var(--base-ratio)), calc(calc(848 / var(--base-size)) * var(--base-percent)));margin:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent))) auto 0;padding:0 max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper.center .swiper-wrapper{justify-content:center}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide{position:relative;width:calc(33.333333% - max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent))));height:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)));cursor:pointer;outline:3px solid rgba(0,0,0,0);outline-offset:-3px;margin-right:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide:last-child{margin-right:0}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide.active{outline-color:#223d6d}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide.active:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));height:max(calc(48px * var(--base-ratio)), calc(calc(48 / var(--base-size)) * var(--base-percent)));background:url(/resources/images/complex/construction/view/icon_swiper_active.svg) center no-repeat;background-size:100% auto}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next,#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev{top:0;width:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)));height:100%;margin-top:0;background-color:#fff;background-image:none;opacity:1}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next:before,#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));height:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)));background-repeat:no-repeat;background-position:center;background-size:cover;background-image:url("/resources/images/complex/icon_prev_gray.svg")}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next.swiper-button-disabled:before,#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev.swiper-button-disabled:before{opacity:.3}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev{right:auto;left:0}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev:before{background-image:url("/resources/images/complex/icon_prev_gray.svg")}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next{right:0;left:auto}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next:before{background-image:url("/resources/images/complex/icon_next_gray.svg")}@media(max-width: 1024px){#wrap.remodeling.performance.view .sec01{padding:max(calc(100px * var(--base-ratio)), calc(calc(100 / var(--base-size)) * var(--base-percent))) 0 max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .title p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));font-size:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.remodeling.performance.view .sec01 .desc{margin:max(calc(64px * var(--base-ratio)), calc(calc(64 / var(--base-size)) * var(--base-percent))) auto 0;padding:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .desc dl dt{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.remodeling.performance.view .sec01 .desc dl dd{font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.5}#wrap.remodeling.performance.view .sec01 .slider_wrap{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .topSwiper .img_desc{bottom:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)));left:max(calc(12px * var(--base-ratio)), calc(calc(12 / var(--base-size)) * var(--base-percent)));font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent)));line-height:1.5;letter-spacing:-0.02em}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper{margin:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent))) 0 0;width:100%}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide{width:calc(33.333333% - max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent))));height:max(calc(96px * var(--base-ratio)), calc(calc(96 / var(--base-size)) * var(--base-percent)));margin-right:max(calc(15px * var(--base-ratio)), calc(calc(15 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide.active:after{width:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)));height:max(calc(38px * var(--base-ratio)), calc(calc(38 / var(--base-size)) * var(--base-percent)))}}@media(max-width: 767px){#wrap.remodeling.performance.view .sec01 .desc{display:block}#wrap.remodeling.performance.view .sec01 .desc dl+dl{margin-top:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper{margin:max(calc(22px * var(--base-ratio)), calc(calc(22 / var(--base-size)) * var(--base-percent))) auto 0;padding:0 max(calc(33px * var(--base-ratio)), calc(calc(33 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide{height:auto;position:relative;padding-top:17.5%;width:calc(33.333333% - max(calc(6px * var(--base-ratio)), calc(calc(6 / var(--base-size)) * var(--base-percent))));margin-right:max(calc(9px * var(--base-ratio)), calc(calc(9 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide img{position:absolute;left:0;top:0;z-index:-1}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-slide.active:after{width:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)));height:max(calc(19px * var(--base-ratio)), calc(calc(19 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next,#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev{width:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-next:before,#wrap.remodeling.performance.view .sec01 .slider_wrap .gallerySwiper .swiper-button-prev:before{width:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)));height:max(calc(32px * var(--base-ratio)), calc(calc(32 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.performance.view .sec02{padding:max(calc(140px * var(--base-ratio)), calc(calc(140 / var(--base-size)) * var(--base-percent))) 0;background:#f3f4f6}#wrap.remodeling.performance.view .sec02 .tit p{font-size:max(calc(36px * var(--base-ratio)), calc(calc(36 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3;font-weight:700;color:#161d27}#wrap.remodeling.performance.view .sec02 .cont{overflow:hidden;background:#fff;border-radius:max(calc(8px * var(--base-ratio)), calc(calc(8 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec02 .cont dl{padding:max(calc(40px * var(--base-ratio)), calc(calc(40 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec02 .cont dl+dl{border-top:1px solid #d1d5db}#wrap.remodeling.performance.view .sec02 .cont dl dt{font-size:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;font-weight:700;line-height:1.3;color:#161d27}#wrap.remodeling.performance.view .sec02 .cont dl dd{padding-top:max(calc(10px * var(--base-ratio)), calc(calc(10 / var(--base-size)) * var(--base-percent)));font-size:max(calc(18px * var(--base-ratio)), calc(calc(18 / var(--base-size)) * var(--base-percent))) !important;line-height:1.5 !important;color:#4b5563 !important;font-weight:500 !important;word-break:keep-all;word-wrap:break-word}#wrap.remodeling.performance.view .sec02 .cont dl dd p+p{margin-top:max(calc(24px * var(--base-ratio)), calc(calc(24 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.remodeling.performance.view .sec02{padding:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent))) 0 max(calc(110px * var(--base-ratio)), calc(calc(110 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec02 .tit{margin-bottom:max(calc(52px * var(--base-ratio)), calc(calc(52 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec02 .tit p{font-size:max(calc(28px * var(--base-ratio)), calc(calc(28 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.performance.view .sec02 .cont dl{padding:max(calc(30px * var(--base-ratio)), calc(calc(30 / var(--base-size)) * var(--base-percent)))}#wrap.remodeling.performance.view .sec02 .cont dl dt{font-size:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)));line-height:1;letter-spacing:-0.02em;line-height:1.3}#wrap.remodeling.performance.view .sec02 .cont dl dd{font-size:max(calc(16px * var(--base-ratio)), calc(calc(16 / var(--base-size)) * var(--base-percent))) !important;line-height:1.5 !important}#wrap.remodeling.performance.view .sec02 .cont dl dd p+p{margin-top:max(calc(20px * var(--base-ratio)), calc(calc(20 / var(--base-size)) * var(--base-percent)))}}#wrap.remodeling.performance.view .sec03 .btn_wrap{margin-top:max(calc(120px * var(--base-ratio)), calc(calc(120 / var(--base-size)) * var(--base-percent)))}@media(max-width: 1024px){#wrap.remodeling.performance.view .sec03 .btn_wrap{margin-top:max(calc(80px * var(--base-ratio)), calc(calc(80 / var(--base-size)) * var(--base-percent)))}}