.hero-anim__sub,.hero-anim__main,.hero-anim__catch{opacity:0;transform:translateY(14px)}body.hero-play .hero-anim__sub{animation:heroIn .7s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.1s}body.hero-play .hero-anim__main{animation:heroInMain .9s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.35s}body.hero-play .hero-anim__catch{animation:heroIn .8s cubic-bezier(.2,.9,.2,1) forwards;animation-delay:.7s}@keyframes heroIn{to{opacity:1;transform:translateY(0)}}@keyframes heroInMain{0%{opacity:0;transform:translateY(12px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}.solar-shell{width:100%}.solar-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;align-items:start}.toc__list{font-size:.85rem;line-height:1.35}.solar-aside{margin-top:160px;position:sticky;top:120px;height:max-content;z-index:5}.solar-aside.is-visible{visibility:visible;pointer-events:auto}.solar-hero{min-height:10vh}.solar-main{grid-column:2;max-width:800px;background-color:transparent;position:relative}.solar-hero{width:100%;object-fit:cover;height:auto;position:relative}.hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(80%)}.page-hero-catch{position:absolute;top:40%;left:25%;color:#fff;font-size:2rem;line-height:3.5rem}.okinawa-imageillust-box{display:none;position:fixed;left:0;bottom:0;width:100%;justify-content:space-between;align-items:flex-end;z-index:20}.okinawa-imageillust-box>img{flex:0 0 10%;max-width:10%;height:auto}body{background-color:#d9d9d9}section.is-full-bg{background-color:#c4c4c4;grid-column:1/-1;width:100vw;margin-left:calc(50% - 50vw)}.solar-title{position:absolute;left:300px;top:40px;display:flex;flex-direction:row;align-items:center;justify-content:right;gap:30px;margin-bottom:50px}.title-logo{width:120px}.hero-title{display:flex;flex-direction:column;color:#fff;margin-top:120px;transform:scale(1.5)}.hero-title__sub{font-size:1rem}h1{font-size:1rem}h2{color:#444;font-weight:500}.h2-box{display:flex;flex-direction:column;align-items:flex-start}.h2-catch{margin:0;font-weight:400}h3{font-size:var(--fz-300);font-weight:500}section{padding:30px 0}.solar-message{padding:150px 50px 100px}.message-title{display:flex;flex-direction:row;gap:30px;justify-content:center;font-size:var(--fz-200);align-items:center}.br-sp{display:inline}.title-illust{width:90px;padding-left:30px}.title-illust img{width:100%}.message-text{width:600px;margin-inline:auto;padding:50px;display:flex;flex-direction:column;gap:30px;line-height:3.5rem}.solar-aside{transition:opacity .3s ease}.solar-aside.is-dim{opacity:0;pointer-events:none}.merit-title-box{grid-column:2;width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px}.title-box{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:10px}.merit-rail{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-snap-type:x proximity}.merit-rail-wrap{position:relative}.rail-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:rgba(255,255,255,.85);box-shadow:0 6px 18px rgba(0,0,0,.15);cursor:pointer}.rail-btn--prev{left:8px}.rail-btn--next{right:8px}.merit-content-box{flex:0 0 700px;display:grid;grid-template-columns:1fr 2fr;margin-top:50px;background-color:#d9d9d9;padding:0 30px}.merit-num-box{position:relative;grid-column:1}.merit-illust{position:absolute;width:220px;height:auto;z-index:1}.merit-content{margin-right:0;margin-left:auto;grid-column:2}.merit-title{text-align:center;padding:50px 0 0}.merit-content p{font-size:var(--fz-100);text-align:left;padding:30px;line-height:2rem}.merit-num-box img{top:50%;transform:translateY(-50%)}.section-merit{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;padding:64px 0}.solar-inner-wrapper{width:100%}.structure-box{display:flex;flex-direction:column;gap:50px;background-color:#dcdcdc;border-radius:30px;box-shadow:2px 4px 8px 1px rgba(0,0,0,12%);padding:50px}.solar-structure-content{padding:50px 0;display:flex;flex-direction:column;gap:50px}.paragraph{background-color:#b5b5b5}.structure-text{line-height:2.5rem}.structure-img{width:80%;margin-inline:auto}.structure-img2{width:50%;margin-inline:auto}.structure-img img,.structure-img2 img{width:100%;text-align:center}.solar-support.is-full-bg{position:relative;background-image:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.35)),url(//okinawasl.sakura.ne.jp/wp/wp-content/themes/okinawa-smartlife/assets/css/../img/bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;color:#e3e3e3}.solar-support .solar-inner{background-color:transparent}.support{background-color:#27292dbb;padding:50px;border-radius:30px}.support-text-box{padding:0 30px;display:flex;flex-direction:column;gap:50px}section.solar-support.is-full-bg>div>div>div.title-box h2{color:rgba(255,255,255,.92)}.support-text{padding:20px 10px;line-height:2.8rem;color:rgba(255,255,255,.78)}.solar-fold{margin-top:12px}.solar-fold summary{list-style:none;cursor:pointer}.solar-fold summary::-webkit-details-marker{display:none}.solar-fold__summary{display:flex;flex-direction:column;align-items:center;gap:8px}.solar-fold__summary:after{content:"";width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid #f6c445;transform:translateX(10px)}.solar-fold[open] .solar-fold__summary:after{transform:rotate(90deg)}.solar-fold__body{margin-top:8px}.energy-life{display:flex;flex-direction:column;gap:50px;position:relative;margin-bottom:100px}.energy-life-title{position:sticky;top:60px}.energy-life-text-box{display:flex;flex-direction:column;gap:20px;padding:50px;background-color:#d2d2d2;border-radius:30px;box-shadow:2px 4px 8px 1px rgba(0,0,0,12%)}.el-stack{position:relative;margin-top:30px;display:flex;flex-direction:column;gap:30px;height:200vh}.el-card{position:sticky;top:180px;z-index:1;margin-top:24px;height:600px}.el-sentinel{height:1px}.energy-life-h3{border-left:8px solid #444;padding-left:30px}.energy-life-text{line-height:2.8rem}.example{line-height:1.8rem;font-weight:500}.faq-text{padding:50px;display:flex;flex-direction:column;gap:50px}.faq-q{display:flex;flex-direction:row;justify-content:space-between;background-color:#d1d1d1;padding:0 30px}.faq-q-text{line-height:3rem;display:block}.faq-icon{display:block;font-size:1.5rem}.solar-cta{width:100%;padding:300px 0}.solar-cta__inner{margin-inline:auto;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center;gap:80px}.solar-cta__inner img{width:25%}.solar-cta__button{display:inline-block;padding:12px 28px;border-radius:999px;background:#ff9800;color:#fff;font-weight:500;width:250px;text-decoration:none;box-shadow:0 6px 8px rgba(0,0,0,.11)}.solar-cta__button{width:250px}.faq-icon:before{content:"+"}details[open] .faq-icon:before{content:"−"}summary::-webkit-details-marker{display:none}summary{list-style:none}@media (min-width:1024px){.toc__row{display:flex;align-items:center;gap:8px;line-height:2rem}.toc__toggle{margin-left:auto;width:28px;height:28px;border:0;background:0 0;cursor:pointer;opacity:.75}.toc__toggle:before{content:"▾";display:inline-block;transform:rotate(-90deg)}.toc__toggle[aria-expanded=true]:before{transform:rotate(0deg)}.toc__sub{list-style:none;margin:6px 0 0;padding:0}.toc__sub.is-collapsed{display:none}.toc__link--h3{padding-left:18px;font-size:.92em;opacity:.9;line-height:2rem}.toc__link--h2{flex:1 1 auto;min-width:0}.toc__toggle{flex:0 0 auto;position:relative;z-index:2;pointer-events:auto}.toc__item a{color:#898989}}@media (min-width:1360px){.solar-inner{width:1250px;margin:0 auto;display:grid;grid-template-columns:450px 800px;align-items:start}.solar-main{grid-column:2;max-width:800px;background-color:transparent;position:relative}.message-text{width:700px}.page-hero-catch{top:40%;left:30%;color:#fff;font-size:2.5rem;line-height:3.5rem}.solar-title{position:absolute;left:20%;top:80px;display:flex;flex-direction:row;align-items:center;justify-content:right;gap:30px;margin-bottom:50px}h1{font-size:1.5rem;text-align:center}.hero-title{align-items:center}}@media (min-width:768px) and (max-width:1023px){.solar-aside{display:none}.solar-inner{display:block;max-width:920px;margin:0 auto;padding:0 20px}.solar-main{max-width:900px;margin:0 auto}.merit-rail{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.merit-content-box{flex:0 0 clamp(653px,85vw,876px);padding:0 30px}.merit-num-box--01 .merit-illust--shisuke{top:58%;left:72%;transform:rotate(-10deg)}.merit-num-box--02 .merit-illust--sako{top:44%;left:68%;transform:rotate(160deg)}.merit-num-box--03 .merit-illust--shisuke{top:34%;left:-5%;transform:rotate(-40deg)}.merit-num-box--04 .merit-illust--sako{top:48%;left:100%;transform:rotate(30deg)}.merit-num-box--05 .merit-illust--shisuke{top:55%;left:-13%;transform:rotate(-60deg)}.merit-num-box--06 .merit-illust--sako{top:54%;left:77%}.merit-num-box--07 .merit-illust--shisuke{top:10.2em;left:18%}.merit-num-box--07 .merit-illust--sako{top:10.2em;left:78%}}@media (max-width:767px){.solar-aside{display:none}.solar-inner{display:block;max-width:920px;margin:0 auto;padding:0 20px}.page-hero-catch{font-size:1.4rem;top:60%;left:15%;line-height:2.5rem;text-shadow:2px 3px 3px rgba(0,0,0,.6)}.solar-message{padding:100px 10px}.solar-title{left:80px;top:0;display:flex;flex-direction:row;align-items:center;justify-content:right;gap:30px;margin-bottom:50px}.hero-title__sub{font-size:.6rem}h1{font-size:.8rem}h2{font-size:20px}h3{font-size:18px}.title-box{padding:0}.message-text{width:90%;padding:50px 0;line-height:2.5rem}.message-title{font-size:var(--fz-100)}.br-sp{display:block}.msg-points{padding-left:12px}.solar-hero{position:relative}.solar-hero img{width:100%;height:100%;object-fit:cover;object-position:center}.message-text{width:90%}.merit-title{padding:0}.merit-title-box{padding:10px 30px}.merit-content-box{margin-top:30px;flex:0 0 90%;display:grid;grid-template-rows:1fr 4fr;grid-template-columns:1fr;background-color:#d9d9d9;padding:0 20px}.merit-num-box,.merit-content{grid-column:auto}.merit-num-box{grid-row:1;transform:scale(.6);width:100%;margin-top:-60px}.merit-num-box img{left:50%;transform:translateX(-50%);top:0}.merit-content{grid-row:2;height:fit-content;margin-top:-30px}.merit-text{padding:30px 0 0 !important}.merit-content p{margin-inline:0}#コイルタイプ真空管式温水器の仕組み{font-size:var(--fz-300);font-weight:600}.structure-box{padding:30px}.structure-img{width:100%;margin-inline:auto}.title-illust{width:50px;padding-left:5px}.support-text-box{padding:50px 0}.support{padding:30px 10px}.energy-life-title{position:relative}.el-card{position:relative;height:fit-content;top:auto}.el-stack{height:auto}.faq-text{padding:50px 10px}.faq-q{padding:0 10px}.faq-icon{padding-left:10px}.faq-a{padding:30px 0;line-height:2.2}.energy-life-text-box{padding:50px 30px;line-height:2.2}.energy-life-text{line-height:1.8;font-size:14px}.example{font-size:12px;padding-left:15px}.cta-catch img{width:55%}}