body{width:100%;background-color:#d9d9d9}.hero,.SolarWaterHeater-description,.merit{overflow-x:clip}body.is-intro header{display:none}.intro{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity 1s cubic-bezier(0,0,.2,1);pointer-events:none;min-height:100vh}.introStage{position:fixed;inset:0;overflow:hidden;display:grid;place-items:center}#mapWorld{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;z-index:3;background-color:#c5c5c5}#japanMap{width:auto;height:100vh;transform:none;opacity:0}#mapOffset{display:grid;place-items:center}.intro.is-hidden{display:none;opacity:0;pointer-events:none}.charStage{position:absolute;pointer-events:none;opacity:0;left:50%;top:70%;transform:translate(-50%,-50%);z-index:5}#charStage img{position:absolute}.charStage.is-on{opacity:1}.s1,.s2{width:min(100px,10vw)}.pine{width:min(50px,5vw)}.introLeadPos,.introCatchPos,.introTextPos{position:absolute}.okinawa-lead,.okinawa-catch,.okinawa-text{font-size:3rem;font-weight:600;font-family:'M PLUS 2',sans-serif;opacity:0;letter-spacing:.06em;z-index:2}.okinawa-lead{color:#463534}.introLeadPos{position:absolute;top:20%;left:15%;width:min(60vw,800px);text-align:left;display:inline-block;overflow-wrap:anywhere}.okinawa-catch{color:#463534}.introCatchPos{position:absolute;top:20%;left:15%;width:min(60vw,800px);display:block;z-index:2;text-align:left;overflow-wrap:anywhere}.okinawa-text{color:#fff}.introTextPos{position:absolute;top:35%;left:15%;z-index:2;width:min(60vw,800px);text-align:left;overflow-wrap:anywhere}.intro-bg{position:absolute;inset:0;z-index:0;width:100vw;height:100vh;opacity:0;transition:opacity 8s cubic-bezier(.41,.16,.14,.86);transform:scale(1.05);object-fit:cover}.intro-bg.is-on{opacity:1}.reveal-up{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .7s ease;will-change:opacity,transform}.reveal-up.is-inview{opacity:1;transform:translateY(0)}.site-catch{position:absolute;top:50px;left:50px;font-size:24px;color:#fff}.site-title{position:absolute;top:100px;left:50px;font-size:32px;color:#fff}.introduce-wrapper{margin:200px 0 100px;background-image:url(//okinawasl.sakura.ne.jp/wp/wp-content/themes/okinawa-smartlife/assets/css/../img/okinawa.svg);background-position:50% 30%;background-repeat:no-repeat;background-size:65%;height:170vh}.introduce-wrapper{opacity:0}.hero{position:relative}.hero h1{font-size:clamp(1.9rem,2.6rem,3rem)}.hero-title-box{min-width:476px;width:50%;margin-inline:auto;padding-bottom:300px}.map1{position:absolute;top:0;left:0}.hero__title{padding:60px 50px;line-height:6rem}.hero__catch{margin:800px 0;display:block;width:fit-content;margin-inline:auto;font-size:1.3rem;line-height:5rem}.hero-image{margin-bottom:150px}.okinawa-imageillust-box{width:100vw;position:fixed;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;right:0;bottom:0;z-index:20}.okinawa-imageillust-box img{width:13%;height:auto}.okinawa-imageillust2{margin-right:-16px;margin-bottom:6px;transform:scale(1.15)}.circle-illust img{margin-left:14%;margin-top:25%;z-index:1}.circle-left img{width:70%;height:auto;z-index:1}.circle-right img{width:50%;height:auto;z-index:1}.circle-left{position:absolute;top:15vh;left:-5%;border-radius:43% 57% 49% 51%/49% 40% 60% 51%;background-color:#efece6;width:25%;aspect-ratio:1/1;height:auto;z-index:1}.circle-right{position:absolute;top:77vh;right:-8%;border-radius:53% 47% 41% 59%/59% 47% 53% 41%;background-color:#efece6;width:25%;aspect-ratio:1/1;height:auto;z-index:1}.dammy{width:10px;height:10px}.message{position:relative;height:200vh}.okinawa-scene-wrapper{position:sticky;top:0;height:100vh;overflow:hidden}.okinawa-scene{width:100vw;height:100vh;display:block}.okinawa-scene img{object-fit:cover}.okinawa-scene.is-dark{filter:brightness(.4)}.okinawa-scene.is-light{position:absolute;top:0;left:0;clip-path:inset(50% 50% 50% 50%);transition:clip-path 1.2s cubic-bezier(0,0,.2,1)}.message.is-active .okinawa-scene.is-light{clip-path:inset(0% 0% 0% 0%)}.message-text{position:absolute;top:45%;left:50%;font-size:var(--fz-100);line-height:4rem;background-color:#ffffff98;padding:100px 50px;z-index:10;min-width:420px;text-shadow:.1px .1px 1px #cbc7c7;opacity:0;transform:translate(-50%,-50%) scale(.98);transition:none}.message.is-active .message-text{opacity:1;transform:translate(-50%,-50%)}.services{width:40%;max-width:800px;margin-inline:auto;padding:300px 0}.services h2,.btn{text-align:right}.service-deco{border-width:1px 0 0;border-style:solid;border-color:#7e7575}.service-card p{font-size:var(--fz-100)}.service-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:30px}.service-container img{width:40%}.service-container P{padding:20px 0;line-height:1.5rem}.comingsoon{text-align:left}.SolarWaterHeater{padding:150px 0 0;background-color:#e6e6e6}.SolarWaterHeater-title-box{display:flex;flex-direction:row;justify-content:center;align-items:center;width:clamp(50%,55%,60%);margin-inline:auto}.SolarWaterHeater-title-box img{width:40%;height:auto;max-width:300px}.SolarWaterHeater-title h2,.SolarWaterHeater-title p{color:#ff9800}.SolarWaterHeater-title h2{font-weight:600}.SolarWaterHeater-title{padding:20px}.SolarWaterHeater-img{width:30%;display:block;margin-top:150px;margin-inline:auto}.SolarWaterHeater-catch{text-align:center;margin:150px 0;font-size:var(--fz-300)}.SolarWaterHeater-msg{text-align:center;font-size:var(--fz-300);line-height:3rem}.circle-left-solar{position:absolute;top:10vh;left:-5%;border-radius:43% 57% 49% 51%/49% 40% 60% 51%;background-color:#efece6;width:25%;aspect-ratio:1/1;height:auto;z-index:1}.circle-right-solar{position:absolute;top:77vh;right:-8%;border-radius:53% 47% 41% 59%/59% 47% 53% 41%;background-color:#efece6;width:25%;aspect-ratio:1/1;height:auto;z-index:1}.circle-left-solar img{width:70%;height:auto;z-index:1}.circle-right-solar img{width:50%;height:auto;z-index:1}.photo-stop{height:300vh;margin-top:150px}.photo-stop__sticky{position:sticky;top:0;height:100vh;overflow:hidden;z-index:1}.photo-stop__media{height:100%;background-image:url(//okinawasl.sakura.ne.jp/wp/wp-content/themes/okinawa-smartlife/assets/css/../img/SolarWaterHeater.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.SolarWaterHeater-description{width:100%;position:relative;background-color:#d9d9d9;position:relative;z-index:2;margin-top:-100vh;padding-top:150px}.SolarWaterHeater-description-wrapper{width:40%;max-width:800px;margin-inline:auto;padding:300px 0}.SolarWaterHeater-description_text{font-size:var(--fz-100);line-height:3rem}.circle-illust-solar img{margin-left:10%;margin-top:13%}.circle-right img{width:50%;height:auto}.circle-left-solar{position:absolute;top:15vh;left:-5%;border-radius:43% 57% 49% 51%/49% 40% 60% 51%;background-color:#efece6;width:25%;aspect-ratio:1/1;height:auto}.merit{width:100%;display:flex;flex-direction:column;gap:80px;padding:100px 0 0;background-color:#d9d9d9;position:relative;z-index:1}.merit h2{text-align:center}.smaller{font-size:18px;text-align:right}.merit-sticky-wrap{height:auto;position:relative}.merit-sticky{margin-top:200px;position:sticky;top:50%;height:50vh;transform:translateY(-50%);z-index:5}.merit-card-container{position:absolute;inset:0;opacity:0;transform:translateY(5%)}.merit-card{width:clamp(700px,800px,1000px);margin-top:100px;margin-inline:auto;background-color:#cbcbcb;border-radius:30px;padding:50px;position:relative;display:flex;flex-direction:column;gap:20px}.merit-card-container{pointer-events:none}.merit-card-container.is-active{pointer-events:auto}.merit-card-container.is-active .merit-btn{pointer-events:auto}.merit-card-container.is-prev{transform:translateY(-2%) scale(.98);z-index:1}.merit-card-container.is-active{opacity:1;transform:translateY(0)}.merit-trigger{height:50vh}.merit-trigger.is-spacer{height:100vh}.merit-deco1{position:absolute;top:100vh;z-index:1}.merit-deco1 img{width:60%;height:auto}.merit-deco2{position:absolute;top:200vh;z-index:1}.merit-deco3{position:absolute;top:350vh;z-index:1}.circle-illust-merit img{position:absolute;margin-left:60px;margin-top:80px;z-index:1;opacity:.75}.circle-left-merit{position:absolute;top:15vh;left:-5%;border-radius:43% 57% 49% 51%/49% 40% 60% 51%;background-color:#efece6;width:25%;aspect-ratio:1/1;height:auto}.ribbon-wrapper{background-color:#d9d9d9}.ribbon{display:inline-block;position:absolute;top:5%;left:-.5%;transform:rotate(-30deg);height:40px;line-height:40px;text-align:center;padding:0 30px;font-size:18px;background:#f6c445;color:#fff;box-sizing:border-box}.ribbon:before,.ribbon:after{position:absolute;content:'';width:0;height:0;z-index:1}.ribbon:before{top:0;left:0;border-width:20px 0 20px 10px;border-color:transparent transparent transparent #cbcbcb;border-style:solid}.ribbon:after{top:0;right:0;border-width:20px 10px 20px 0;border-color:transparent #cbcbcb transparent transparent;border-style:solid}.merit-card h3{text-align:center;font-size:var(--fz-400);font-weight:500}.merit-content{position:relative;padding:0 50px;display:flex;flex-direction:row;align-items:center}.merit-visual{position:relative;height:250px;width:260px;inset:0;pointer-events:none;flex:0 0 260px}.merit-num{font-size:200px;line-height:1;font-family:'M PLUS 2',sans-serif;font-weight:900;color:rgba(255,255,255,.95);text-shadow:0 2px 0 rgba(0,0,0,.04);position:absolute;inset:0;z-index:2}.merit-content img{width:50px;height:auto;position:absolute}.shisa-img1{top:55%;left:60%;transform:rotate(-20deg);z-index:1}.shisa-img2{top:30%;left:56%;transform:rotate(160deg);z-index:1}.shisa-img3{top:15%;left:-5%;transform:rotate(-40deg);z-index:1}.shisa-img4{top:35%;left:83%;transform:rotate(30deg);z-index:1}.shisa-img5{top:53%;left:-5%;transform:rotate(-70deg);z-index:1}.shisa-img6{top:47%;left:65%;transform:rotate(0deg);z-index:1}.shisa-img7{top:0;left:17%;z-index:1}.shisa-img8{top:0;left:64%;z-index:1}.merit-text{width:50%;margin-left:auto;margin-right:10px;font-size:var(--fz-100);line-height:2rem;display:flex;flex-direction:column;gap:10px}.merit-text p{margin:0}.merit-btn{display:inline-flex}.contact-section{margin:0;display:flex;align-items:center;justify-content:center;background-image:url(//okinawasl.sakura.ne.jp/wp/wp-content/themes/okinawa-smartlife/assets/css/../img/離島2.png);background-repeat:no-repeat;background-size:100%;object-fit:fill}.closing__cta{margin:400px 0 400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:150px;text-align:center;width:30%;line-height:3rem}.contact-btn{margin-inline:auto;display:flex;align-items:center;justify-content:center;width:180px;height:50px;background-color:#ff9800;color:#fff;font-size:var(--fz-100);font-weight:700;border-radius:25px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}@media (min-width:767px) and (max-width:1023px){.okinawa-lead,.okinawa-catch,.okinawa-text{font-size:clamp(20px,10vw,2.4rem);font-weight:600;text-align:center}.introTextPos,.introCatchPos{left:10%;width:fit-content}.message-text{min-width:432px;padding:100px 40px}.services{width:60%}.SolarWaterHeater-title-box{width:clamp(50%,70%,80%)}.SolarWaterHeater-img{width:60%}.SolarWaterHeater-description-wrapper{width:60%}.merit-card-container{padding:10px}.merit-content{padding:30px 0}.merit-card{padding:40px;width:clamp(680px,700px,1000px)}.circle-illust-merit img{position:absolute;margin-left:18%;margin-top:20%}.closing__cta{width:40%;font-size:var(--fz-300)}.contact-btn{width:240px;height:80px;border-radius:40px}}@media (max-width:1023px){.merit-sticky-wrap{height:800px}.merit-sticky{position:static !important;top:auto !important;height:auto !important;overflow-x:auto;display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:0 16px 16px;scroll-padding:16px;margin-top:300px}.merit-sticky>.merit-card-container{flex:0 0 80%;scroll-snap-align:center;position:static !important;opacity:1 !important;visibility:visible !important;transform:scale(.94);opacity:.55;transition:transform .18s ease,opacity .18s ease;transform-origin:center center}.merit-card-container.is-active{transform:scale(1);opacity:1}.merit-sticky:before,.merit-sticky:after{content:"";flex:0 0 7.5%}.merit-sticky>* .merit-card{opacity:1 !important;visibility:visible !important}.merit-sticky-wrap{overflow:visible !important}.merit-card{height:450px;width:auto}.merit-deco1,.merit-deco2,.merit-deco3{display:none}.contact-section{margin:0;display:flex;align-items:center;justify-content:center;background-image:url(//okinawasl.sakura.ne.jp/wp/wp-content/themes/okinawa-smartlife/assets/css/../img/離島2.png);background-repeat:no-repeat;background-size:100%;object-fit:fill}.merit-trigger{display:none}}@media (max-width:767px){.okinawa-lead,.okinawa-catch,.okinawa-text{font-size:1.4rem;text-align:center}.introCatchPos,.introTextPos{left:50%;transform:translateX(-50%);width:min(92vw,370px)}.introTextPos{margin-top:30px}.introduce-wrapper{margin:100px 0}.hero h1{font-size:clamp(1rem,2rem,2.5rem)}.hero__title{line-height:4rem}.hero__catch{margin-inline:auto}.circle-left{top:30vh;transform:scale(1.4)}.circle-illust img{margin-left:14%;margin-top:25%;width:80%}.circle-right{transform:scale(1.1);top:60vh}.hero__catch{margin-block:200px;margin-inline:auto;margin-top:500px}.message-text{line-height:2.5rem;padding:50px 25px;min-width:340px}.services{width:80%}.service-card_subtitle{margin:0}.SolarWaterHeater-title-box{width:80%;flex-direction:column-reverse}.SolarWaterHeater-title h2{font-size:2rem}.SolarWaterHeater-title-box img{width:60%}.SolarWaterHeater-title p{text-align:center}.SolarWaterHeater-img{width:60%}.SolarWaterHeater-description{padding:0}.SolarWaterHeater-description-wrapper{padding:150px 0;width:80%}.circle-left-solar{top:7%}.circle-right-solar{top:85%}.merit{z-index:5}.merit h2{font-size:1.3rem}.merit-card{padding:30px 10px;height:580px;overflow:hidden}.merit-content{flex-direction:column;padding:0}.merit-text{margin-top:-50px;width:85%;margin-inline:auto}.ribbon{top:-3%;left:-16%;transform:scale(.8) rotate(-30deg)}.merit-card-container{pointer-events:auto}.merit-card-container.is-active{pointer-events:auto}.merit-card-container.is-active .merit-btn{pointer-events:auto}.closing__cta{width:80%;margin:200px 0 250px}}