@charset "utf-8";#roof h2{}#roof h2+p{font-size:87.5%;line-height:1.8}#roof p a{display:inline-block}#roof h3{line-height:1.2;text-align:center}@media screen and (max-width:767px){#roof{margin-bottom:6.25%}#roof h2{margin-bottom:1.5625%}#roof h2+p{margin-bottom:1.5625%;padding:0 3.125%}#roof img[src$="price_010.webp"]{width:93.75%}#roof p a{margin-top:3.125%}#roof img[src$="plan_off.webp"],#roof img[src$="plan_on.webp"]{width:75%;max-width:470px}#roof h3{margin-top:6.25%;margin-bottom:3.125%;font-size:137.5%;padding:0 3.125%}#roof img[src$="arrow.webp"]{margin-top:1.5625%;width:62.5%;max-width:290px}}@media screen and (min-width:768px){#roof{margin-bottom:50px}#roof h2{margin-bottom:10px}#roof h2+p{margin-bottom:20px;padding:0 1em}#roof img{width:auto}#roof p a{margin-top:30px}#roof h3{font-size:175%;margin-top:30px;margin-bottom:20px}}#roof #roof_diagnosis{background-color:#FFF5D7;text-align:center}#roof #roof_diagnosis h4+p{line-height:1.4}#roof #roof_diagnosis h4+p strong{color:#FF5A00}#roof #roof_diagnosis #roof_check{background-color:#FFF;line-height:1.8;margin-left:auto;margin-right:auto}#roof #roof_diagnosis #roof_check strong{color:#FF5A00}@media screen and (max-width:767px){#roof #roof_diagnosis{padding-top:3.125%;padding-bottom:3.125%}#roof #roof_diagnosis h4{padding:0 3.125%}#roof #roof_diagnosis h4+p{font-size:112.5%;margin-top:3.125%;margin-bottom:3.125%;padding:0 3.125%}#roof #roof_diagnosis #roof_check{margin-bottom:1.5625%;padding:1.5625% 3.125%;width:93.75%}#roof #roof_diagnosis img[src$="img_020.webp"]{width:96.875%}}@media screen and (min-width:768px){#roof #roof_diagnosis{padding:20px}#roof #roof_diagnosis h4+p{font-size:137.5%;margin-top:20px;margin-bottom:20px}#roof #roof_diagnosis #roof_check{margin-bottom:20px;padding:10px;width:550px}}#roof #roof_maintenance{background-color:#FFF5D7;border-radius:20px}#roof #roof_maintenance h4{color:#FF5A00;line-height:1.2;text-align:center}#roof #roof_maintenance p{font-size:87.5%;line-height:1.8}#roof #roof_maintenance p strong{color:#FF5A00}@media screen and (max-width:767px){#roof #roof_maintenance{margin:3.125% auto 0;padding:3.125%;width:93.75%}#roof #roof_maintenance h4{margin-bottom:1.785714285714286%;font-size:125%}}@media screen and (min-width:768px){#roof #roof_maintenance{padding:20px 40px}#roof #roof_maintenance h4{font-size:162.5%;margin-bottom:10px}}#diagnostics_flow.roof h2{background-color:#F98900}#diagnostics_flow.rain h2{background-color:#1B6B9E}#diagnostics_flow.roof ul{background-color:#F98900}#diagnostics_flow.rain ul{background-color:#1B6B9E}#diagnostics_flow ul>li{position:relative}#diagnostics_flow ul>li:not(:last-child):after{content:"";position:absolute;right:50%;bottom:0;-ms-transform:translate(50%,100%);-webkit-transform:translate(50%,100%);transform:translate(50%,100%)}#diagnostics_flow ul>li.lazyloaded:not(:last-child):after{background:url(https://crayon-paint.net/images/user/arrow/green.webp) center center no-repeat;background-size:contain}#diagnostics_flow p+p a{display:block}@media screen and (max-width:767px){#diagnostics_flow{margin-bottom:6.25%}#diagnostics_flow h2{padding:3.125%}#diagnostics_flow ul{margin-bottom:3.125%;padding-bottom:3.125%}#diagnostics_flow ul>li{text-align:center}#diagnostics_flow ul>li+li{margin-top:-webkit-calc((3.125% * 2) + 22px);margin-top:calc((3.125% * 2) + 22px)}#diagnostics_flow ul>li:not(:last-child):after{height:22px;margin-bottom:-3.125%;width:50px}#diagnostics_flow ul>li img{width:93.75%}#diagnostics_flow p img{width:93.75%}#diagnostics_flow p+p a{margin-top:3.125%}}@media screen and (min-width:768px){#diagnostics_flow{margin-bottom:50px}#diagnostics_flow h2{padding:20px}#diagnostics_flow ul{margin-bottom:30px;padding:0 20px 20px}#diagnostics_flow ul:after{clear:both;content:"";display:block}#diagnostics_flow ul>li{margin-bottom:64px;vertical-align:top;width:100%}#diagnostics_flow ul>li:not(:last-child):after{height:44px;width:100px}#diagnostics_flow ul>li:nth-child(3n+1){float:left;width:-webkit-calc((100% - 50px) / 2);width:calc((100% - 50px) / 2)}#diagnostics_flow ul>li:nth-child(3n+2){float:right;width:-webkit-calc((100% - 50px) / 2);width:calc((100% - 50px) / 2)}#diagnostics_flow ul>li:nth-child(3n+1):after{margin-right:-7.75%;bottom:50%;right:0;-ms-transform:translate(50%,50%) rotate(270deg);-webkit-transform:translate(50%,50%) rotate(270deg);transform:translate(50%,50%) rotate(270deg)}#diagnostics_flow ul>li:nth-child(3n+2):after{margin-right:57.75%}#diagnostics_flow ul>li:nth-child(3n):after,#diagnostics_flow ul>li:nth-child(3n+2):after{margin-bottom:-10px}#diagnostics_flow ul>li:nth-child(4),#diagnostics_flow ul>li:nth-child(5){margin-bottom:0}#diagnostics_flow p+p a{margin-top:20px}}#rain h2+p{font-size:87.5%;line-height:1.8}#rain p a{display:inline-block}#rain h3{line-height:1.2;text-align:center}#rain strong{display:block;line-height:1.2}@media screen and (max-width:767px){#rain{margin-bottom:6.25%}#rain h2{margin-bottom:1.5625%}#rain h2+p{margin-bottom:1.5625%;padding:0 3.125%}#rain img[src$="price_010.webp"]{width:93.75%}#rain p a{margin-top:3.125%}#rain img[src$="plan_off.webp"],#rain img[src$="plan_on.webp"]{width:75%;max-width:470px}#rain h3{margin-top:6.25%;margin-bottom:3.125%;font-size:137.5%;padding:0 3.125%}#rain strong{margin-top:3.125%;font-size:125%;padding:0 3.125%}}@media screen and (min-width:768px){#rain{margin-bottom:50px}#rain h2{margin-bottom:10px}#rain h2+p{margin-bottom:20px;padding:0 1em}#rain img{width:auto}#rain p a{margin-top:30px}#rain h3{font-size:175%;margin-top:30px;margin-bottom:20px}#rain strong{font-size:200%;margin-top:30px;text-align:center}}#line h2{line-height:1.2;text-align:center}#line h2 span{background:-webkit-linear-gradient(bottom,#FFFF21 0,#FFFF21 35%,transparent 35%,transparent 100%);background:linear-gradient(0deg,#FFFF21 0,#FFFF21 35%,transparent 35%,transparent 100%)}#line>ul{position:relative}#line>ul:before{border-color:#00A99E transparent transparent transparent;border-style:solid;content:"";display:block;height:0;position:absolute;bottom:0;left:50%;-ms-transform:translate(-50%,100%);-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%);width:0}#line>ul:after{content:"";display:block}#line>ul.lazyloaded:after{background:url(https://crayon-paint.net/images/user/line/img_010.webp) center center no-repeat;background-size:contain}#line>ul>li{border-bottom:1px dotted #333;color:#00A99D;line-height:1.2;margin-left:auto;margin-right:auto;position:relative}#line>ul>li:before{content:"";display:block;position:absolute;top:50%;left:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}#line>ul.lazyloaded>li:before{background:url(https://crayon-paint.net/images/user/line/dialogue.webp) center center no-repeat;background-size:contain}#line_solution{text-align:center}#line_solution:after{content:"";display:block}#line_solution.lazyloaded:after{background:url(https://crayon-paint.net/images/user/line/img_020.webp) center center no-repeat;background-size:contain}#line_solution h3{color:#FF6EAA;line-height:1.2}#line_solution>strong{background-color:#39AE36;border-radius:5px;color:#FFF;display:block}#line_solution .list_asterisk{font-size:75%}#line_reduce{border-color:#FF6EAA;border-style:solid;font-size:87.5%;margin-left:auto;margin-right:auto;max-width:690px}@media screen and (max-width:639px){#line_solution h3{font-size:150%;margin-bottom:1.5625%;padding:0 3.125%}#line_solution>strong{margin-left:auto;margin-right:auto;margin-bottom:1.5625%;width:93.75%}#line_solution .list_asterisk{line-height:1.4;padding:0 3.125%;text-align:left}}@media screen and (min-width:640px){#line_solution{position:relative}#line_solution h3{margin-bottom:20px}#line_solution>strong{height:40px;line-height:40px;margin-bottom:10px}#line_solution:after{position:absolute;top:-webkit-calc(50% - 10px);top:calc(50% - 10px);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (min-width:640px) and (max-width:767px){#line_solution{padding-left:3.125%;padding-right:-webkit-calc((3.125% * 2) + 210px);padding-right:calc((3.125% * 2) + 210px)}#line_solution:after{height:195px;right:3.125%;width:210px}#line_solution h3{font-size:200%}}@media screen and (max-width:767px){#line{margin-bottom:6.25%}#line h2{font-size:125%;margin-top:3.125%}#line>ul{margin-top:1.5625%;margin-bottom:-webkit-calc((3.125% * 2) + 20px);margin-bottom:calc((3.125% * 2) + 20px)}#line>ul:before{border-width:20px 10px 0 10px;margin-bottom:-3.125%}#line>ul:after{margin-top:3.125%;padding-top:25%}#line>ul>li{font-size:112.5%;padding:1.5625% 3.125% 1.5625% -webkit-calc(3.125% + 30px);padding:1.5625% 3.125% 1.5625% calc(3.125% + 30px);width:87.5%}#line>ul>li:before{height:20px;margin-left:1.785714285714286%;width:30px}#line_solution{margin-bottom:3.125%}#line_solution>strong{font-size:125%}#line_reduce{border-width:2px;padding:1.5625% 3.125%;width:-webkit-calc(93.75% + (2px * 2));width:calc(93.75% + (2px * 2))}}@media screen and (min-width:768px){#line{margin-bottom:50px}#line h2{font-size:150%;margin-top:20px}#line>ul{margin-top:10px;margin-bottom:68px}#line>ul:before{border-width:28px 14px 0 14px;margin-bottom:-20px}#line>ul:after{margin-top:30px;height:166px}#line>ul>li{font-size:125%;padding:10px 10px 10px 60px;width:640px}#line>ul>li:before{height:28px;margin-left:10px;width:41px}#line_solution{margin-bottom:30px;padding-right:260px}#line_solution:after{height:221px;right:0;width:238px}#line_solution h3{font-size:250%}#line_solution>strong{font-size:150%}#line_reduce{border-width:5px;padding:10px 1em}}#line_flow{counter-reset:flow}#line_flow h3{background-color:#FF6EAA;border:1px dashed #FFF;box-shadow:0 0 0 2px #FF6EAA;color:#FFF;margin-left:auto;margin-right:auto}#line_flow h3{position:relative}#line_flow h3.line_flow:before{background-color:#FFF;border-radius:50%;color:#FF6EAA;content:counter(flow);counter-increment:flow;display:inline-block;font-size:75%;height:1.33em;line-height:1.33em;margin-right:.3em;position:relative;top:-.1em;text-align:center;vertical-align:middle;width:1.33em}#line_flow h3.line_flow:not(:first-child):after{border-color:#FF6EAA transparent transparent transparent;border-style:solid;content:"";display:block;height:0;position:absolute;top:0;left:50%;-ms-transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);width:0}#line_flow>strong{color:#FF6EAA;display:block;text-align:center}#line_flow>strong span{background-color:#FFFF21}#line_flow p{font-size:87.5%}#line_flow p strong{color:#FF3000}#line_flow_detail>li{box-shadow:2px 3px 4px -2px rgba(0,0,0,.3);border-radius:5px;display:inline-block;overflow:hidden;text-align:center;vertical-align:top}#line_flow_detail>li img{width:120px}#line_flow_detail>li img[src^="data:image/png;base64"]{width:130px}#line_flow_detail>li h4{background-color:#39AE36;color:#FFF}#line_flow_detail>li span{background-color:#FFF;border:1px solid #39AE36;border-radius:5px;color:#39AE36;display:block;height:42px;line-height:40px}#line_flow_detail>li a{background-color:#39AE36;border-radius:5px;color:#FFF;display:block;font-size:150%;padding-left:1em;position:relative;text-decoration:none;height:42px;line-height:42px}#line_flow_detail>li a:before{background:url(https://crayon-paint.net/images/user/icon/line.webp) center center no-repeat;background-size:contain;content:"";display:inline-block;font-size:120%;height:1em;position:absolute;top:-webkit-calc(50% + 0.05em);top:calc(50% + 0.05em);left:.5em;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1em}#line_flow_photo{counter-reset:photo}#line_flow_photo>li{display:inline-block;text-align:center;vertical-align:top}#line_flow_photo>li img{width:100%}#line_flow_photo>li h4{font-size:87.5%}#line_flow_photo>li h4:before{border:1px solid #333;border-radius:50%;content:counter(photo);counter-increment:photo;display:inline-block;font-size:75%;height:1.33em;line-height:1.33em;margin-right:.2em;position:relative;top:-.1em;text-align:center;vertical-align:middle;width:1.33em}#line_flow_info{border-color:#666;border-style:solid}#line_flow_info .list_asterisk{font-size:75%;line-height:1.4;margin-top:.5em}#line_flow_note{background-color:#FFF68B;line-height:1.6}#line_flow_note a{color:#003FBC}@media screen and (max-width:639px){#line_flow figure figcaption p{padding:0 3.125%}#line_flow figure picture{text-align:center}#line_flow figure picture img{width:56.25%}#line_flow_info{margin:1.5626% auto 0;padding:1.5625% 3.125% 3.125%;width:-webkit-calc(93.75% + (2px * 2));width:calc(93.75% + (2px * 2))}#line_flow_note{margin:3.125% auto 1.5625%;padding:1.5625% 3.125%!important;width:93.75%}}@media screen and (min-width:640px){#line_flow figure{}#line_flow figure:after{clear:both;content:"";display:block}#line_flow figure figcaption{float:left}#line_flow figure picture{float:right}#line_flow figure picture img{width:100%}}@media screen and (min-width:640px){#line_flow figure figcaption>*:not(:first-child){margin-top:20px}#line_flow_info{padding:10px 20px 15px}#line_flow_note{padding:10px 20px}}@media screen and (min-width:640px) and (max-width:767px){#line_flow figure figcaption{margin-left:3.125%;width:-webkit-calc(100% - 30% - (3.125% * 3));width:calc(100% - 30% - (3.125% * 3))}#line_flow figure picture{margin-right:3.125%;width:30%}}@media screen and (max-width:767px){#line_flow{margin-bottom:6.25%}#line_flow h3{font-size:125%;line-height:1.2;margin-bottom:1.5625%;padding:1.5625% 3.125%;width:-webkit-calc(93.75% + (2px * 2));width:calc(93.75% + (2px * 2))}#line_flow h3.line_flow:not(:first-child){margin-top:-webkit-calc((3.125% * 2) + 20px);margin-top:calc((3.125% * 2) + 20px)}#line_flow h3.line_flow:not(:first-child):after{border-width:20px 10px 0 10px;margin-top:-3.125%}#line_flow h3:not(.line_flow){margin-top:-webkit-calc(3.125% + 2px);margin-top:calc(3.125% + 2px)}#line_flow>strong{padding:0 3.125%}#line_flow>p{padding:0 3.125%}#line_flow_detail{text-align:center}#line_flow_detail>li{margin-top:3.125%;width:93.75%;max-width:480px}#line_flow_detail>li p{padding:3.333333333333333%}#line_flow_detail>li p span,#line_flow_detail>li p a{margin-top:3.571428571428571%;margin-left:auto;margin-right:auto;max-width:220px}#line_flow_photo{text-align:center}#line_flow_photo>li{margin-top:3.125%;width:93.75%}#line_flow_info{border-width:2px}}@media screen and (min-width:768px){#line_flow{margin-bottom:50px}#line_flow h3{font-size:150%;height:46px;line-height:46px;margin-bottom:20px;text-align:center;width:-webkit-calc(100% - (2px * 2));width:calc(100% - (2px * 2))}#line_flow h3.line_flow:not(:first-child){margin-top:88px}#line_flow h3.line_flow:not(:first-child):after{border-width:28px 14px 0 14px;margin-top:-30px}#line_flow h3:not(.line_flow){margin-top:30px}#line_flow_detail>li{margin-top:20px}#line_flow_detail>li p{padding:20px 20px}#line_flow_detail>li p img[src^="data:image/png;base64"]{margin:-10px 0}#line_flow_detail>li p img[src^="http"]{margin-bottom:10px}#line_flow_photo>li{margin-top:20px}#line_flow figure figcaption{width:-webkit-calc(100% - 282px - 20px);width:calc(100% - 282px - 20px)}#line_flow figure picture{width:282px}#line_flow_info{border-width:5px}}@media screen and (min-width:768px) and (max-width:939px){#line_flow_detail>li{width:-webkit-calc((100% - (10px * 2)) / 3);width:calc((100% - (10px * 2)) / 3)}#line_flow_detail>li:not(:nth-child(3n+1)){margin-left:10px}#line_flow_photo>li{width:-webkit-calc((100% - (10px * 2)) / 3);width:calc((100% - (10px * 2)) / 3)}#line_flow_photo>li:not(:nth-child(3n+1)){margin-left:10px}}@media screen and (min-width:940px) and (max-width:1119px){#line_flow_detail>li{width:-webkit-calc((100% - (15px * 2)) / 3);width:calc((100% - (15px * 2)) / 3)}#line_flow_detail>li:not(:nth-child(3n+1)){margin-left:15px}#line_flow_photo>li{width:-webkit-calc((100% - (15px * 2)) / 3);width:calc((100% - (15px * 2)) / 3)}#line_flow_photo>li:not(:nth-child(3n+1)){margin-left:15px}}@media screen and (min-width:1120px){#line_flow_detail>li{width:246px}#line_flow_detail>li:not(:nth-child(3n+1)){margin-left:16px}#line_flow_photo>li{width:246px}#line_flow_photo>li:not(:nth-child(3n+1)){margin-left:16px}}