@charset "UTF-8";.sp{display:block}.pc{display:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}main.solar.simulation .simulator h2{font-size:2.4rem}main.solar.simulation .order-txArea img{width:90%}main.solar.simulation .simulator .order-txArea .ttl-bottomTx{margin-top:1.5rem;font-size:1.4rem;font-weight:700}main.solar.simulation .l-form{margin-bottom:10rem}main.solar.simulation .l-form .l-form-cont{margin:3rem auto 4rem;padding:2rem 2rem 3rem;width:100%;background-color:#fff;border-radius:1rem}main.solar.simulation .l-form .tit-step{margin-bottom:4rem;font-size:1.4rem;font-weight:700;line-height:1.5;text-align:left}main.solar.simulation .l-form .tit-step span{display:block;font-family:Poppins;font-weight:700;color:#fd994e;letter-spacing:.9px}main.solar.simulation .l-form .l-form-cont>select{width:100%;padding:1.5rem 1.6rem;border:2px solid #000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url(//hachidori-denryoku.jp/solar/wp-content/themes/hachidori-v01-1/assets/css/../../assets/img/solor/simulation/select-arrow.png) no-repeat right 1.8rem center/1.1rem auto}main.solar.simulation .l-form .point{margin-top:4rem;padding:1.3rem;background-color:#fffcdb;border-radius:5px;letter-spacing:normal}main.solar.simulation .l-form .point h4{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}main.solar.simulation .l-form .point h4 img{display:block;margin-right:.7rem;width:1.5rem}main.solar.simulation .l-form .point h4 div{font-family:Poppins;font-size:1.8rem;font-weight:700}main.solar.simulation .l-form .point p{font-size:1.5rem}main.solar.simulation .l-form .simulation-btn{margin-top:4rem;text-align:center}main.solar.simulation .l-form .simulation-btn button,main.solar.simulation .l-form .simulation-btn a{display:inline-block;margin:0 auto;width:310px;padding:2rem 0;color:#fff;font-size:1.6rem;font-weight:700;text-align:center;background-color:#000;border-radius:10rem}main.solar.simulation .l-form .simulation-prev-btn{margin-top:2rem;text-align:center}main.solar.simulation .l-form .simulation-prev-btn button{display:inline-block;margin:0 auto;width:260px;padding:1rem 0;color:#000;font-size:1.6rem;font-weight:700;text-align:center;background-color:#fff;border-radius:10rem}main.solar.simulation .input-wrap{border:3px solid #e6e6e6;cursor:pointer;-webkit-transition:color .3s,border-color .3s,background-color .3s;transition:color .3s,border-color .3s,background-color .3s}main.solar.simulation .roof-option{padding:1.7rem 2.2rem 2rem;border-radius:10px;text-align:center}main.solar.simulation .roof-option img{width:100%;display:block;margin:0 auto}main.solar.simulation .roof-option span{margin-bottom:1.4rem;display:block;font-size:1.6rem;font-weight:700;letter-spacing:normal}main.solar.simulation .input-wrap input{display:none}main.solar.simulation .input-wrap:has(input:checked){border-color:#fd994e;color:#ff7a17;background-color:#fffcdb}main.solar.simulation .being-option{display:block;width:100%;margin-bottom:1.5rem;padding:2rem;border-radius:10px}main.solar.simulation .being-option dl dt{font-size:1.8rem;font-weight:700;line-height:1.5}main.solar.simulation .being-option dl dd{font-size:1.4rem;font-weight:500;line-height:1.5}main.solar.simulation .l-form.result{margin-top:3rem}main.solar.simulation .l-form.result .l-form-cont{margin:3rem auto 3.5rem;padding:3rem 2rem 4rem;width:100%;background-color:#fff;border-radius:1rem}main.solar.simulation .l-form.result h3{text-align:center;margin-bottom:1.3rem}main.solar.simulation .l-form.result .form-wrap p{margin-top:2.4rem;font-size:1.5rem;line-height:1.5;letter-spacing:.45px;text-align:center}main.solar.simulation .l-form.result .result-tab{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0 15px;margin:1.4rem auto}main.solar.simulation .l-form.result .result-tab button{display:inline-block;width:calc(100%/3 - 1rem);width:calc(100%/1 - 1rem);padding-bottom:.7rem;color:#d9d9d9;font-size:1.8rem;font-weight:700;line-height:1.2;letter-spacing:.6px;background-color:transparent;border-bottom:5px solid #d9d9d9}main.solar.simulation .l-form.result .result-tab button.active{position:relative;color:#000}main.solar.simulation .l-form.result .result-tab button.active:before{content:'';position:absolute;bottom:-5px;left:0;right:0;margin:auto;width:100%;height:5px;background-color:#000}main.solar.simulation .l-form.result .result-tab button.active:after{content:'';position:absolute;bottom:-12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #000}main.solar.simulation .l-form.result .result-tab button:not(:last-child){margin-right:1.5rem}main.solar.simulation .l-form.result .form-wrap>figure{margin-top:1rem;text-align:center}main.solar.simulation .l-form.result .form-wrap>figure img{width:4.6rem}main.solar.simulation #crmWebToEntityForm.zcwf_lblLeft{padding:25px 0}.graph-container .flex{width:100%;-webkit-box-align:end;-ms-flex-align:end;align-items:end}.graph-wrap{width:100%}.graph-header{width:100%;padding:.6rem;color:#fff;font-size:1.6rem;font-weight:700;text-align:center;background-color:#000}.graph-content{width:100%;border-left:2px solid #333;position:relative}.graph-bar{margin:10px 0;-webkit-transition:width .5s ease;transition:width .5s ease;position:relative}.graph-bar.before{background-color:#44abc2;width:100%}.graph-bar.after{background-color:#f87373;width:0}.graph-label{position:absolute;bottom:50%;left:50%;-webkit-transform:translate(-50%,50%);-ms-transform:translate(-50%,50%);transform:translate(-50%,50%);width:100%;font-weight:700;text-align:center;line-height:1.5;letter-spacing:.03em}.graph-bar.before .graph-label{color:#fff;font-size:1.6rem;letter-spacing:.03em}.graph-bar.after .graph-label{font-size:1.6rem;letter-spacing:.03em;color:#ff4e4e;white-space:nowrap;width:auto;padding-left:1.5rem;left:100%;-webkit-transform:translate(0,50%);-ms-transform:translate(0,50%);transform:translate(0,50%)}.graph-bar .graph-label strong{font-size:2rem;font-weight:700}.graph-bar .graph-label small{font-weight:700;padding-left:.2rem}.total-saving{width:100%;text-align:right}.total-saving-wrap{width:100%;margin-top:4.7rem;padding:2.7rem;position:relative;font-size:1.6rem;font-weight:700;line-height:1.8;letter-spacing:.48px;text-align:center;background-color:#fffcdb;border-radius:5px}.total-saving-wrap img{display:block;width:13rem;position:absolute;top:-1.7rem;left:25%}.total-saving strong{font-size:3.2rem;font-weight:700;letter-spacing:.96px;color:#ff4e4e}.total-saving span{color:#ff4e4e;font-weight:700}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-content{background-color:#fefefe;padding:20px;border-radius:10px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);width:80%;max-width:600px;text-align:left}.modal-content p{text-align:center}.modal-footer{margin-top:1rem}.transparent-button{margin:0 0 0 auto;display:block;color:#999;font-size:1.5rem;font-weight:400;text-decoration:underline;border:none;cursor:pointer;background-color:transparent}.transparent-button.white{color:#fff;text-align:center}.transparent-button:hover{opacity:.6;background-color:transparent}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}#dashedLineCanvas{position:absolute;top:0;left:0;pointer-events:none}@media screen and (min-width:64em){.sp{display:none}.pc{display:block}main.solar.simulation .simulator h2{font-size:2.8rem}main.solar.simulation .order-txArea img{max-width:50rem}main.solar.simulation .simulator .order-txArea .ttl-bottomTx{margin-top:3rem;font-size:1.8rem}main.solar.simulation .l-form h3{font-size:1.8rem}main.solar.simulation .l-form .l-form-cont{padding:4rem 3rem 6rem;width:56rem}main.solar.simulation .roof-options{margin:0 6.5rem}main.solar.simulation .roof-option{padding:2rem 2.8rem 2.5rem}main.solar.simulation .roof-option img{max-width:12.5rem}main.solar.simulation .roof-option span{margin-bottom:1.75rem;font-size:1.8rem}main.solar.simulation .l-form.result{margin-top:8rem}main.solar.simulation .l-form.result .l-form-cont{margin:3rem auto 4rem;padding:6rem;width:93rem}main.solar.simulation .l-form.result .form-wrap p{margin-top:3rem;text-align:center}main.solar.simulation .l-form.result .result-tab{margin:4rem auto}.graph-container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}.graph-wrap{-webkit-box-flex:5;-ms-flex:5;flex:5;margin-right:3rem}.graph-container .flex{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.graph-bar.before .graph-label,.graph-bar.after .graph-label{font-size:1.6rem}.total-saving{-webkit-box-flex:4;-ms-flex:4;flex:4}.total-saving-wrap{margin-top:1.7rem;font-size:1.8rem;line-height:1.2}.total-saving-wrap img{width:17.5rem}.total-saving strong{font-size:3.5rem;line-height:1.8}.transparent-button{font-size:1.2rem}}main.solar #solar-simulation{border-radius:10px;padding-top:2rem;padding-bottom:3rem;background:#29ab9f;border-radius:0}@media screen and (max-width:767px){main.solar #solar-simulation{padding:2rem 2rem 3rem}}main.solar #solar-simulation .result-panel-tit{font-weight:700;color:#194e49}main.solar #solar-simulation .result-tab button.active:before{background:#194e49}main.solar #solar-simulation .result-tab button.active:after{border-top-color:#194e49}main.solar #solar-simulation .result-tit{background:#194e49;padding:.6em 0 .7em;font-size:1.8rem;font-weight:700;color:#fff;letter-spacing:.03em;line-height:1;text-align:center}@media screen and (max-width:64em){main.solar #solar-simulation .result-tit{font-size:1.6rem;margin:3rem 0 0}}main.solar #solar-simulation #zoho-form .zcwf_row .zcwf_col_lab span:after{background:#29ab9f}main.solar #solar-simulation #zoho-form .zcwf_row .zcwf_col_fld #formsubmit{border:none;background:#29ab9f !important;color:#fff}main.solar #solar-simulation .graph-container{margin:3rem 0 0}@media screen and (max-width:64em){main.solar #solar-simulation .graph-container{position:relative;margin:2rem 0 0}}@media screen and (max-width:64em){main.solar #solar-simulation .graph-container .flex{display:block}}@media screen and (max-width:64em){main.solar #solar-simulation #dashedLineCanvas{right:0;margin:0 auto}}main.solar #solar-simulation .graph-content-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:43.5rem;background:#f6f6f6;padding:1rem 5rem;border-radius:3px}@media screen and (max-width:64em){main.solar #solar-simulation .graph-content-wrap{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:.5rem 10vw .5rem 20vw}}main.solar #solar-simulation .graph-content{width:28rem}@media screen and (max-width:64em){main.solar #solar-simulation .graph-content{width:100%;max-width:360px}}main.solar #solar-simulation .graph-bar{height:10rem}@media screen and (max-width:64em){main.solar #solar-simulation .graph-bar{height:7rem;font-size:1.4rem}}@media screen and (max-width:64em){main.solar #solar-simulation .graph-label{font-size:1.4rem}main.solar #solar-simulation .graph-label strong{font-size:1.6rem}}main.solar #solar-simulation .graph-bar.plus{width:0}main.solar #solar-simulation .graph-bar-minus{position:absolute;right:calc(100% + 2px);height:100%;width:0;max-width:80px;background:inherit}@media screen and (max-width:64em){main.solar #solar-simulation .graph-bar-minus{max-width:50px}}main.solar #solar-simulation .graph-saving-wrap{width:34.5rem}@media screen and (max-width:64em){main.solar #solar-simulation .graph-saving-wrap{width:100%;margin:2rem auto 0}}main.solar #solar-simulation .graph-saving-wrap .ico{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:1.5rem;aspect-ratio:1/1;position:relative;margin:10px auto}main.solar #solar-simulation .graph-saving-wrap .ico:before,main.solar #solar-simulation .graph-saving-wrap .ico:after{content:"";position:absolute;width:100%;height:.3rem;background:#999}main.solar #solar-simulation .graph-saving-wrap .ico:after{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}main.solar #solar-simulation .graph-saving-wrap .transparent-button{margin-bottom:-3.4rem;padding-right:0}@media screen and (max-width:64em){main.solar #solar-simulation .graph-saving-wrap .transparent-button{margin-bottom:0}}main.solar #solar-simulation .graph-saving{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:.5rem 0;width:100%;height:7.2rem;background:#fff5f5;border:2px solid #f87373;border-radius:3px}main.solar #solar-simulation .graph-saving .tit{font-size:1.5rem;font-weight:700;letter-spacing:.03em;text-align:center;line-height:1;width:100%}main.solar #solar-simulation .graph-saving .price{font-size:1.5rem;font-weight:700;letter-spacing:.03em;text-align:center;line-height:1;width:100%}main.solar #solar-simulation .graph-saving .price strong{font-size:2.6rem;color:#ff4e4e}main.solar #solar-simulation .order-txArea{margin-bottom:2rem}main.solar #solar-simulation .order-txArea .ttl-en-underline{font-size:1.6rem}@media screen and (max-width:767px){main.solar #solar-simulation .order-txArea .ttl-en-underline{margin-bottom:0}}main.solar #solar-simulation .order-txArea .ttl-en-underline .ttl-en-underline__line{padding-bottom:0;text-shadow:none;border-bottom-color:#fff}main.solar #solar-simulation .order-txArea .ttl-big{font-size:3.2rem;font-weight:700;color:#fff;letter-spacing:.01em;border:none;padding:0;margin:1.4rem auto 2rem;line-height:1.5}@media screen and (max-width:767px){main.solar #solar-simulation .order-txArea .ttl-big{font-size:2.4rem;margin-top:.5rem}}main.solar #solar-simulation .order-txArea .ttl-bottomTx{color:#fff}main.solar #solar-simulation .order-txArea img{max-width:50rem}@media screen and (max-width:767px){main.solar #solar-simulation .order-txArea img{max-width:30.4rem}}main.solar #solar-simulation .l-form{margin:0;padding:0}main.solar #solar-simulation .l-form-cont{padding:4rem 3rem;margin-top:2rem;margin-bottom:3rem}@media screen and (max-width:767px){main.solar #solar-simulation .l-form-cont{padding:2rem;margin-bottom:2rem}}main.solar #solar-simulation .tit-step{font-size:1.8rem;border-top:none;border-bottom:none;padding:0;margin-top:0;margin-bottom:2rem}@media screen and (max-width:767px){main.solar #solar-simulation .tit-step{font-size:1.6rem}}main.solar #solar-simulation .tit-step span{color:#194e49}@media screen and (max-width:767px){main.solar #solar-simulation .tit-step span{font-size:1.4rem}}main.solar #solar-simulation .point{background:#eeeee3}main.solar #solar-simulation .simulation-btn{margin-top:3rem}@media screen and (max-width:767px){main.solar #solar-simulation .simulation-btn{margin-top:2rem}}main.solar #solar-simulation .simulation-btn button{max-width:31rem;width:100%;background:#194e49}@media screen and (max-width:767px){main.solar #solar-simulation .simulation-btn button{max-width:23rem}}@media screen and (max-width:767px){main.solar #solar-simulation .simulation-prev-btn{margin-top:1rem}}@media screen and (max-width:767px){main.solar #solar-simulation .simulation-prev-btn button{width:100%;max-width:20rem}}main.solar #solar-simulation .roof-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem;margin:0}main.solar #solar-simulation .roof-options .input-wrap{width:calc((100% - 3rem)/4);padding:1.5rem 0}@media screen and (max-width:64em){main.solar #solar-simulation .roof-options .input-wrap{width:calc((100% - 1rem)/2)}}@media screen and (max-width:767px){main.solar #solar-simulation .roof-options .input-wrap{padding:1.2rem 0}}main.solar #solar-simulation .roof-options .input-wrap:has(input:checked){border-color:#29ab9f;background:#f8ffce;color:#194e49}main.solar #solar-simulation .roof-options .input-wrap span{font-size:1.4rem;line-height:1}main.solar #solar-simulation .roof-options .input-wrap img{max-width:8.1rem}main.solar #solar-simulation .being-options{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:1rem}main.solar #solar-simulation .being-options .input-wrap{width:calc((100% - 2rem)/3);padding:1.4rem 1rem}@media screen and (max-width:64em){main.solar #solar-simulation .being-options .input-wrap{width:100%;padding:1.4rem 2rem;margin:0}}main.solar #solar-simulation .being-options .input-wrap:has(input:checked){border-color:#29ab9f;background:#f8ffce;color:#194e49}main.solar #solar-simulation .being-options .input-wrap dl{text-align:center}@media screen and (max-width:64em){main.solar #solar-simulation .being-options .input-wrap dl{text-align:left}}main.solar #solar-simulation .being-options .input-wrap dl dt{font-size:1.4rem}main.solar #solar-simulation .being-options .input-wrap dl dd{font-size:1.2rem;margin:.5rem 0 0}main.solar article #solar-simulation{border-radius:10px}@media screen and (max-width:767px){main.solar article #solar-simulation{padding:2rem 1rem 3rem}}main.solar article #solar-simulation .order-txArea .ttl-big{font-size:2.4rem;margin-top:.5rem}@media screen and (max-width:767px){main.solar article #solar-simulation .order-txArea .ttl-big{font-size:2rem}}main.solar article #solar-simulation .order-txArea img{max-width:30.4rem}@media screen and (max-width:767px){main.solar article #solar-simulation .order-txArea img{max-width:23rem}}.l-resultSupport{background-color:#f8ffce;border-radius:5px;padding:3rem 6rem 6rem;width:90%;margin-inline:auto;margin-top:8.5rem;position:relative}@media screen and (max-width:767px){.l-resultSupport{padding:2rem;width:100%;margin-top:4.6rem}}.l-resultSupport:before{content:"";width:27px;height:27px;background:url(//hachidori-denryoku.jp/solar/wp-content/themes/hachidori-v01-1/assets/css/../../assets/img/solor/simulation/plus.png) no-repeat center center/contain;position:absolute;left:0;right:0;top:0;transform:translateY(-200%);margin:auto}@media screen and (max-width:767px){.l-resultSupport:before{transform:translateY(-150%)}}.l-resultSupport__text{text-align:center;font-weight:700;font-size:1.8rem;margin-bottom:1.6rem}@media screen and (max-width:767px){.l-resultSupport__text{font-size:1.6rem;line-height:1.4;margin-bottom:1.6rem}}.l-resultSupport__text span{color:#ff4e4e;font-weight:700}.l-resultSupport__text em{font-size:3.5rem;font-style:normal;font-weight:700}@media screen and (max-width:767px){.l-resultSupport__text em{font-size:3.2rem;display:inline-block;line-height:1}}.l-resultSupport__box{background-color:#fff;border-radius:10px;padding-bottom:3rem}@media screen and (max-width:767px){.l-resultSupport__box{padding-bottom:2rem}}.l-resultSupport__box__ttl{background-color:#00b19f;text-align:center;height:4.7rem;border-radius:10px 10px 0 0;font-size:1.8rem;font-weight:700;color:#fff;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}@media screen and (max-width:767px){.l-resultSupport__box__ttl{font-size:1.6rem;height:4.3rem}}.l-resultSupport__box__ttl span{color:#f4ff1c;font-weight:700}.l-resultSupport__box__text{text-align:center;font-weight:700;font-size:1.6rem;margin-bottom:2rem}@media screen and (max-width:767px){.l-resultSupport__box__text{font-size:1.5rem;line-height:1.3}}.l-resultSupport__box__text span{color:#ff4e4e;font-weight:700}.l-resultSupport__box__text em{font-size:2.8rem;font-style:normal;font-weight:700}@media screen and (max-width:767px){.l-resultSupport__box__text em{font-size:2.4rem}}.l-resultSupport__box__img{display:block;margin-inline:auto;margin-bottom:2rem;max-width:90%}.l-resultSupport__box__lasttext{text-align:center;font-weight:400;font-size:1.5rem}@media screen and (max-width:767px){.l-resultSupport__box__lasttext{font-size:1.3rem;text-align:left;margin-inline:2rem}}.l-resultSupport__box__lasttext span{color:#ff4e4e;font-weight:700}