@charset "UTF-8";
@media screen and (min-width: 768px),print {  /* 3枚表示のbxslider
  -------------------------------------*/
.main-ttlr{ text-align: center; margin-bottom: 50px; }
.main-ttlr img{ margin: 0 auto; }
.main-subttlr{ text-align: center; margin-bottom: 50px; }
.main-subttlr img{ margin: 0 auto; }

#contents01{ position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 80px 0px 0px 0px; margin-bottom: 90px; }
#contents01 .inner-box{ width: 1100px; margin: 0 auto; border: 4px solid #e2e2e2; padding: 60px 60px 10px 60px; background: #fff; position: relative; }
#contents01 .inner-box h3{ position: absolute; top: -31px; left: 275px; }
#contents01 .inner-box figure{ position: absolute; top: 60px; right: 60px; }
#contents01 .inner-box::before{ content: url('../images/wall/contents01-arr.png'); position: absolute; bottom: -59px; right: 490px; }
#contents01 ul { width: 440px; }
#contents01 ul li{ position: relative; font-size: 20px; font-weight: 700; margin-bottom: 9px; padding-bottom: 10px; border-bottom: 1px dotted #d8d8d8; padding-left: 40px;}
#contents01 ul li span{ color: #f16121; }
#contents01 ul li::before{ content: url('../images/rainleak/check.png'); position: absolute; top: 3px; left: 0px; }
#contents01 ul li:nth-of-type(8) { border: none; }

.bottom-come{ width: 1200px; text-align: center; margin-bottom: 50px; margin: 0 auto; position: relative;}
.bottom-come p{ margin: 0 auto; padding-top: 75px; padding-bottom: 60px; }
.bottom-come p img{ margin: 0 auto; }
.bottom-come span{ position: absolute; bottom: 0px; right:0px }

#contents02{  }
#contents02 .inner-box{ width: 1100px; margin: 0 auto 80px auto; }
#contents02 .inner-box h2{text-align: center; margin-bottom: 50px;}
#contents02 .inner-box h2 img{ margin: 0 auto; }

#contents02 .text-boxx{ padding-right: 516px;  position: relative;}
#contents02 .text-boxx figure{ position: absolute; right: 0; top: 0; }
#contents02 .text-boxx h3{letter-spacing: 0.56px;     font-size: 27px; font-weight: 700; line-height: 44px; background: url('../images/wall/contents02-line.jpg') no-repeat bottom left; padding-bottom: 30px; margin-bottom: 40px;}
#contents02 .text-boxx p{ font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 30px}
#contents02 .text-boxx p span{ font-weight: 700; }
#contents02 .btn{ font-size: 18px; line-height: 30px;font-weight: 500;font-size: 20px;color: #ffffff; position: relative; background: #2b2c2f;     padding: 11px 40px 12px 50px; display: inline-block; margin-left: 330px;}
#contents02 .btn::before{ content: url('../images/index/contents01-btnicon.png'); position: absolute; left: 27px; }
#contents02 .btn a{ color: #fff; }

#contents03{ width: 1100px; margin: 0 auto 100px auto; }
#contents03 .left-box{ position: relative; background: url('../images/company/torikumi-back.jpg'); outline: 4px solid #f16121;  border:1px solid #f16121; outline-offset: 5px; padding: 40px;  }
#contents03 .left-box h3{ text-align: center;}
#contents03 .left-box h3 img{ margin: 0 auto 30px auto; }
#contents03 .left-box li{width: 475px; margin-right: 40px; float: left; background-color: #fff2ec; margin-bottom: 14px; padding: 14px; min-height: 160px; position: relative; }
#contents03 .left-box li figure{ position: absolute; right: 14px; top: 14px; }
#contents03 .left-box li span{display: block; background: #f16121; position: absolute; left: 0px; top: 0px; width: 45px; height: 45px;  line-height: 1; padding: 13px 0 13px 10px;  }
#contents03 .left-box li p{ width: 286px; text-align: center; padding-top: 45px; font-size: 22px; font-weight: 700; line-height: 30px; }
#contents03 .left-box li:nth-of-type(2n){ margin-right: 0; }
#contents03 .left-box li:nth-of-type(4) p { padding-top: 20px; }

#contents04{ width: 1102px; margin: 0 auto; text-align: center; margin-bottom: 45px;}
#contents04 h2{ font-size: 46px; font-weight: 700; line-height: 1.2; margin-bottom: 40px; }
#contents04 h2 span{ font-size: 26px; text-decoration: underline;  }
#contents04 li{ float: left; margin-right: 39px;  }
#contents04 li:nth-of-type(3) { margin-right: 0px; }


#contents05{ position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 80px 0px 0px 0px; margin-bottom: 90px; }
#contents05 .inner-box{ width: 1100px; margin: 0 auto; min-height: 400px; position: relative; margin-bottom: 60px; }
#contents05 .inin-box figure{ position: absolute; top: -40px; right: -117px; }
#contents05 .inin-box h3{ font-size: 42px; font-weight: 700; margin-bottom: 45px; line-height: 1;position: relative;top: 10px;left: 10px;padding: 8px 0 0 80px; }
#contents05 .inin-box h3 span{ margin-right: 22px;   padding-top: 20px; padding-left: 15px; background-color: #2b2c2f; width: 66px; height: 66px; display: inline-block;position: absolute; top: -10px; left: -10px;}
#contents05 .inin-box{ padding-right: 625px; }
#contents05 .inin-box p{ margin-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 24px;}
#contents05 .inin-box p span{ font-weight: 700; }
#contents05 .inin-box .nenkan{ margin-bottom: 10px; font-weight: 500; font-size: 16px; line-height: 24px;}

#contents05 .inner-box02{ width: 1000px; margin: 0 auto; border: 4px solid #e2e2e2; background: #fff; margin-bottom: 100px;}
#contents05 .inner-box02 h3{text-align: center; background-color: #f16121; position: relative; top: -4px; left:-4px; width: 1000px; height: 65px;}
#contents05 .inner-box02 h3 img{position: absolute; bottom:0; left: 141px;}
#contents05 .conn h4{ text-align: center; margin: 0 auto; }
#contents05 .conn h4 img{ text-align: center; margin: 0 auto; }
#contents05 .conn ul{ padding: 25px 0px 50px 60px; }
#contents05 .conn ul li{ min-height: 290px; width: 200px; float: left; margin-right: 34px; border-right: 1px dotted #333; padding-right: 34px;  }
#contents05 .conn ul li span img{margin: auto;}

#contents05 .conn ul li h4 span{ font-size: 34px; color: #f16121;border-bottom: 2px solid #f16121;}
#contents05 .conn ul li h4 { font-size: 16px; text-decoration: none; font-weight: 700; }
#contents05 .conn ul li:nth-of-type(4n) { margin-right: 0; border-right: none;}


#contents06{ position: relative; padding: 80px 0px 0px 0px; margin-bottom: 90px; }
#contents06 .inner-box{ width: 1100px; margin: 0 auto; min-height: 400px; position: relative; margin-bottom: 60px; }
#contents06 .inin-box figure{ position: absolute; top: -40px; left: -117px; }
#contents06 .inin-box h3{ font-size: 42px; font-weight: 700; margin-bottom: 25px; position: relative; left: 75px; }
#contents06 .inin-box h3 span{ margin-right: 22px;   padding-top: 20px; padding-left: 15px; background-color: #2b2c2f; width: 66px; height: 66px; line-height: 1; display: inline-block; position: absolute; left: -75px;}
#contents06 .inin-box{ padding-left: 625px; }
#contents06 .inin-box p{ margin-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 24px;}
#contents06 .inin-box p span{ font-weight: 700; }

#contents06 .inner-box02{ width: 1000px; margin: 0 auto; border: 4px solid #e2e2e2; background: #fff; margin-bottom: 100px;}
#contents06 .inner-box02 h3{text-align: center; background-color: #f16121; position: relative; top: -4px; left:-4px; width: 1000px; height: 65px; padding-top: 18px;}
#contents06 .inner-box02 h3 img{ margin: 0 auto; }
#contents06 .conn .ttl{font-size: 38px; font-weight: 500; text-align: center; margin: 0 auto; line-height: 1.4;}
#contents06 .conn .txt-bx{font-size: 16px;  background: #FFF2EC; padding: 5px 10px; }
#contents06 .conn h4{ text-align: center; margin: 0 auto; }
#contents06 .conn h4 img{ text-align: center; margin: 0 auto; }
#contents06 .conn ul{padding: 25px 60px 15px; background: url(../images/roof/kawara-bb-icon.png) no-repeat bottom center;  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center;-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
#contents06 .conn ul li{ min-height: 180px; width: 260px; margin-right: 40px; font-size: 16px; }
#contents06 .conn ul li span{ font-weight: bold; }
#contents06 .conn ul li:nth-of-type(1) { margin-left: 40px;}
#contents06 .conn ul li:nth-of-type(2) { margin-right: 40px; }
#contents06 .conn ul li:nth-of-type(5) { margin-right: 0; }


#contents06 .text-bb{ text-align: center; padding: 15px 0; position: relative; font-weight: 700; font-size: 20px;}
#contents06 .text-bb p{ text-align: center; font-size: 30px; line-height: 1.6;}
#contents06 .text-bb p span{ text-align: center; color: #f16121;}
#contents06 .text-bb .point1{  position: absolute; bottom: 20px; left: 93px; }
#contents06 .text-bb .point2{  position: absolute; right: 123px; bottom: 0; }

#contents07{ position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 80px 0px 0px 0px; margin-bottom: 40px; }
#contents07 .inner-box{ width: 1100px; margin: 0 auto; min-height: 320px; position: relative; margin-bottom: 60px; }
#contents07 .inin-box figure{ position: absolute; top: -40px; right: -117px; }
#contents07 .inin-box h3{ font-size: 42px; font-weight: 700; margin-bottom: 25px; position: relative; left: 75px; }
#contents07 .inin-box h3 span{ margin-right: 22px;   padding-top: 20px; padding-left: 15px; background-color: #2b2c2f; width: 66px; height: 66px; line-height: 1; display: inline-block; position: absolute; left: -75px;}
#contents06 .inin-box{ padding-left: 625px; }
    
#contents07 .inin-box{ padding-right: 625px; }
#contents07 .inin-box p{ margin-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 24px;}
#contents07 .inin-box p span{ font-weight: 700; }

#contents07 .inner-box02{ width: 1000px; margin: 0 auto; border: 4px solid #e2e2e2; background: #fff; margin-bottom: 100px;}
#contents07 .inner-box02 h3{text-align: center; background-color: #f16121; position: relative; top: -4px; left:-4px; width: 1000px; height: 65px; padding-top: 18px;}
#contents07 .inner-box02 h3 img{ margin: 0 auto; }
#contents07 .conn h4{ width: 320px; float: left; }
#contents07 .conn p{ width: 440px; float: left; }
#contents07 .conn h4 img{  margin: 0 auto; }
#contents07 .conn ul{ padding: 25px 60px 0px 60px; }
#contents07 .conn ul li{border-bottom: 1px dotted #cccccc; padding-bottom: 24px; margin-bottom: 25px; }
#contents07 .conn ul li span{ float: left; margin-right: 18px; }

#contents07 .conn ul li h4 span{ font-size: 38px; color: #f16121;text-decoration: underline;}
#contents07 .conn ul li h4 {     font-size: 23px; text-decoration: none; font-weight: 700; }
#contents07 .conn ul li:nth-of-type(4n) { margin-right: 0; border-right: none;}
#contents07 .last{ border: none!important; }
#contents07 .conn ul li:nth-of-type(1) span{padding-top: 21px; }
#contents07 .conn ul li:nth-of-type(1) p{padding-top: 21px; }



#contents08{ width: 1100px; margin: 0 auto 100px auto; }
#contents08 .inner-box{ position: relative; outline: 4px solid #0d87af;  border:1px solid #0d87af; outline-offset: 5px; padding: 50px;  }
#contents08 .inner-box h3{ text-align: center;}
#contents08 .inner-box h3 img{ margin: 0 auto 30px auto; }
#contents08 ul { width: 850px; margin: 0 auto; margin-bottom: 80px; }
#contents08 ul li{ text-align: center; width: 280px; float: left; font-size: 20px;}
#contents08 ul li span{ color: #f16121; }
#contents08 ul li p{  position: relative; font-weight: 700;  }
#contents08 ul li p::before{ content: url('../images/rainleak/check.png');  position: relative; top: 5px;}

#contents08 .text-boxx{ padding-right: 516px;  position: relative;}
#contents08 .text-boxx figure{ position: absolute; right: 0; top: 0; }
#contents08 .text-boxx h3{letter-spacing: 0.56px; font-size: 28px; font-weight: 700; line-height: 44px; background: url('../images/wall/contents02-line.jpg') no-repeat bottom left; padding-bottom: 30px; margin-bottom: 40px; text-align: left;}
#contents08 .text-boxx p{ font-size: 16px; font-weight: 500; line-height: 24px; margin-bottom: 30px}
#contents08 .text-boxx p span{ font-weight: 700; }


#contents08 .txt-bx{ width: 440px; position: absolute; right: 45px; bottom: 80px}
#contents08 .txt-bx .ttl{ margin-bottom: 20px;}
#contents08 .txt-bx .txt{ }
#contents08 .txt-bx .txt span{ font-weight: bold;}



.btmmcon{margin: 0 auto 20px auto; width: 1150px; height: 458px; background: url('../images/roof/bottom-back.jpg')no-repeat top center; text-align: center; padding-top: 121px;}
.btmmcon span.text{color: #ffffff;  font-size: 26px; font-weight: 700; text-decoration: underline;}
.btmmcon h3{ color: #ffffff; font-weight: 700; font-size: 44px; }
.btmmcon h3 span{ color: #fce021; }


.inc-list{  }
.inc-list h2{ color: #333; font-weight: 700; font-size: 46px; text-align: center; line-height: 1.4; margin-bottom: 46px;}
.inc-list h2 span{ text-decoration: underline; font-size: 26px; }

.system-list{ width: 1100px; margin: 0 auto; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.system-list li{ line-height: 1.6; width: 23.5%; margin-right: 2%; background: #f3f3f3; position: relative; margin-bottom: 40px; padding-bottom: 50px}
.system-list li:nth-child(4n){ margin-right: 0}
.system-list li a:hover{ text-decoration: none; }
.system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 0.75em; position: absolute; bottom: 0; left: 0; width: 100%; padding: 3%;}
.system-list .btn::after { content: ' >';}
.system-pic{ width: 100%; height: 180px; overflow: hidden; text-align: center; margin-bottom: 15px;}
.system-pic img{ width: 100%; height: 180px; }
.system-date{padding: 0 10px; font-size: 0.75em; margin-bottom: 10px;line-height: 1.6; }
.system-coment{ padding: 0 10px; font-size: 0.75em; margin-bottom: 5px; line-height: 1.4; }
.system-ttl-01{ font-weight: 700; padding: 0 10px; font-size: 1em; margin-bottom: 20px; line-height: 1.4; }
.system-category-set { position: absolute; top: 0; left: 0; margin-bottom: 15px; margin-top: -15px;}
.system-category{ margin-bottom: 1px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 8px; background-color: #ccc;}
.serchcategory{ margin-bottom: 100px;}
.serchcategory .icon { display: inline-block; margin-bottom: 15px; font-size: 0.688em; font-weight: bold; color: #fff; text-align: center; padding: 10px 20px; }
.icon01{ background: #f16121; }
.icon02{ background: #2b2c2f; }
.icon03{ background: #fce021; color: #333!important; }
.icon04{ background: #2293b4; }
.icon05{ background: #0c897f; }
.dl-btn{position: absolute; bottom: 20px; font-size: 12px; font-weight: 700; border: 1px solid #2b2c2f; background: #fff; padding: 3px 60px;text-align: center; display: inline-block; margin-left: 50px; }

.btmm-banner01{ width: 1100px; margin: 0 auto 40px auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.btmm-banner01 li{ margin-bottom: 36px; margin-right: 36px;  }
.btmm-banner01 li:nth-child(2n){margin-right: 0;}
.btmm-banner01 li:last-child{ margin-bottom: 0; margin-right: 0;}

.btmm-banner02 {background-color: #2b2c2f; max-width: 1400px;  width: 100%;  min-width: 1200px; margin: 0 auto 130px auto;    padding: 20px 0 48px 0;  }
.btmm-banner02 ul{ width: 1160px; margin: 0 auto 40px auto;display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; }
.btmm-banner02 li:nth-child(2n){ margin-right: 0;}
.btmm-banner02 li:last-child{ margin-bottom: 0; margin-right: 0;}
.btmm-banner02 h2{ line-height: 1; font-size: 46px; text-align: center; font-weight: 700; color: #ffffff; margin-bottom: 50px;}
.btmm-banner02 h2 span{ display: block; margin-bottom: 20px }



  }

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

.main-ttlr{ text-align: center; margin-bottom: 6.519vw; }
.main-ttlr img{ margin: 0 auto; }
.main-subttlr{ text-align: center; margin-bottom: 6.519vw; }
.main-subttlr img{ margin: 8vw auto 0vw; width: 90%; }

#contents01{ position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 10.43vw 0px 0px 0px; margin-bottom: 11.734vw; }
#contents01 .inner-box{  margin: 0 3vw; border: 4px solid #e2e2e2; padding: 2.823vw; background: #fff; position: relative;     margin-bottom: 10vw;}
#contents01 .inner-box h3{ position: absolute; top: -12.042vw; margin: 0 3vw; left: 0vw;}
#contents01 .inner-box figure{ margin-bottom: 3vw; }
#contents01 .inner-box::before{ content: url('../images/wall/contents01-arr.png'); position: absolute;  bottom: -15.692vw; left: 30vw;  }
#contents01 ul {  }
#contents01 ul li{ position: relative; font-size:3.865vw; font-weight: 700; margin-bottom: 2.608vw; padding-bottom: 1.304vw; border-bottom: 1px solid #d8d8d8; padding-left: 5.215vw;}
#contents01 ul li span{ color: #f16121; }
#contents01 ul li::before{ content: url('../images/rainleak/sp-check.png'); position: absolute; top: 0.391vw; left: 0px; }

.bottom-come{ text-align: center; margin-bottom: 6.519vw; margin: 0 auto; position: relative;}
.bottom-come p{ margin: 0 auto; padding-top: 9.778vw; }
.bottom-come p img{ margin: 0 auto; width: 95%; }
.bottom-come span{ display: none; }

#contents02{  }
#contents02 .inner-box{ margin: 0 3vw 10vw 3vw; }
#contents02 .inner-box h2{text-align: center; margin: 0 12vw 6.519vw 12vw;}
#contents02 .inner-box h2 img{ margin: 0 auto; }

#contents02 .text-boxx{   position: relative;}
#contents02 .text-boxx figure{ margin-bottom: 4vw; }
#contents02 .text-boxx h3{letter-spacing: 0.073vw; font-size: 5.651vw; font-weight: 700; line-height: 7.737vw; background: url('../images/wall/contents02-line.jpg') no-repeat bottom left; padding-bottom: 3.911vw; margin-bottom: 5.215vw;}
#contents02 .text-boxx p{ font-size:4.382vw;   line-height: 1.6; margin-bottom: 4vw;}
#contents02 .text-boxx p span{ font-weight: 700; }
#contents02 .btn{ line-height: 3.911vw; font-size:3.865vw;color: #ffffff; position: relative; background: #2b2c2f;    padding: 3.782vw 5.911vw 3.782vw 9.215vw; display: inline-block; width: 100%;}
#contents02 .btn::before{ content: url('../images/index/contents01-btnicon.png'); position: absolute; left: 2.216vw; }
#contents02 .btn a{ color: #fff; }

#contents03{  margin: 0 3vw 10vw 3vw; }
#contents03 .left-box{ position: relative; background: url('../images/company/torikumi-back.jpg'); outline: 4px solid #f16121;  border:1px solid #f16121; outline-offset: 0.652vw; padding: 5.215vw;      margin-bottom: 10vw;}
#contents03 .left-box h3{ text-align: center;}
#contents03 .left-box h3 img{ margin: 0 auto 5vw auto; }
#contents03 .left-box li{background-color: #fff2ec; margin-bottom: 1.825vw; padding: 1.825vw;     min-height: 28.86vw; position: relative; }
#contents03 .left-box li figure{    width: 40%; position: absolute; right: 1.825vw; top: 1.825vw; }
#contents03 .left-box li span{display: block; background: #f16121; position: absolute; left: 0px; top: 0px;     width: 9.867vw;  line-height: 1; padding: 1.695vw 0 1.695vw 1.304vw;  }
#contents03 .left-box li span img{height: 5vw; }
#contents03 .left-box li p{ width: 47.288vw; text-align: center; padding-top: 7.867vw; font-size: 3.868vw; font-weight: 700; line-height: 1.6; }
#contents03 .left-box li:nth-of-type(1) p { padding-top: 9.911vw; }
#contents03 .left-box li:nth-of-type(3) p { padding-top: 7.911vw; }
#contents03 .left-box li:nth-of-type(4) p { padding-top: 3.911vw; }



#contents04{ margin: 0 3vw; text-align: center; margin-bottom: 5.867vw;}
#contents04 h2{ font-size: 7.997vw; font-weight: 700; line-height: 1.2; margin-bottom: 5.215vw; }
#contents04 h2 span{ font-size: 4.39vw; text-decoration: underline;  }
#contents04 li{ margin: 0 auto 5.085vw; width: 90%;  }


#contents05{  margin: 0 4vw; position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 10.43vw 0px 0px 0px; margin-bottom: 11.734vw; }
#contents05 .inner-box{  margin: 0 3vw; position: relative; margin-bottom: 7.823vw; }
#contents05 .inin-box figure{ margin-bottom: 3vw }
#contents05 .inin-box h3{ font-size: 7.476vw; font-weight: 700; margin-bottom: 3.259vw; }
#contents05 .inin-box h3 span{ margin-right: 2.868vw; padding-top: 2.173vw; padding-left: 1.956vw; background-color: #2b2c2f; width: 12.605vw; height: 12.605vw; line-height: 1; display: inline-block;position: relative; top: 3vw; }
#contents05 .inin-box h3 span img{ height: 7vw; }
#contents05 .inin-box p{ margin-bottom: 3.911vw; font-size: 4.086vw; line-height: 1.6;}
#contents05 .inin-box p span{ font-weight: 700; }
#contents05 .inin-box .nenkan{ margin-bottom: 1vw}

#contents05 .inner-box02{ margin: 0 auto; border: 4px solid #e2e2e2; background: #fff; margin-bottom: 13.038vw;}
#contents05 .inner-box02 h3{text-align: center; background-color: #f16121; position: relative;  }
#contents05 .inner-box02 h3 img{  }
#contents05 .conn h4{ text-align: center; margin: 0 auto; }
#contents05 .conn h4 img{ text-align: center; margin: 0 auto; }
#contents05 .conn ul{ padding: 3.823vw; }
#contents05 .conn ul li{ width: 49%; float: left; margin-right: 2%;  text-align: center; font-size: 3vw; }
#contents05 .conn ul li span img{width: 20%;margin: auto; }

#contents05 .conn ul li h4 span{ font-size: 5.954vw; color: #f16121;border-bottom: 2px solid #f16121;}
#contents05 .conn ul li h4 { font-size: 4.086vw; text-decoration: none; font-weight: 700; }
#contents05 .conn ul li p { text-align: left; padding-bottom: 4vw;}
#contents05 .conn ul li:nth-of-type(2n) { padding-left: 3vw; margin-right: 0; border-right: none;  border-left: 1px dotted #333;  padding-right: 0; margin-bottom: 3vw;}


#contents06{ position: relative; padding: 10.43vw 0px 0px 0px; margin: 0 4vw; margin-bottom: 11.734vw; }
#contents06 .inner-box{  margin: 0 3vw; position: relative; margin-bottom: 7.823vw; }
#contents06 .inin-box figure{ margin-bottom: 3vw }
#contents06 .inin-box h3{ font-size: 7.476vw; font-weight: 700; margin-bottom: 3.259vw; }
#contents06 .inin-box h3 span{ margin-right: 2.868vw; padding-top: 2.173vw; padding-left: 1.956vw; background-color: #2b2c2f; width: 14.605vw; height: 12.605vw; line-height: 1; display: inline-block; position: relative; top: 3vw;}
#contents06 .inin-box h3 span img{ height: 7vw; }
#contents06 .inin-box p{ margin-bottom: 3.911vw; font-size: 4.086vw; line-height: 1.6;}
#contents06 .inin-box p span{ font-weight: 700; }

#contents06 .inner-box02{ margin: 0 auto; border: 4px solid #e2e2e2; background: #fff; margin-bottom: 13.038vw;}
#contents06 .inner-box02 h3{text-align: center; background-color: #f16121; left:-0.522vw;  margin-bottom: 4vw;}
#contents06 .inner-box02 h3 img{ margin: 0 auto; }
#contents06 .conn .ttl{font-size: 5vw; font-weight: 500; text-align: center; margin: 0 auto; }
#contents06 .conn .txt-bx{font-size: 3.4vw; background: #FFF2EC; padding: 3vw; }
#contents06 .conn .txt-bx span{font-weight: bold;}
#contents06 .conn h4{ text-align: center; margin: 0 auto; }
#contents06 .conn h4 img{ text-align: center; margin: 0 auto; }
#contents06 .conn ul{  background: url(../images/roof/kawara-bb-icon.png) no-repeat bottom center;  padding-bottom: 3.911vw; padding: 0 3vw;}
#contents06 .conn ul li{ width: 47%; margin-right: 5%; float: left; font-size: 3.086vw; margin-bottom: 3vw; }
#contents06 .conn ul li p{ padding:2vw 0vw 3vw; }
#contents06 .conn ul li:nth-of-type(2n) { margin-right: 0; border-right: none;}

#contents06 .conn ul li span{ font-weight: bold; }

#contents06 .text-bb{ text-align: center; padding: 4.563vw 0; position: relative; font-weight: 700; }
#contents06 .text-bb p{ text-align: center; font-size: 4.39vw; line-height: 1.6;}
#contents06 .text-bb p span{ text-align: center; color: #f16121;}
#contents06 .text-bb .point1{  position: absolute; bottom: 0vw; left: 0.125vw; width: 19vw;}
#contents06 .text-bb .point2{  position: absolute; bottom: 0vw; right: 1.037vw; width: 13vw;}

#contents07{  margin: 0 4vw; position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 10.43vw 0px 0px 0px; margin-bottom: 5.215vw; }
#contents07 .inner-box{  margin: 0 3vw; position: relative; margin-bottom: 7.823vw; }
#contents07 .inin-box figure{ margin-bottom: 3vw }
#contents07 .inin-box h3{ font-size: 7.476vw; font-weight: 700; margin-bottom: 3.259vw; }
#contents07 .inin-box h3 span{ margin-right: 2.868vw; padding-top: 2.173vw; padding-left: 1.956vw; background-color: #2b2c2f; width: 14.605vw; height: 12.605vw; line-height: 1; display: inline-block;position: relative; top: 3vw; }
#contents07 .inin-box h3 span img{ height: 7vw; }
#contents07 .inin-box p{ margin-bottom: 3.911vw; font-size: 4.086vw; line-height: 1.6;}
#contents07 .inin-box p span{ font-weight: 700; }

#contents07 .inner-box02{ margin: 0 auto; border: 4px solid #e2e2e2; background: #fff; margin-bottom: 13.038vw;}
#contents07 .inner-box02 h3{text-align: center; background-color: #f16121; padding-top: 2.347vw;}
#contents07 .inner-box02 h3 img{ margin: 0 auto; }
#contents07 .conn h4{ }
#contents07 .conn p{}
#contents07 .conn h4 img{  margin: 0 auto; }
#contents07 .conn ul{ padding: 3.259vw 2.823vw 0px 2.823vw; }
#contents07 .conn ul li{border-bottom: 3px dotted #cccccc; padding-bottom: 4.433vw; margin-bottom: 4.563vw; }
#contents07 .conn ul li span{ float: left; margin-right: 2.347vw; }
#contents07 .conn ul li span img{width: 8vw; }

#contents07 .conn ul li h4 span{ font-size: 4.954vw; color: #f16121;text-decoration: underline;}
#contents07 .conn ul li h4 { font-size: 5.608vw; text-decoration: none; font-weight: 700; margin-bottom: 4vw; margin-left: 10vw; }
#contents07 .conn ul li:nth-of-type(4n) { margin-right: 0; border-right: none;}
#contents07 .last{ border: none!important; }

#contents08{ margin: 0 4vw 10vw 4vw; }
#contents08 .inner-box{ position: relative; outline: 4px solid #0d87af;  border:1px solid #0d87af; outline-offset: 0.652vw; padding: 6.519vw 2.519vw 2.519vw 2.519vw;  }
#contents08 .inner-box h3{ text-align: center;}
#contents08 .inner-box h3 img{ margin: 0 auto 30px auto; }
#contents08 ul { margin: 0 auto; margin-bottom: 10.43vw; }
#contents08 ul li{ text-align: center; width: 100%; float: left; margin-right: 2%;}
#contents08 ul li img{ width: 30%; float: left;padding: 2vw 3vw;}
#contents08 ul li span{ color: #f16121; }
#contents08 ul li p{  position: relative; font-weight: 700;  font-size: 4vw;top: 8vw;text-align: left;}
#contents08 ul li p::before{ content: url('../images/rainleak/check.png');  position: relative; top: 0.652vw;}

#contents08 .text-boxx{ }
#contents08 .text-boxx figure{ margin-bottom: 3vw; }
#contents08 .text-boxx h3{ font-size: 5.651vw; font-weight: 700; line-height: 1.6; background: url('../images/wall/contents02-line.jpg') no-repeat bottom left; padding-bottom: 3.911vw; margin-bottom: 5.215vw; text-align: left;}
#contents08 .text-boxx p{ font-size: 4.086vw; line-height: 1.6; margin-bottom: 4vw;}
#contents08 .text-boxx p span{ font-weight: 700; }


#contents08 .txt-bx{ margin-top: 8vw; margin-bottom: 5vw}
#contents08 .txt-bx .ttl{ margin-bottom: 1vw; font-size: 4.6vw}
#contents08 .txt-bx .txt{ font-size: 4.086vw; line-height: 1.6;}
#contents08 .txt-bx .txt span{ font-weight: bold;}



.ttd{ padding: 0vw 10vw 4vw 10vw; }
.btmmcon{margin: 0 auto 10vw auto; height: 70vw; background: url('../images/roof/sp-bottom-back.jpg')no-repeat top center; text-align: center; padding-top: 20.991vw; background-size: 100%;}
.btmmcon span.text{color: #ffffff;  font-size: 3.39vw; font-weight: 700; text-decoration: underline;}
.btmmcon h3{ color: #ffffff; font-weight: 700; font-size: 5.737vw; }
.btmmcon h3 span{ color: #fce021; }


.inc-list{  }
.inc-list h2{ color: #333; font-weight: 700; font-size: 5.997vw; text-align: center; line-height: 1.4; margin-bottom: 5.997vw;}
.inc-list h2 span{ text-decoration: underline; font-size: 3.39vw; }

.system-list{ padding: 4% 2%; margin-bottom: 10%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.system-list li{ line-height: 1.6; position: relative; line-height: 1.4; width: 49%; margin-right: 2%;  background: #f3f3f3; position: relative; margin-bottom: 5%; padding: 0 0 14%;}
.system-list li:nth-child(2n){ margin-right: 0}
.system-list li a:hover{ text-decoration: none; }
.system-list .btn{ text-align: center; background: #333; color: #fff; font-size: 1.2rem; position: absolute; bottom: 0; left: 0; width: 100%; padding:4% 3%;}
.system-list .btn::after { content: ' >';}
.system-pic{ width: 100%; height: 35.645vw; overflow: hidden; text-align: center; margin-bottom: 8%; }
.system-pic img{ width: 100%; height: 35.645vw; }
.system-date{padding: 0 2vw 0 2vw; font-size: 1.2rem; margin-bottom: 5%; line-height: 1.6;}
.system-ttl-01{ font-weight: 700;padding: 0 2vw 0 2vw; font-size: 1.4rem; margin-bottom: 5%; line-height: 1.6;}
.system-list .system-category-set {position: absolute; top: -2.608vw; left: 0;}
.system-category{ margin-bottom: 0.13vw; font-size: 1.2rem; font-weight: bold; color: #fff; text-align: center; padding: 1.043vw; background-color: #ccc;}
.serchcategory{ margin: 0 3% 10%;}
.serchcategory .icon { display: inline-block;margin-right: 1%;margin-bottom: 3%;font-size: 1.2rem;color: #fff;text-align: center;padding: 4.5% 3%;  }
.icon01{ background: #f16121; }
.icon02{ background: #2b2c2f; }
.icon04{ background: #2293b4; }
.icon03{ background: #fce021; color: #333!important; }
.icon05{ background: #0c897f; }

.btmm-banner01{  margin: 0 3vw 40px 3vw;  }
.btmm-banner01 li{ margin-bottom: 4vw; }

.btmm-banner02 {background-color: #2b2c2f; margin: 0 auto 90px auto; padding: 6.258vw 0;  }
.btmm-banner02 ul{ margin: 0 3vw 40px 3vw;  }
.btmm-banner02 li{ margin-bottom: 4vw; }
.btmm-banner02 h2 img{ margin: 0 auto; }
.btmm-banner02 h2{ font-size: 5.997vw; text-align: center; font-weight: 700; color: #ffffff; margin-bottom: 6.519vw;}



}