@charset "UTF-8";



.red{ color: #D53639; font-weight: bold;}

.orange{ color: #FF7500; font-weight: bold;}





@media screen and (min-width: 768px),print {



main{width: 100% !important;}



#main-con{height: 763px;background-image:url(../images/roofleak/roofleak-main-bg.jpg);background-position:0px 0px;background-repeat:no-repeat;}

#main-con .main-con-inner{width: 1200px; margin: 0 auto; position:relative;}

#main-con .main-con-inner .mainttl{padding: 66px 0px 95px 0px;text-align: right;}

#main-con .main-con-inner .human-box{}

#main-con .main-con-inner .human-box .fukidashi{position: absolute;top: 71px;left: 25px;}

#main-con .main-con-inner .human-box .human-photo{position: absolute;top: 162px;left: -1px;}

#main-con .main-con-inner .medal-listframe{width: 719px;position: relative;z-index: 10;margin: 0 0 0 auto;}

#main-con .main-con-inner .medal-listframe .medal-list{

-webkit-box-orient:horizontal;-webkit-box-direction:normal;

-ms-flex-wrap: wrap;flex-wrap: wrap;

display:-webkit-box;display:-ms-flexbox;display:flex;}

#main-con .main-con-inner .medal-listframe .medal-list li{margin: 0 12px 0 0;}



.roofleak-contact{width: 1200px;margin: 0 auto;padding: 72px 0 0 0;background-color:#fff;position: relative;top: -192px;}

.roofleak-contact .ttl{text-align: center;margin: 0 0 15px 0;}

.roofleak-contact .subtxt{text-align: center;font-size: 20px;line-height: 1.6;letter-spacing: 0.3px;font-weight: bold;margin: 10px 0 55px 0;}

.roofleak-contact .contact-framesubt{font-size: 32px;line-height: 1.6;letter-spacing: 1.5px;text-align: center;font-weight: bold;margin: 0 0 21px 0;}

.roofleak-contact .contact-frame{/*padding: 52px 25px 20px 0px;*/padding:52px 0 20px; background-color:#FF8000;border: 20px solid #FF9900;position:relative;text-align: center;}

.roofleak-contact .contact-frame .subt{text-align: center;margin: 0 0 72px 0;}

.roofleak-contact .contact-frame .telnum{text-align: left;width: 764px;/*margin: 0 0 12px 89px;*/margin-inline: auto;margin-bottom: 12px;}

.roofleak-contact .contact-frame .contact-txt{width: 764px;text-align: center;color: #fff;font-size: 16px;line-height: 1.6;letter-spacing: 1px;/*margin: 0 0 28px 60px;*/        margin-inline: auto;
    margin-bottom: 28px;}

.roofleak-contact .contact-frame .contact-human{position: absolute;bottom: -76px;right: -45px;}

.roofleak-contact .contact-frame .btn{/* margin: 0 0 0 69px; */}







#roofleak-con01{margin: -40px 0 103px 0;}

#roofleak-con01 .mainttl{text-align: center;margin: 0 0 28px 0;}

#roofleak-con01 .roofleak-con01-frame01{background-image:url(../images/roofleak/roofleak-con01-bg.png);background-position:0px 0px;background-repeat:no-repeat;padding: 101px 0 50px 0;}

#roofleak-con01 .roofleak-con01-frame01 .mainsubt{text-align: center;margin: 0 20px 73px 0px;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01{width: 1200px;height: 425px;margin: 0 auto;position: relative;background-image:url(../images/roofleak/roofleak-con01-txtbg01.svg);background-position: right 0px top 65px;background-repeat:no-repeat;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01 .num{position: absolute;top: -9px;left: 704px;z-index: 5;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01 .photo{position: absolute; top:0; left:0;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01 .txt{color: #fff;font-weight:bold;font-size: 32px;line-height: 1.5;letter-spacing: 2px;padding: 226px 0 0 704px;} 

#roofleak-con01 .roofleak-con01-frame01 .con01frame02{width: 1200px;height: 379px;margin: 0 auto;position: relative;background-image:url(../images/roofleak/roofleak-con01-txtbg02.svg);background-position:0px 0px;background-repeat:no-repeat;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame02 .num{position: absolute;top: -47px;left: 436px;z-index: 5;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame02 .photo{position: absolute;top:0;right: 0;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame02 .txt{color: #fff;font-weight:bold;font-size: 32px;line-height: 1.6;letter-spacing: 2px;padding: 157px 0 0 101px;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03{width: 1200px;height: 450px;margin: 0 auto;position: relative;background-image:url(../images/roofleak/roofleak-con01-txtbg03.svg);background-position: right 0px top 73px;background-repeat:no-repeat;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03 .num{position: absolute;top: -27px;left: 696px;z-index: 5;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03 .photo{position: absolute; top:0; left:0;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03 .txt{color: #fff;font-weight:bold;font-size: 32px;line-height: 1.6;letter-spacing: 2px;padding: 231px 0 0 713px;}





#roofleak-con01 .roofleak-con01-frame02{background-image:url(../images/roofleak/roofleak-con02-endbg.png);background-position:center bottom 0px;background-repeat:no-repeat;background-color:#122630;}

#roofleak-con01 .roofleak-con01-frame02 .mainsubt{text-align: center;margin: 0px 0 46px 0;position: relative;z-index: 5;top: -12px;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame{width: 1000px;height: 402px;margin: 0 auto;padding: 54px 0 0 0;position:relative;color: #fff;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .casenum{font-weight:bold;font-size: 23px;line-height: 1.6;letter-spacing: 1px;padding: 0 0 0 500px;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .casenum::after{content: '';display: inline-block;width: 370px;height: 93px;position: absolute;top: 105px;left: 354px;z-index: 10;background-image: url(../images/roofleak/roofleak-con02-line01.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .photo{position: absolute; top:0; left:0;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .photo::after{content: '';display: inline-block;width: 280px;height: 200px;position: absolute;top: 250px;left: 189px;background-image: url(../images/roofleak/roofleak-con02-check.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .subt{font-size: 30px;line-height: 1.5;letter-spacing: 2px;font-weight: bold;padding: 44px 0 5px 504px;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .case-kaisetsu{width: 537px;padding: 22px 0 20px 124px;margin: 20px 0 0 460px;background-color:#000;background-image:url(../images/roofleak/roofleak-con02-mushi.png);background-position: 28px 10px;background-repeat:no-repeat;border-radius: 10px;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .case-kaisetsu .txt{color: #fff;font-size: 21px;line-height: 1.6;letter-spacing: 1.6px;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame{width: 1000px;height: 478px;padding: 59px 0 0 0;margin: 0 auto;position:relative;color: #fff;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .casenum{font-weight:bold;font-size: 23px;line-height: 1.6;letter-spacing: 1px;margin: 0 0 42px 0;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .casenum::after{content: '';display: inline-block;width: 728px;height: 95px;position: absolute;top: 104px;left: 0px;z-index: 5;background-image: url(../images/roofleak/roofleak-con02-line02.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .photo{position: absolute;top:0;right: 0;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .photo::after{content: '';display: inline-block;width: 280px;height: 200px;position: absolute;top: 259px;left: -74px;background-image: url(../images/roofleak/roofleak-con02-check.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .subt{font-size: 30px;line-height: 1.45;letter-spacing: 2px;margin: 0 0 39px 0;font-weight: bold;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .case-kaisetsu{width: 537px;padding: 22px 0 20px 122px;margin: 20px 0 0 0px;background-color:#000;background-image:url(../images/roofleak/roofleak-con02-mushi.png);background-position: 24px 10px;background-repeat:no-repeat;border-radius:10px;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .case-kaisetsu .txt{color: #fff;font-size: 21px;line-height: 1.6;letter-spacing: 1.6px;}

#roofleak-con01 .sindan-frame{width: 1100px;margin: 0 auto 61px;padding: 47px 0 40px 320px;background-color:#36474F;position:relative;}

#roofleak-con01 .sindan-frame .ttl{color: #fff;font-size: 26px;line-height: 1.6;font-weight: bold;letter-spacing: 1px;margin: 0 0 15px 0;}

#roofleak-con01 .sindan-frame .txt{color: #fff;font-size: 16px;line-height: 1.65;letter-spacing: 1px;}

#roofleak-con01 .sindan-frame .photo{position: absolute;top: -77px;left: 24px;}

#roofleak-con01 .end-txt01{text-align: center;margin: 0 0 41px 0;}

#roofleak-con01 .end-txt02{text-align: center;}







#roofleak-flow{margin: 0 0 186px 0;}

#roofleak-flow .mainsubt{text-align: center;margin: 0 0 37px 0;}

#roofleak-flow .flow-frame{width: 1200px;margin: 0 auto;padding: 54px 40px 0px 40px;background-color:#926021;border:10px solid #5E3A0C;position:relative;}

#roofleak-flow .flow-frame .flowttlframe{width: 1020px;margin: 0 auto 50px;position:relative;}

#roofleak-flow .flow-frame .flowttlframe .muryou-icon{position: absolute;top: -4px;left:0;}

#roofleak-flow .flow-frame .flowttlframe .mainttl{text-align: center;margin: 6px 0 0 0;}

#roofleak-flow .flow-frame .flowttlframe::after{content: '';display: inline-block;width: 229px;height: 325px;position: absolute;top: -120px;right: 26px;z-index: 10;background-image: url(../images/roofleak/roofleak-flow-human.png);background-size: contain;background-repeat: no-repeat;}



#roofleak-flow .flow-frame .flow-frame01{background-color:#A27842;padding: 40px 50px 16px 0;position: relative;margin: 0 0 43px 0;}

#roofleak-flow .flow-frame .flow-frame01::after{content: '';display: inline-block;width: 89px;height: 550px;position: absolute;top: 58px;right: 87px;background-image: url(../images/roofleak/roofleak-flow-arrow.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-flow .flow-frame .flow-frame01 .subt{position: absolute;top: 42px;left: 38px;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe{margin: 0px 0 0 105px;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li{background-color:#5E3A0C;padding: 16px 0px 15px 0px;margin: 0 0 32px 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li .num{width: 89px;line-height: 2.2;padding: 6px 0 21px 29px;margin: 0px 33px 0 0;border-right:1px solid #fff;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li .txt{width: 700px;color: #fff;font-size: 30px;line-height: 1.6;letter-spacing: 2px;font-weight: bold;padding: 8px 0 0 0;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li ul.flow02-list{margin: 23px 0 0 26px; font-size: 18px; line-height: 1.6; letter-spacing: 1px; font-weight:bold;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li ul.flow02-list li{background-image:url(../images/roofleak/roofleak-flow-check.svg),url(../images/roofleak/roofleak-flow-line.svg);background-position: left 5px top 0px,center bottom 0px;background-repeat:no-repeat,repeat-x;color: #fff;padding: 0 0 4px 36px;margin: 0 20px 13px 0;width: 315px;letter-spacing: 1.6px;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li ul.flow02-list li:nth-child(2n){width: 422px;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li.flow04 .txtsub{color: #fff;position: absolute;top: 21px;left: 520px;}



#roofleak-flow .flow-frame .flow-frame02{background-color:#A27842;padding: 40px 50px 34px 0;position: relative;margin: 0 0 50px 0;}

#roofleak-flow .flow-frame .flow-frame02 .subt{position: absolute;top: 50px;left: 37px;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe{margin: 0px 0 0 105px;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li{background-color:#5E3A0C;padding: 15px 0px 15px 0px;margin: 0 0 29px 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li .num{width: 89px;line-height: 2.2;padding: 8px 0 22px 28px;margin: 0px 30px 0 0;border-right:1px solid #fff;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li .txt{width: 700px;color: #fff;font-size: 30px;line-height: 1.5;letter-spacing: 1.9px;font-weight: bold;padding: 10px 0 0 0;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li.flow06{margin: 0 0 56px 0;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li.flow06 .txtsub{color: #fff;position: absolute;bottom: -41px;left: 118px;font-size: 18px;font-weight: bold;letter-spacing: 1.5px;}

#roofleak-flow .flow-frame .flow-end-kaeru{position: absolute;bottom: -9px;right: 121px;}









#con03{background-color:#00A43E;width: 1280px;margin: 0px auto 248px;position: relative;}

#con03 .con03-ttlinner{margin: 0px 0 0 0;padding: 29px 0 5px 0px;position: relative;}

#con03 .con03-ttlinner .mainttl{text-align: center;padding: 5px 0 0px 97px;}

#con03 .con03-ttlinner .icon{position: absolute;top: -68px;left: 72px;}

#con03 .con03-ttlinner .human{position: absolute;top: -48px;right: 100px;}

#con03 .con03-txt-list{width: 1100px;margin: 0 auto;padding: 52px 0 0px 44px;background-color:#fff;border:4px solid #000;}



#con03 .frame{width: 1050px;margin: 0 auto 34px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient: horizontal;-webkit-box-direction: normal;}

.henkanframe{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction: row-reverse;margin: 0 0 36px -8px !important;}

.henkanframe .photoinner{width: 480px !important;position: relative;right: 40px;margin: 0 0px 0 0 !important;padding: 0px 0px 0 0;}

.henkanframe .txt-inner{margin: 0 0px 0px 0 !important;padding: 0 80px 0 0;width: 560px !important;}



#con03 .frame .photoinner{width: 479px;position: relative;margin: 0 0px 0 0;/* padding: 0; */}

#con03 .frame .photoinner .num{position: absolute;top: -23px;right: -22px;}

#con03 .frame .photoinner .photo{}

#con03 .frame .txt-inner{width: 460px;margin: 13px 0 0 50px;}

#con03 .frame .txt-inner .subttl{font-size: 30px;font-weight: bold;line-height: 1.55;letter-spacing:1px;margin: 0 0 12px 0;}

#con03 .frame .txt-inner .txt{font-size:16px;font-weight: 400;line-height: 1.8;margin: 0 0 29px 0;letter-spacing:1px;}

#con03 .endframe{margin: 0 0 -9px 0 !important;}

#con03 .end-photo{text-align: center; margin: 25px 0 0px 0;}

#con03 .end-photo-subtxt{font-size: 14px;color: #fff;position: absolute;bottom: 14px;left: 525px;letter-spacing: 1px;}







#form-main{ width: 1140px; margin: 0 auto 70px; border:12px solid #ff9900; padding: 20px 45px 20px 45px;}

#form-main .form-head{}



.subtttl02{border:2px solid #FF5A00;text-align: center;padding: 5px 0 6px 0;margin: 0 auto 37px auto;width: 820px;}

.subtttl02 .txt{ font-size: 22px; line-height: 1.6; letter-spacing: 1px; font-weight:bold; color: #FF7A00; } 



#form-main .form-head .sub-title{ width: 820px; height: 100px; margin: 0 auto 20px; color: #fff; padding: 16px 0 0 0;background-image:url(../images/form/form-input-ttlbg.png);background-position:center 0px;background-repeat:no-repeat;border:none;}

#form-main .form-head .subttl{font-size: 22px;font-weight: 700;letter-spacing: 1px;text-align: center;line-height: 1.5;margin: -10px 0px 23px 0px;}

#form-main .form-head .form-list{list-style: none;}

#form-main .form-head .form-list li{list-style: none;    padding: 0 0 7px 20px; line-height: 1.6;text-indent:0;background-image:url(../images/form/form-tyuui-icon.png);background-position:0 6px;background-repeat:no-repeat;}

#form-main .form-head .form-list span{ color: #e70012; font-weight: bold; }

#form-main .form-head .form-list-txt{}



.form-footer-img{ width: 1000px; margin: 0 auto; position: relative; height: 239px; }

.form-footer-img .photo{ width: 1900px; margin: 0 auto; position:absolute;top:0;left: -465px; }

.complete-ttl{ width: 1100px; margin: 0 auto; }

.borderwrap{ width: 1100px; margin: 0 auto 40px; }



}



















@media screen and (max-width: 767px) {



#main-con img{width: 100%;}



#main-con{height: auto; background-image:url(../images/roofleak/roofleak-main-bg_sp.jpg);background-position:0px 0px;background-repeat:no-repeat; background-size:contain;}

#main-con .main-con-inner{width: 100%; margin: 0 auto; position:relative;}

#main-con .main-con-inner .mainttl{padding: 8vw 7vw 53vw 7vw;}

#main-con .main-con-inner .human-box{}

#main-con .main-con-inner .human-box .fukidashi{position: absolute;top: 75vw;left: 44vw;width: 50vw;}

#main-con .main-con-inner .human-box .human-photo{position: absolute;bottom: 17vw;width: 78vw;left: 2vw;}

#main-con .main-con-inner .medal-listframe{width: 100%; position: relative;z-index: 10;margin: 0 auto 0 auto;}

#main-con .main-con-inner .medal-listframe .medal-list{width: 82%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-wrap: wrap;flex-wrap: wrap;display:-webkit-box;display:-ms-flexbox;display:flex;margin: 0 auto;}

#main-con .main-con-inner .medal-listframe .medal-list li{margin: 0 2% 0 0;width: 32%;}

#main-con .main-con-inner .medal-listframe .medal-list li:nth-child(3n){margin: 0 0vw 0 0;}



.roofleak-contact{width: 94%;margin: 0 auto 8vw;padding: 24vw 0 0 0;background-color:#fff;position: relative;top: -17vw;}

.roofleak-contact .ttl{text-align: center;margin: 0 0 2vw 0;}

.roofleak-contact .subtxt{text-align: center;font-size: 3.6vw;line-height: 1.5;letter-spacing: 0.25vw;font-weight: bold;margin: 3vw 0 5vw 0;}

.roofleak-contact .contact-framesubt{font-size:5.314vw;line-height: 1.6;letter-spacing: 0.25vw;text-align: center;font-weight: bold;margin: 0 0 2vw 0;}

.roofleak-contact .contact-frame{padding: 5vw 0vw 5vw 0px;background-color:#FF8000;border: 3vw solid #FF9900;position:relative;}

.roofleak-contact .contact-frame .subt{text-align: center;margin: 0 0 8vw 0;padding: 0 9vw 0 9vw;}

.roofleak-contact .contact-frame .telnum{text-align: center;width: 100%;margin: 0 0 3vw 0vw;padding: 0 4vw 0 4vw;}

.roofleak-contact .contact-frame .contact-txt{width: 86%;text-align: center;color: #fff;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.25vw;margin: 0 auto 4vw auto;}

.roofleak-contact .contact-frame .contact-human{/* position: absolute; *//* bottom: -2vw; *//* right: -3vw; */padding: 0 10vw 0vw 10vw;margin: 0 0 -2vw 0;}

.roofleak-contact .contact-frame .btn{margin: 0 0 0 0;}







#roofleak-con01{margin: -5vw 0 12vw 0;}

#roofleak-con01 .mainttl{text-align: center;margin: 0 0 2vw 0;}

#roofleak-con01 .roofleak-con01-frame01{background-image:url(../images/roofleak/roofleak-con01-bg_sp.png);background-position:0px 0px;background-repeat:no-repeat;background-size: 100%;padding: 10vw 0 4vw 0;}

#roofleak-con01 .roofleak-con01-frame01 .mainsubt{text-align: center;margin: 0 0 10vw 0px;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01{width: 100%;height: 70vw;margin: 0 auto;position: relative;background-image:url(../images/roofleak/roofleak-con01-txtbg01.svg);background-position: right 2vw top 22vw;background-repeat:no-repeat;background-size: 76%;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01 .num{position: absolute;top: -3vw;left: 10vw;z-index: 5;width: 16vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01 .photo{width: 75vw;margin: 0 0 0 5vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame01 .txt{color: #fff;font-weight:bold;font-size:4.106vw;line-height: 1.5;letter-spacing: 0.25vw;padding: 0vw 0 0 30vw;margin: -1vw 0 0 0;} 

#roofleak-con01 .roofleak-con01-frame01 .con01frame02{width: 100%;height: 74vw;margin: 0 auto;position: relative;background-image:url(../images/roofleak/roofleak-con01-txtbg01.svg);background-position: left 4vw top 31vw;background-repeat:no-repeat;background-size: 73%;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame02 .num{position: absolute;top: -6vw;left: 13vw;z-index: 5;width: 16vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame02 .photo{width: 82vw;margin: -10vw 0 0 10vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame02 .txt{color: #fff;font-weight:bold;font-size:4.106vw;line-height: 1.5;letter-spacing: 0.25vw;padding: 2vw 0 0 12vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03{width: 100%;height: 75vw;margin: 0 auto;position: relative;background-image:url(../images/roofleak/roofleak-con01-txtbg01.svg);background-position: right 4vw top 23vw;background-repeat:no-repeat;background-size: 76%;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03 .num{position: absolute;top: -8vw;left: 71vw;z-index: 5;width: 16vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03 .photo{width: 77vw;margin: 0 0 0 4vw;}

#roofleak-con01 .roofleak-con01-frame01 .con01frame03 .txt{color: #fff;font-weight:bold;font-size:4.106vw;line-height: 1.5;letter-spacing: 0.25vw;padding: 0vw 0 0 42vw;margin: -2vw 0 0 0;}





#roofleak-con01 .roofleak-con01-frame02{background-image:url(../images/roofleak/roofleak-con02-endbg_sp.png);background-position:center bottom 0px;background-repeat:no-repeat;background-color:#122630; background-size:contain;}

#roofleak-con01 .roofleak-con01-frame02 .mainsubt{text-align: center;margin: 0px 0 10vw 0;position: relative;z-index: 5;top: -3vw;}



#roofleak-con01 .roofleak-con01-frame02 .case01frame{width: 100%; height: auto; margin: 0 auto;padding: 5vw 0 0 0;position:relative;color: #fff;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .casenum{font-weight:bold;font-size:4.348vw;line-height: 1.6;letter-spacing: 0.25vw;padding: 0 0 2vw 0;text-align: center;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .photo{width: 80%;margin: 0 auto;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .photo::after{content: '';display: inline-block;width: 40vw;height: 30vw;position: absolute;bottom: 38vw;right: 7vw;background-image: url(../images/roofleak/roofleak-con02-check.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .subt{font-size:5.072vw;line-height: 1.5;letter-spacing: 0.25vw;font-weight: bold;text-align: center;padding:5vw 0 3vw 0;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .case-kaisetsu{width: 90%;padding: 4vw 0 4vw 19vw;margin: 1vw auto 0 auto;background-color:#000;background-image:url(../images/roofleak/roofleak-con02-mushi.png);background-position: left 3vw top 3vw;background-repeat:no-repeat;background-size: 12vw;border-radius: 3vw;}

#roofleak-con01 .roofleak-con01-frame02 .case01frame .case-kaisetsu .txt{color: #fff;font-size:3.865vw; line-height: 1.6;letter-spacing: 0.25vw;}





#roofleak-con01 .roofleak-con01-frame02 .case02frame{width: 100%;height: auto;margin: 0 auto 10vw;padding: 5vw 0 0 0;position:relative;color: #fff;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .casenum{font-weight:bold;font-size:4.348vw;line-height: 1.6;letter-spacing: 0.25vw;padding: 0 0 2vw 0;text-align: center;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .photo{width: 80%;margin: 0 auto;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .photo::after{content: '';display: inline-block;width: 40vw;height: 30vw;position: absolute;bottom: 38vw;right: 7vw;background-image: url(../images/roofleak/roofleak-con02-check.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .subt{font-size:5.072vw;line-height: 1.5;letter-spacing: 0.25vw;font-weight: bold;text-align: center;padding:5vw 0 3vw 0;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .case-kaisetsu{width: 90%;padding: 4vw 0 4vw 19vw;margin: 1vw auto 0 auto;background-color:#000;background-image:url(../images/roofleak/roofleak-con02-mushi.png);background-position: left 3vw top 3vw;background-repeat:no-repeat;background-size: 12vw;border-radius: 3vw;}

#roofleak-con01 .roofleak-con01-frame02 .case02frame .case-kaisetsu .txt{color: #fff;font-size:3.865vw; line-height: 1.6;letter-spacing: 0.25vw;}





#roofleak-con01 .sindan-frame{width: 100%;margin: 0 auto 10vw;padding: 7vw 6vw 0vw 6vw;background-color:#36474F;position:relative;}

#roofleak-con01 .sindan-frame .ttl{color: #fff;font-size:4.831vw;line-height: 1.6;font-weight: bold;letter-spacing:0.25vw; margin: 0 0 3vw 0;}

#roofleak-con01 .sindan-frame .txt{color: #fff;font-size:3.865vw; line-height: 1.65;letter-spacing: 0.25vw;}

#roofleak-con01 .sindan-frame .photo{padding: 2vw 3vw 0 0vw;}

#roofleak-con01 .end-txt01{text-align: center;margin: 0 0 10vw 0;}

#roofleak-con01 .end-txt02{text-align: center;padding: 0 5vw 0 6vw;}











#roofleak-flow{margin: 0 0 10vw 0;}

#roofleak-flow .mainsubt{text-align: center;margin: 0 0 4vw 0;}

#roofleak-flow .flow-frame{width: 100%; margin: 0 auto;padding: 4vw 4vw 0px 4vw;background-color:#926021;border:10px solid #5E3A0C;position:relative;}

#roofleak-flow .flow-frame .flowttlframe{width: 100%; margin: 0 auto 5vw; position:relative;}

#roofleak-flow .flow-frame .flowttlframe .muryou-icon{/* position: absolute; */text-align: center;/* top: 0vw; *//* left:0vw; */}

#roofleak-flow .flow-frame .flowttlframe .mainttl{text-align: center;margin: 4vw 0 0 0;}





#roofleak-flow .flow-frame .flow-frame01{background-color:#A27842;padding: 3vw 4vw 4vw 4vw;position: relative;margin: 0 0 6vw 0;}

#roofleak-flow .flow-frame .flow-frame01::after{content: '';display: inline-block;width: 15vw;height: 125vw;position: absolute;top: 15vw;right: 2vw;background-image: url(../images/roofleak/roofleak-flow-arrow_sp.svg);background-size: contain;background-repeat: no-repeat;}

#roofleak-flow .flow-frame .flow-frame01 .subt{padding: 0px 0px 3vw 0px;text-align: center;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe{margin: 0px 0 0 0vw;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li{background-color:#5E3A0C;padding: 3vw 0px 3vw 0px;margin: 0 0 3vw 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li .num{width: 13vw;line-height: 2.2;padding: 0vw 0 2vw 3vw;margin: 0px 3vw 0 0;border-right:1px solid #fff;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li .txt{width: 49vw;color: #fff;font-size:3.623vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: bold;padding: 1vw 0 0 0;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li ul.flow02-list{margin: 5vw 12vw 0 3vw;font-size: 3.1vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: 600;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li ul.flow02-list li{background-image:url(../images/roofleak/roofleak-flow-check.svg),url(../images/roofleak/roofleak-flow-line.svg);background-position: left 1vw top 0px,center bottom 0px;background-repeat:no-repeat,repeat-x;color: #fff;padding: 0 0 2vw 9vw;margin: 0 3vw 3vw 0;width: 100%;letter-spacing: 1.6px;}

#roofleak-flow .flow-frame .flow-frame01 ul.flow-listframe li.flow04 .txtsub{color: #fff;position: absolute;top: 20vw;left: 16vw;font-size: 3vw;}



#roofleak-flow .flow-frame .flow-frame02{background-color:#A27842;padding: 3vw 4vw 4vw 4vw;position: relative;margin: 0 0 6vw 0;}

#roofleak-flow .flow-frame .flow-frame02 .subt{padding: 0px 0px 3vw 0px;text-align: center;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe{margin: 0px 0 0 0vw;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li{background-color:#5E3A0C;padding: 3vw 0px 3vw 0px;margin: 0 0 3vw 0;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li .num{width: 13vw;line-height: 2;padding: 0vw 0 2vw 3vw;margin: 0px 3vw 0 0;border-right:1px solid #fff;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li .txt{width: 59vw;color: #fff;font-size:3.623vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight: bold;padding: 1vw 0 0 0;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li .single{padding: 2vw 0px 0px 0px;}



#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li.flow06{margin: 0 0 14vw 0;}

#roofleak-flow .flow-frame .flow-frame02 ul.flow-listframe li.flow06 .txtsub{color: #fff;position: absolute;bottom: -11vw;left: 0vw;font-size: 3vw;font-weight: 500;letter-spacing: 0.25vw}

#roofleak-flow .flow-frame .flow-end-kaeru{position: absolute;bottom: 0vw;right: 10vw;width: 22vw;}













#con03{background-color:#00A43E;width: 100%;margin: 0px auto 17vw;position: relative;z-index: 10;}

#con03 .con03-ttlinner{margin: 0px 0 0 0;padding: 3vw 0 2vw 0px;position: relative;}

#con03 .con03-ttlinner .mainttl{position: relative;text-align: center;padding: 10vw 10vw 0px 10vw;}

#con03 .con03-ttlinner .icon{position: absolute;top: -20vw;right: 37vw;width: 25vw;}

#con03 .con03-ttlinner .human{}

#con03 .con03-txt-list{width: 90%;margin: 0 auto;padding: 9vw 0 0vw 0;background-color:#fff;border:4px solid #000;}

#con03 .frame{width: 90%;margin: 0 auto 4vw;}

#con03 .frame .photoinner{width: 100%; position: relative;margin: 0 0 0 0;}

#con03 .frame .photoinner .num{position: absolute;top: -6vw;left: 4vw;width: 13vw;}

#con03 .frame .photoinner .photo{}

#con03 .frame .txt-inner{width: 100%;margin: 3vw 0 15vw 0;}

#con03 .frame .txt-inner .subttl{font-size: 5vw;font-weight: bold;line-height:1.6;letter-spacing: 0px;margin: 0 0 1vw 0;}

#con03 .frame .txt-inner .txt{font-size:3.865vw; font-weight: 400;line-height: 1.8;margin: 0 0 3vw 0;letter-spacing:1px;}

#con03 .end-photo{text-align: center;margin: 8vw 0 0px 0;padding: 0 7vw 0 7vw;}

#con03 .end-photo-subtxt{font-size: 3.3vw;text-align: center;position: absolute;bottom: -7vw;left: 0vw;width: 100%;}



.endframe{margin: 0 auto -8vw auto !important;}

.endframe .photo{margin: 0 0 -7vw 0;}





#form-main{ width: 92%; margin: 0 auto 6vw; border:12px solid #ff9900;     padding: 3vw 0vw 3vw 0vw;}



.subtttl02{border:2px solid #FF5A00;text-align: center;padding: 2vw 0 2vw 0;margin: 0 auto 5vw auto;width: 90%;}

.subtttl02 .txt{font-size:3.865vw;line-height: 1.6;letter-spacing: 0.25vw;font-weight:bold;color: #FF7A00;} 



#form-main .form-head{}

#form-main .form-head .sub-title{ width: 100%; height: 22vw;font-size: 4vw; margin: -5vw auto 3vw; color: #fff; padding: 3vw 0 0 0;background-image:url(../images/form/sp-form-input-ttlbg.png); line-height: 1.4;background-position:center 1vw;background-repeat:no-repeat;background-size:contain;border:none;}

#form-main .form-head .subttl{font-size: 4.4vw;font-weight: 700;letter-spacing: 1px;text-align: center;line-height: 1.5;margin:-3vw 0px 4vw 0px;}

#form-main .form-head .form-list{list-style: none;  margin-bottom: 5%;}



#form-main .form-head .form-list li{list-style: none;  padding: 0 0 2vw 5vw; line-height: 1.6;text-indent:0;background-image:url(../images/form/form-tyuui-icon.png);background-position: 0 1.5vw;background-repeat:no-repeat;}

#form-main .form-head .form-list span{ color: #e70012; font-weight: bold; }

#form-main .form-head .form-list-txt{}



.form-Box{    margin-bottom: 0vw;}

.form-Box .form-Box-inner{    padding: 5% 3% 0%;}



.btnArea{}

.btnArea button{border-radius: 0px !important; }



}