main{overflow-x:hidden}h2{text-align:center}.read{line-height:2}#firstview{position:relative}#firstview .fvOverlay{background:rgba(0,0,0,.5);height:calc(100% - 5px);left:0;position:absolute;top:0;width:100%;z-index:1}#firstview .fvImgArea img{-o-object-fit:cover;object-fit:cover;width:100%}#firstview .fvTextArea{color:#fff;position:absolute;z-index:2}#firstview .fvTextArea .desc,#firstview .fvTextArea .mainCopy,#firstview .fvTextArea .subCopy{text-shadow:0 0 2px rgba(0,0,0,.5)}#firstview .fvTextArea .subCopy{font-weight:700}#firstview .fvTextArea .mainCopy{font-weight:900;line-height:1.42}#firstview .fvTextArea .desc{font-weight:700}#firstview .fvBtnList li{position:relative}#firstview .fvBtnList li a{border-radius:3px;color:#fff;display:block;font-weight:700;padding:0;text-align:center}#firstview .fvBtnList li a span{position:relative}#firstview .fvBtnList li a .icon{display:inline-block;margin-right:25px}#firstview .fvBtnList li a .icon:before{background-repeat:no-repeat;background-size:contain;content:"";display:block;left:0;position:absolute;top:50%;transform:translateY(-50%)}#firstview .fvBtnList li a .icon.iconMaterial:before{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_document_white.svg)}#firstview .fvBtnList li a .icon.iconMail:before{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_mail_white.svg)}#firstview .fvBtnList li.btnMaterial a{background-color:#f07800}#firstview .fvBtnList li.btnContact a,#firstview .fvBtnList li.btnMaterial a{border:1px solid #fff;transition:background .3s,color .3s cubic-bezier(.25,.1,0,.72)}#firstview .fvBtnList li.btnContact a{background-color:#17184b;color:#fff}#zikashouhi{background-color:#fff;position:relative;z-index:1}#zikashouhi:after,#zikashouhi:before{background-color:#f9f9f9;content:"";display:block;position:absolute;z-index:-1}#zikashouhi:before{left:0;top:50%;transform:translateY(-50%)}#zikashouhi:after{right:0}#zikashouhi h2{color:#17184b;font-weight:700;line-height:1.76;text-align:center}#feature{background-repeat:no-repeat;background-size:cover;width:100%}#feature .desc,#feature h2{color:#fff;text-shadow:0 0 10px #272751}#caseStudy{background-color:#f8f8f8}#caseStudy .inner{padding:0}#whatIsSolar{background-color:#17184b}#whatIsSolar .fixedArea{position:relative}#whatIsSolar .fixedArea .fixedAreaIn{width:100%}#whatIsSolar .fixedArea h2{color:#fff}#whatIsSolar .textArea{background-color:#fff;color:#17184b}#whatIsSolar .titleBlock .case{font-family:Jost,sans-serif;font-weight:700}#serviceFlow{background:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/home/flow_bg.png) no-repeat center 0;background-size:cover}#serviceFlow .titleBlock{background-color:#17184b;text-align:center}#serviceFlow .titleBlock .en,#serviceFlow .titleBlock .ja{color:#fff;display:block}#serviceFlow .titleBlock .en{font-family:Jost,sans-serif}#serviceFlow .titleBlock .ja{font-weight:700}#serviceFlow .flowList{background-color:#f8f8f8;display:flex;flex-flow:wrap;position:relative}#serviceFlow .flowList:before{background-color:#e7e7e7;content:"";display:block;left:50%;position:absolute;transition:all 1.2s cubic-bezier(.25,.1,0,.72)}#serviceFlow .flowList li{background:#f8f8f8;opacity:0;position:relative;transition:box-shadow .5s cubic-bezier(.25,.1,0,.72);transition-delay:.5s;will-change:transform,opacity}#serviceFlow .flowList li:last-child:after{content:none}#serviceFlow .flowList li:after{background:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/neumo_parts.png) no-repeat;background-size:contain;content:"";display:block;position:absolute;transform:translateY(-50%)}#serviceFlow .flowList li .icon{align-items:center;display:flex;justify-content:center;transition:all .5s cubic-bezier(.25,.1,0,.72);transition-delay:.5s}#serviceFlow .flowList li .step{display:block;font-family:Jost,sans-serif;font-weight:700}#serviceFlow .flowList li .flowTitle{font-weight:700}#serviceFlow .flowList li .desc{position:relative}#serviceFlow .flowList li .desc:before{background-color:#17184b;content:"";display:block;position:absolute}#materials{background-color:#f9f9f9}#materials .col2Block .imgArea .floatImg:nth-child(2n){margin-left:auto}#materials .col2Block .imgArea .floatImg+.floatImg{margin-top:10px}#materials .col2Block .read,#materials .col2Block h2{text-align:left}.slideList .slideListItem .img{overflow:hidden}.slideList .slideListItem .img img{transition:transform .3s cubic-bezier(.25,.1,0,.72);width:100%}.slideList .slideListItem>a{display:block;transition:transform .3s cubic-bezier(.25,.1,0,.72)}.slideList .slideListItem .slideListTitle{color:#17184b;font-weight:700;margin-top:16px}.slick-list .img{overflow:hidden}.slick-list .img img{transition:transform .3s cubic-bezier(.25,.1,0,.72);width:100%}.slick-dots{display:block;margin:-2px 0 0;padding:0;text-align:center;width:100%}.slick-dots li{cursor:pointer;display:inline-block;margin:0 8px;position:relative}.slick-dots li button{background:transparent;border:1px solid #17184b;border-radius:50%;cursor:pointer;display:block;font-size:0;line-height:0px;outline:none;padding:4px}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:before{left:0;line-height:20px;position:absolute;text-align:center;top:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button{background:#17184b}.slick-arrow{background-color:#fff;border:1px solid #17184b;cursor:pointer;display:block;font-size:0;transition:all .3s cubic-bezier(.25,.1,0,.72);z-index:3}.slick-arrow:before{transition:border .3s cubic-bezier(.25,.1,0,.72)}.slick-arrow.prev{border-radius:3px 0 0 3px;border-right:none;bottom:-10px;cursor:pointer;position:absolute;right:60px}.slick-arrow.prev:before{border-bottom:1px solid #17184b;border-right:1px solid #17184b;content:"";display:block;position:absolute;transform:translate(-50%,-50%) rotate(-225deg)}.slick-arrow.next{border-radius:0 3px 3px 0;bottom:-10px;cursor:pointer;position:absolute;right:20px}.slick-arrow.next:before{border-bottom:1px solid #17184b;border-right:1px solid #17184b;content:"";display:block;position:absolute;transform:translate(-50%,-50%) rotate(-45deg)}#logoBnr .logoList{display:flex;flex-wrap:wrap;justify-content:center}#logoBnr .logoList>li{border:1px solid #ececec;overflow:hidden}#kodenFeature .kodenFeatureCatch{color:#fff;font-weight:700}#kodenFeature .kodenFeatureCatch span{display:inline-block}#kodenFeature .kodenFeatureCatchText{color:#fff;line-height:2}#kodenFeature .kodenFeatureServiceWrap{background-color:hsla(0,0%,100%,.8);border-radius:5px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceText{color:#000;font-weight:700}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li{background-color:#fff;border-radius:5px;color:#000;position:relative}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li .num{align-items:center;background-color:#f07800;border-radius:50%;color:#fff;display:flex;font-family:Jost,sans-serif;font-weight:700;justify-content:center}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li p{font-weight:700}#kodenFeature .btnWrap{text-align:center}#kodenFeature .btnWrap a{background-color:#f07800;color:#fff;display:inline-block;font-weight:700;position:relative;text-align:center}#kodenFeature .btnWrap a:after{aspect-ratio:7/6;background-color:currentColor;content:"";display:block;-webkit-mask:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_arrow_white.svg) no-repeat center/100%;mask:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_arrow_white.svg) no-repeat center/100%;position:absolute;top:50%;transform:translateY(-50%);width:auto}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{display:block;position:relative}.slick-list{margin:0;overflow:hidden;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{display:block;left:0;margin-left:auto;margin-right:auto;position:relative;top:0}.slick-track:after,.slick-track:before{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide,.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{border:1px solid transparent;display:block;height:auto}.slick-arrow.slick-hidden{display:none}.js-moveTrigger{opacity:0}.fadeInUp{animation:fadeInUp 3s forwards;animation-play-state:running;animation-timing-function:cubic-bezier(.19,1,.02,1);opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}50%{opacity:1}to{opacity:1;transform:translateY(0)}}[data-transition-delay="0.1s"]{transition-delay:.1s!important}[data-transition-delay="0.2s"]{transition-delay:.2s!important}[data-transition-delay="0.3s"]{transition-delay:.3s!important}[data-transition-delay="0.4s"]{transition-delay:.4s!important}[data-transition-delay="0.5s"]{transition-delay:.5s!important}[data-transition-delay="0.6s"]{transition-delay:.6s!important}[data-transition-delay="0.7s"]{transition-delay:.7s!important}[data-transition-delay="0.8s"]{transition-delay:.8s!important}[data-transition-delay="0.9s"]{transition-delay:.9s!important}[data-transition-delay="1.0s"]{transition-delay:1s!important}[data-transition-delay="1.1s"]{transition-delay:1.1s!important}[data-transition-delay="1.2s"]{transition-delay:1.2s!important}[data-transition-delay="1.3s"]{transition-delay:1.3s!important}[data-transition-delay="1.4s"]{transition-delay:1.4s!important}[data-transition-delay="1.5s"]{transition-delay:1.5s!important}[data-transition-delay="1.6s"]{transition-delay:1.6s!important}[data-transition-delay="1.7s"]{transition-delay:1.7s!important}[data-transition-delay="1.8s"]{transition-delay:1.8s!important}[data-transition-delay="1.9s"]{transition-delay:1.9s!important}[data-transition-delay="2.0s"]{transition-delay:2s!important}[data-anime-delay="0.1s"]{animation-delay:.1s!important}[data-anime-delay="0.2s"]{animation-delay:.2s!important}[data-anime-delay="0.3s"]{animation-delay:.3s!important}[data-anime-delay="0.4s"]{animation-delay:.4s!important}[data-anime-delay="0.5s"]{animation-delay:.5s!important}[data-anime-delay="0.6s"]{animation-delay:.6s!important}[data-anime-delay="0.7s"]{animation-delay:.7s!important}[data-anime-delay="0.8s"]{animation-delay:.8s!important}[data-anime-delay="0.9s"]{animation-delay:.9s!important}[data-anime-delay="1.0s"]{animation-delay:1s!important}[data-anime-delay="1.1s"]{animation-delay:1.1s!important}[data-anime-delay="1.2s"]{animation-delay:1.2s!important}[data-anime-delay="1.3s"]{animation-delay:1.3s!important}[data-anime-delay="1.4s"]{animation-delay:1.4s!important}[data-anime-delay="1.5s"]{animation-delay:1.5s!important}[data-anime-delay="1.6s"]{animation-delay:1.6s!important}[data-anime-delay="1.7s"]{animation-delay:1.7s!important}[data-anime-delay="1.8s"]{animation-delay:1.8s!important}[data-anime-delay="1.9s"]{animation-delay:1.9s!important}[data-anime-delay="2.0s"]{animation-delay:2s!important}@media screen and (max-width:768px){.inner{padding:0 20px}.secHome{padding:55px 0}h2{font-size:23px}.read{margin-top:20px}.btnWrap{margin-top:35px}#firstview .fvImgArea img{height:500px}#firstview .fvImgArea video{height:550px;-o-object-fit:cover;object-fit:cover;width:100%}#firstview .fvTextArea{padding:0 10px;top:70px;width:100%}#firstview .fvTextArea .subCopy{font-size:16px;text-align:center}#firstview .fvTextArea .mainCopy{font-size:29px;margin-top:10px;text-align:center}#firstview .fvTextArea .desc{font-size:13px;line-height:1.92;margin-top:30px;text-align:center}#firstview .fvBtnList{margin-top:30px}#firstview .fvBtnList li{margin:auto;width:270px}#firstview .fvBtnList li+li{margin-top:20px}#firstview .fvBtnList li a{font-size:14px;padding:13px 10px}#firstview .fvBtnList li a .icon.iconMaterial:before{height:18px;width:14px}#firstview .fvBtnList li a .icon.iconMail:before{height:12px;width:18px}#zikashouhi:before{height:calc(100% - 170px);width:18.5vw}#zikashouhi:after{height:calc(100% - 293px);top:16px;width:18.3vw}#zikashouhi .desc{line-height:1.86;margin-top:20px}#feature{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/home/sp/feature_img01.jpg);height:443px;padding:55px 0 60px}#feature h2{font-size:23px}#feature .desc{line-height:1.86;margin-top:20px}#feature .btnWrap{margin-top:36px}#caseStudy .btnWrap,#caseStudy .desc,#caseStudy .read,#caseStudy h2{padding-left:20px;padding-right:20px}#caseStudy .btnWrap{margin-top:40px}#recommend .inner{padding:0}#recommend .btnWrap,#recommend .read,#recommend h2{padding-left:20px;padding-right:20px}#whatIsSolar .fixedArea h2{font-size:23px;line-height:1.65}#whatIsSolar .textArea{margin-top:40px;padding:25px 20px}#whatIsSolar .textElm+.textElm{margin-top:35px}#whatIsSolar .titleBlock .case,#whatIsSolar .titleBlock .case .num{font-size:12px}#whatIsSolar .titleBlock h3{font-size:19px}#whatIsSolar p{line-height:1.8;margin-top:14px}#serviceFlow{background-position:0}#serviceFlow .titleBlock{padding:15px}#serviceFlow .titleBlock .en{font-size:11px}#serviceFlow .titleBlock .ja{font-size:19px}#serviceFlow .flowList{padding:30px}#serviceFlow .flowList.flowListPath:before{transform:translateX(-50%) scale(1)}#serviceFlow .flowList:before{height:calc(100% - 65px);transform:translateX(-50%) scaleY(0);transform-origin:top;width:50px}#serviceFlow .flowList li{align-items:center;border-radius:10px;display:flex;padding:18px;width:100%}#serviceFlow .flowList li+li{margin-top:30px}#serviceFlow .flowList li.fuwa,#serviceFlow .flowList li.fuwa .icon{box-shadow:6px 5px 12px 2px #ccc,-8px -9px 11px 5px #fff}#serviceFlow .flowList li:after{bottom:-22px;height:30px;left:50%;transform:translateX(-50%) rotate(90deg);width:15px}#serviceFlow .flowList li .iconArea{margin-right:20px;width:75px}#serviceFlow .flowList li .textArea{width:calc(100% - 75px)}#serviceFlow .flowList li .icon{border-radius:10px;height:75px;width:75px}#serviceFlow .flowList li .icon img{width:65%}#serviceFlow .flowList li .step{font-size:12px}#serviceFlow .flowList li .step .num{font-size:18px}#serviceFlow .flowList li .flowTitle{font-size:16px}#serviceFlow .flowList li .desc{line-height:1.5;margin-top:15px}#serviceFlow .flowList li .desc:before{height:1px;left:0;top:-8px;width:20px}#materials .col2Block .imgArea{padding:0 20px}#materials .col2Block .imgArea .floatImg{width:52vw}#materials .col2Block .textArea{margin-top:20px}#materials .col2Block h2{text-align:center}.slick-list{padding:30px 8%!important}.slick-list .slick-slide{margin:0 10px}.slick-dots{padding:0 100px}.slick-dots li{height:10px;width:10px}.slick-dots li button{height:7px;width:7px}.slick-dots li button:before{height:20px;width:20px}.slick-arrow{box-shadow:1px 1px 0 0 #17184b;height:38px;width:40px}.slick-arrow.prev:before{height:8px;left:calc(50% + 2px);top:calc(50% + 1px);width:8px}.slick-arrow.next:before{height:8px;left:calc(50% - 2px);top:calc(50% + 1px);width:8px}#logoBnr .logoList{gap:10px 3.28%;margin-top:22px}#logoBnr .logoList>li{width:31.1333333333%}#kodenFeature{background:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/home/sp/feature_bg_sp.png) no-repeat 50%/cover;padding:70px 0 90px;text-align:center}#kodenFeature .kodenFeatureInner{padding:0 20px}#kodenFeature .logo img{width:145px}#kodenFeature .kodenFeatureCatch{font-size:30px;margin-top:40px}#kodenFeature .kodenFeatureCatch span{border-bottom:4px solid #f07800}#kodenFeature .kodenFeatureCatchText{font-size:15px;margin-top:30px}#kodenFeature .kodenFeatureServiceWrap{border:3px solid #f07800;margin-top:40px;padding:40px 20px 50px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceText{font-size:22px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList{margin-top:60px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li{align-items:center;border:2px solid #f07800;display:flex;justify-content:center;min-height:120px;padding:30px 20px 20px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li+li{margin-top:38px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li .num{font-size:20px;height:44px;left:calc(50% - 22px);position:absolute;top:-22px;width:44px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li p{font-size:18px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li p span{font-size:24px}#kodenFeature .btnWrap{margin-top:40px}#kodenFeature .btnWrap a{border-radius:8px;font-size:15px;padding:24px 30px;width:100%}#kodenFeature .btnWrap a span{display:block;font-size:26px;margin-top:10px}#kodenFeature .btnWrap a:after{height:13px;right:10px}.sp_delay_none{animation-delay:unset!important;transition-delay:unset!important}}@media print,screen and (min-width:769px){.inner{margin:0 auto;max-width:90%;width:1400px}.secHome{padding:80px 0}h2{font-size:34px}.read{margin-top:40px;text-align:center}#firstview .fvImgArea img{height:694px}#firstview .fvImgArea video{height:auto;width:100%}#firstview .fvTextArea{left:50%;margin:0 auto;max-width:90%;top:50%;transform:translate(-50%,-50%);width:1400px}#firstview .fvTextArea .subCopy{font-size:26px}#firstview .fvTextArea .mainCopy{font-size:56px;margin-top:10px}#firstview .fvTextArea .desc{line-height:2.06;margin-top:15px}#firstview .fvBtnList{font-size:0;margin-top:40px}#firstview .fvBtnList li{display:inline-block;width:250px}#firstview .fvBtnList li a{font-size:18px;padding:16px 10px}#firstview .fvBtnList li a .icon.iconMaterial:before{height:21px;width:16px}#firstview .fvBtnList li a .icon.iconMail{margin-right:35px}#firstview .fvBtnList li a .icon.iconMail:before{height:17px;width:22px}#firstview .fvBtnList li.btnMaterial{margin-right:20px}#firstview .fvBtnList li.btnMaterial a:hover{background-color:#fff;border-color:#f07800;color:#f07800}#firstview .fvBtnList li.btnMaterial a:hover .iconMaterial:before{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_document_orange.svg)}#firstview .fvBtnList li.btnContact a:hover{background-color:#fff;border-color:#17184b;color:#17184b}#firstview .fvBtnList li.btnContact a:hover .iconMail:before{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_mail.svg)}#zikashouhi{padding:80px 0}#zikashouhi:before{height:calc(100% - 170px);width:27.4vw}#zikashouhi:after{height:calc(100% - 250px);top:0;width:27.9vw}#zikashouhi .inner{min-width:740px;width:52vw}#zikashouhi h2{font-size:34px}#zikashouhi .desc{line-height:2;margin-top:40px}#feature{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/home/feature_img01.jpg);height:520px;margin:0 auto;max-width:100%;padding:60px 0;width:1400px}#feature .textArea{margin-left:auto;width:480px}#feature .textArea .commonBtn{margin-left:0}#feature h2{font-size:34px;line-height:1.76;text-align:left}#feature .desc{line-height:2;margin-top:20px}#caseStudy{margin-top:30px}#whatIsSolar .col2Block{display:flex;justify-content:center}#whatIsSolar .fixedArea{margin-right:40px;margin-top:170px;width:410px}#whatIsSolar .fixedArea h2{line-height:1.76;text-align:left;white-space:nowrap}#whatIsSolar .fixedArea #js-fixedTitle.fixed{position:fixed;top:350px}#whatIsSolar .fixedArea #js-fixedTitle.absolute{bottom:200px;position:absolute;top:auto}#whatIsSolar .textArea{max-width:732px;padding:50px 80px;width:calc(100% - 450px)}#whatIsSolar .textElm+.textElm{margin-top:75px}#whatIsSolar .titleBlock .case .num{font-size:14px}#whatIsSolar .titleBlock h3{font-size:26px}#whatIsSolar p{line-height:2.12;margin-top:20px}#serviceFlow .titleBlock{padding:20px}#serviceFlow .titleBlock .en{font-size:18px}#serviceFlow .titleBlock .ja{font-size:30px}#serviceFlow .flowList{padding:50px 60px}#serviceFlow .flowList.flowListPath:before{transform:translate(-50%,-50%) scale(1)}#serviceFlow .flowList:before{height:70px;top:50%;transform:translate(-50%,-50%) scaleX(0);transform-origin:left;width:calc(100% - 130px)}#serviceFlow .flowList li{border-radius:20px;padding:18px;width:calc(25% - 38px)}#serviceFlow .flowList li:not(:nth-child(4n)){margin-right:50px}#serviceFlow .flowList li:nth-child(n+5){margin-top:40px}#serviceFlow .flowList li.fuwa,#serviceFlow .flowList li.fuwa .icon{box-shadow:6px 5px 12px 2px #ccc,-8px -9px 11px 5px #fff}#serviceFlow .flowList li:after{height:38px;right:-18px;top:50%;transform:translateY(-50%);width:18px}#serviceFlow .flowList li .desc,#serviceFlow .flowList li .flowTitle,#serviceFlow .flowList li .icon,#serviceFlow .flowList li .step{text-align:center}#serviceFlow .flowList li .icon{border-radius:20px;height:120px;margin:auto;width:120px}#serviceFlow .flowList li .step{font-size:16px;margin-top:20px}#serviceFlow .flowList li .step .num{font-size:25px}#serviceFlow .flowList li .flowTitle{font-size:20px}#serviceFlow .flowList li .desc{line-height:1.81;margin-top:30px}#serviceFlow .flowList li .desc:before{height:2px;left:50%;top:-15px;transform:translateX(-50%);width:28px}#materials .col2Block{align-items:center;display:flex}#materials .col2Block .imgArea{margin-right:80px;width:38.1vw}#materials .col2Block .imgArea .floatImg{width:24.3vw}#materials .col2Block .textArea{min-width:507px;width:calc(100% - 38.1vw)}#materials .col2Block .btnWrap{margin-top:45px}#materials .col2Block .commonBtn{margin-left:0}.slideList{display:flex;margin-top:40px}.slideList .slideListItem{width:32.3%}.slideList .slideListItem:not(:last-child){margin-right:1%}.slideList .slideListItem>a:hover img{transform:scale(1.1)}.slideList .slideListItem>a:hover .moreBtn>span{background-image:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/common/icon_arrow_more_hov.svg)}.slick-list{padding:30px 0!important}.slick-list .slick-slide{transform:scale(.95);transform-origin:bottom;transition:transform .3s cubic-bezier(.25,.1,0,.72)}.slick-list .slick-slide:not(:last-child){margin-right:0}.slick-list .slick-slide:not(.slick-center):hover img{transform:scale(1.1)}.slick-dots{padding-right:120px;text-align:right}.slick-dots li{height:10px;width:10px}.slick-dots li button{height:7px;width:7px}.slick-dots li button:before{height:20px;width:20px}.slick-arrow{box-shadow:2px 2px 0 0 #17184b;height:30px;width:40px}.slick-arrow:hover{background-color:#17184b}.slick-arrow:hover:before{border-color:#fff}.slick-arrow.prev:before{height:8px;left:calc(50% + 2px);top:calc(50% + 1px);width:8px}.slick-arrow.next:before{height:8px;left:calc(50% - 2px);top:calc(50% + 1px);width:8px}#logoBnr .logoList{gap:25px 2.15%;margin-top:45px}#logoBnr .logoList>li{width:14.8666666667%}#kodenFeature{background:url(https://245926550.fs1.hubspotusercontent-na2.net/hubfs/245926550/koden-media/migrated/wp-content/themes/koden/images/home/feature_bg_pc.png) no-repeat 50%/cover;padding:80px 0 100px;text-align:center}#kodenFeature .kodenFeatureInner{margin:0 auto;max-width:1294px;width:90%}#kodenFeature .logo img{width:236px}#kodenFeature .kodenFeatureCatch{font-size:44px;margin-top:40px}#kodenFeature .kodenFeatureCatch span{border-bottom:7px solid #f07800}#kodenFeature .kodenFeatureCatchText{font-size:17px;margin-top:20px}#kodenFeature .kodenFeatureServiceWrap{border:3px solid #f07800;margin-top:25px;padding:40px 80px 45px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceText{font-size:24px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList{display:flex;gap:3vw;justify-content:center;margin-top:40px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li{align-items:center;border:3px solid #f07800;display:flex;flex:1;flex-direction:column;justify-content:center;padding:35px 20px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li .num{font-size:29px;height:52px;left:calc(50% - 26px);position:absolute;top:-26px;width:52px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li p{font-size:18px}#kodenFeature .kodenFeatureServiceWrap .kodenFeatureServiceList li p span{font-size:25px}#kodenFeature .btnWrap{margin-top:50px}#kodenFeature .btnWrap a{border:3px solid #f07800;border-radius:8px;font-size:23px;max-width:745px;padding:18px 70px;transition:background .3s,color .3s cubic-bezier(.25,.1,0,.72);width:100%}#kodenFeature .btnWrap a span{display:block;font-size:36px}#kodenFeature .btnWrap a:hover{background-color:#fff;color:#f07800}#kodenFeature .btnWrap a:after{height:18px;right:35px;transition:transform .3s cubic-bezier(.25,.1,0,.72)}.pc_delay_none{animation-delay:unset!important;transition-delay:unset!important}}@media screen and (min-width:769px) and (max-width:1200px){#firstview .fvImgArea video{height:400px;-o-object-fit:cover;object-fit:cover}#firstview .fvTextArea .subCopy{font-size:20px}#firstview .fvTextArea .mainCopy{font-size:40px}#firstview .fvTextArea .desc{font-size:14px}#firstview .fvBtnList{margin-top:30px}#firstview .fvBtnList li a{font-size:14px}#feature{padding:60px 0}#whatIsSolar .textArea{padding:50px 40px}#serviceFlow .flowList.flowListPath:before{transform:translate(-50%,-50%) scale(0)}#serviceFlow .flowList li{width:calc(50% - 38px)}#serviceFlow .flowList li:not(:nth-child(4n)){margin-right:0}#serviceFlow .flowList li:nth-child(n+5){margin-top:0}#serviceFlow .flowList li:not(:nth-child(2n)){margin-right:50px}#serviceFlow .flowList li:nth-child(n+3){margin-top:40px}#materials .col2Block .textArea{min-width:auto}#logoBnr .logoList{gap:15px 2.15%;margin-top:30px}#logoBnr .logoList>li{width:23.3%}}@media screen and (min-width:1700px){#firstview .fvTextArea{left:50%}}#feature .row-fluid-wrapper,#kodenFeature .row-fluid-wrapper,#materials .row-fluid-wrapper,#recommend .row-fluid-wrapper,#whatIsSolar .row-fluid-wrapper,#zikashouhi .row-fluid-wrapper,.simSec .row-fluid-wrapper{display:block}#feature .row-fluid,#kodenFeature .row-fluid,#materials .row-fluid,#recommend .row-fluid,#whatIsSolar .row-fluid,#zikashouhi .row-fluid,.simSec .row-fluid{display:block!important}#feature .row-fluid>[class*=span],#kodenFeature .row-fluid>[class*=span],#materials .row-fluid>[class*=span],#recommend .row-fluid>[class*=span],#whatIsSolar .row-fluid>[class*=span],#zikashouhi .row-fluid>[class*=span],.simSec .row-fluid>[class*=span]{float:none!important;margin-left:0!important;width:100%!important}@media screen and (min-width:769px){#feature{height:auto!important;min-height:520px}#feature .inner{min-height:400px}}#whatIsSolar .col2Block{align-items:flex-start}#whatIsSolar .fixedArea .fixedAreaIn,#whatIsSolar .fixedArea>div[data-hs-dnd-area-id],#whatIsSolar .textArea>div[data-hs-dnd-area-id]{max-width:100%;width:100%}#feature .dnd-section,#feature .row-fluid,#feature .row-fluid>[class*=span],#kodenFeature .dnd-section,#kodenFeature .row-fluid,#kodenFeature .row-fluid>[class*=span],#materials .dnd-section,#materials .row-fluid,#materials .row-fluid>[class*=span],#recommend .dnd-section,#recommend .row-fluid,#recommend .row-fluid>[class*=span],#whatIsSolar .dnd-section,#whatIsSolar .row-fluid,#whatIsSolar .row-fluid>[class*=span],.simSec .dnd-section,.simSec .row-fluid,.simSec .row-fluid>[class*=span]{padding-left:0!important;padding-right:0!important}#feature .row-fluid-wrapper,#kodenFeature .row-fluid-wrapper,#materials .row-fluid-wrapper,#recommend .row-fluid-wrapper,#whatIsSolar .textArea .row-fluid-wrapper,#zikashouhi .row-fluid-wrapper,.simSec .row-fluid-wrapper{margin-bottom:0!important;margin-top:0!important}@media screen and (min-width:769px){#feature .textArea h2,#feature .textArea>div[data-hs-dnd-area-id]{margin-top:0}}#serviceFlow .row-fluid,#serviceFlow .row-fluid-wrapper{width:100%!important}#serviceFlow .row-fluid>[class*=span]{padding-left:0!important;padding-right:0!important;width:100%!important}@media screen and (min-width:1200px){#serviceFlow .flowList{box-sizing:border-box;width:100%}#serviceFlow .flowList li{box-sizing:border-box!important}}@media screen and (min-width:769px){#faq .inner,#logoBnr .inner,#news .inner,#serviceFlow .inner{box-sizing:border-box;max-width:100%!important;padding-left:60px;padding-right:60px;width:auto!important}}@media screen and (min-width:1200px){#serviceFlow .inner{margin:0 auto!important;max-width:1280px!important;padding:0!important;width:100%!important}#serviceFlow .row-fluid,#serviceFlow .row-fluid-wrapper{margin:0!important;padding:0!important}#serviceFlow .span12,#serviceFlow [class*=widget-span]{margin-left:0!important;padding:0!important;width:100%!important}#serviceFlow .flowList{box-sizing:border-box;width:100%!important}#serviceFlow .flowList li{box-sizing:border-box}}