@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; }

.mainbtm{ text-align: center; }
.mainbtm p{ font-size: 16px; line-height: 30px; font-weight: 500; margin-bottom: 32px; }
.mainbtm p span{ font-weight: 700;  }
.mainbtm img{margin: 0 auto; margin-bottom: 80px; }

#contents01{ position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 0px 0px 0px 0px; margin-bottom: 90px; }
#contents01 h2{letter-spacing: 3.39px; text-align: center; text-decoration: underline; font-size: 34px;font-weight: 700; margin-bottom: 20px; position: relative; top: -20px; }
#contents01 .fuki{     position: relative; top: -30px; text-align: center; width: 100%; display: block; }
#contents01 .fuki img{ margin: 0 auto; }
#contents01 h2 span{ color: #f16121; }
#contents01 .inner-box{ width: 1200px; margin: 0 auto; border: 4px solid #e2e2e2; padding: 48px 48px 18px 48px; background: #fff; position: relative; min-height: 354px; margin-bottom: 32px;}
#contents01 .inner-box h3{ font-size: 42px; font-weight: 700; margin-bottom: 25px; }
#contents01 .inner-box h3 span{ margin-right: 22px;   padding-top: 9px; padding-left: 15px; background-color: #2b2c2f; width: 66px; height: 66px; line-height: 1; display: inline-block; }
#contents01 .inner-box figure{ position: absolute; top: 60px; right: 60px; }
#contents01 .inin-box{ padding-right: 558px; }
#contents01 .inin-box p{ margin-bottom: 30px; font-weight: 500; font-size: 16px; line-height: 24px;}

.mainbtm2{ text-align: center; }
.mainbtm2 p{ font-size: 18px; line-height: 30px; font-weight: 700; margin-bottom: 32px; }
.mainbtm2 img{margin: 0 auto; margin-bottom: 80px; }
	
	
#contents02{width: 1000px; margin: 0 auto; border: 4px solid #f16121; margin-bottom: 61px; }
#contents02 h2{ color: #fff; border-bottom: 4px solid #f8b090; background: #f16121; text-align: center; font-size: 34px; font-weight: 700; padding: 5px 0 20px; margin-bottom: 40px;}
#contents02 h2 span{font-size: 24px; }
#contents02 .inner-box{ width: 900px; margin: 0 auto 0px; padding-bottom: 26px; border-bottom: 1px dotted #ccc; position: relative; }
#contents02 ul {     padding: 1px 1px 1px 287px;}
#contents02 ul li{ position: relative; font-size: 20px; font-weight: 700; margin-bottom:30px; line-height: 1; }
#contents02 ul li span{ color: #f16121; }
#contents02 ul li::before{ content: url('../images/rainleak/check.png'); position: absolute; top: 3px; left: -40px; }
#contents02 .inner-box .point{ position: absolute; bottom: 0;     left: 73px; }
#contents02 .inner-box p{font-weight: 700; padding-left: 237px; }
#contents02 .inner-box::before{ content: url('../images/after/arr.png'); position: absolute; bottom: -29px; left: 420px; }

#contents02 .text-bb{ text-align: center; padding: 35px 0; position: relative;}
#contents02 .text-bb p{ text-align: center; font-size: 26px; font-weight: 700; line-height: 1.6;}
#contents02 .text-bb p span{ text-align: center; font-size: 20px; text-decoration: underline; }
#contents02 .text-bb .point1{  position: absolute; bottom: 20px; left: 93px; }
#contents02 .text-bb .point2{  position: absolute; bottom: 0; right: 173px; }

#end-contact2{ width: 888px; background: #fce021; margin: 0 auto; text-align: center; position: relative; padding-bottom: 34px; margin-bottom: 50px;}
#end-contact2 .end-contact-ttl{ margin-bottom: 43px; background: #fccb21; font-size: 24px; font-weight: 700; text-align: center; line-height: 1; padding: 20px 0;}
#end-contact2 .time-text{ padding-top:23px;  font-size: 18px; font-weight: 700; }
#end-contact2 .icon01{  position: absolute; bottom: 0px; left: 15px; }
#end-contact2 .icon02{  position: absolute;     top: 20px; left: 33px; }
#end-contact2 .com-icon{ margin-bottom: 23px; }

.btmmcon{margin: 0 auto 70px auto; width: 1150px; height: 458px; background: url('../images/after/bottom-back.jpg')no-repeat top center; text-align: center;     padding-top: 152px;}
.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; }


}

@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%; }



.mainbtm{ text-align: center; }
.mainbtm p{ font-size: 3.386vw; line-height: 5.911vw; margin-bottom: 4.172vw; }
.mainbtm p span{ font-weight: 700;  }
.mainbtm img{margin: 0 auto; margin-bottom: 10.43vw; width:  95%;}

#contents01{ position: relative; background: url('../images/company/torikumi-back.jpg'); border-top: 3px solid #f3f3f3; border-bottom: 3px solid #f3f3f3; padding: 0px 3vw 0px 3vw; margin-bottom: 11.734vw; }
#contents01 h2{letter-spacing: 0.442vw; text-align: center; text-decoration: underline; font-size: 6.433vw;font-weight: 700; margin-bottom: 2.608vw; position: relative; top: -2.608vw; }
#contents01 .fuki{     position: relative; top: -3.911vw; text-align: center; width: 100%; display: block; }
#contents01 .fuki img{ margin: 0 auto;    width: 34vw; }
#contents01 h2 span{ color: #f16121; }
#contents01 .inner-box{ margin: 0 auto; border: 4px solid #e2e2e2; padding: 3.823vw; background: #fff; position: relative; margin-bottom: 4.172vw;}
#contents01 .inner-box h3{ font-size: 6.476vw; font-weight: 700; margin-bottom: 3.259vw; }
#contents01 .inner-box h3 span{ margin-right: 2.868vw;  padding: 2.173vw 3vw; background-color: #2b2c2f;  line-height: 1; display: inline-block; }
#contents01 .inner-box h3 span img{ height: 6vw; }

#contents01 .inner-box figure{ margin-bottom: 3.911vw; }
#contents01 .inin-box{ }
#contents01 .inin-box p{ margin-bottom: 3.911vw; font-size:3.865vw; line-height: 1.6;}

.mainbtm2{ text-align: center; }
.mainbtm2 p{ font-size: 3.386vw; line-height: 5.911vw; margin-bottom: 4.172vw; font-weight: 700;}
.mainbtm2 p span{ font-weight: 700;  }
.mainbtm2 img{margin: 0 auto; margin-bottom: 10.43vw; width:  95%;}	

#contents02{ margin: 0 3vw; border: 4px solid #f16121; margin-bottom: 7.953vw; }
#contents02 h2{ color: #fff; border-bottom: 4px solid #f8b090; background: #f16121; text-align: center; font-size: 4.433vw; font-weight: 700; padding: 0.652vw 0 2.608vw; margin-bottom: 5.215vw;}
#contents02 h2 span{font-size: 3.129vw; }
#contents02 .inner-box{ margin: 0 auto 3vw; padding-bottom: 3.39vw; border-bottom: 1px dotted #ccc; position: relative; }
#contents02 ul { padding: 0vw 0.13vw 0.13vw 30.9vw;}
#contents02 ul li{ position: relative; font-size: 4vw; font-weight: 700; margin-bottom: 0.911vw; line-height: 1.4; }
#contents02 ul li span{ color: #f16121; }
#contents02 ul li::before{ content: url('../images/rainleak/sp-check.png'); position: absolute; top: 1.391vw; left: -5.215vw; }
#contents02 .inner-box .point{ position: absolute; bottom: 0; left: 1.695vw;     width: 17vw;}
#contents02 .inner-box p{font-weight: 700; padding-left: 30.9vw; font-size:2.382vw;}
#contents02 .inner-box::before{ content: url('../images/after/arr.png'); position: absolute; bottom: -6.781vw; left: 40.759vw; }

#contents02 .text-bb{ text-align: center; padding: 4.563vw 0; position: relative;}
#contents02 .text-bb p{ text-align: center; font-size: 3.39vw; font-weight: 700; line-height: 1.6;}
#contents02 .text-bb p span{ text-align: center; font-size: 2.608vw; text-decoration: underline; }
#contents02 .text-bb .point1{  position: absolute; bottom: 2.608vw; left: 2.125vw;   width: 21vw; }
#contents02 .text-bb .point2{  position: absolute; bottom: 0; right: 3vw;    width: 18vw; }

#end-contact2{ background: #fce021; margin: 0 auto; text-align: center; position: relative; padding-bottom: 4.433vw;}
#end-contact2 .end-contact-ttl{ margin-bottom: 5.606vw; background: #fccb21; font-size: 3.129vw; font-weight: 700; text-align: center; line-height: 1; padding: 2.608vw 0;}
#end-contact2 .time-text{ padding-top:3.999vw;  font-size: 3.347vw; font-weight: 700; }
#end-contact2 .icon01{  position: absolute; bottom: 0px; left: 1.61vw; width: 14.2vw;}
#end-contact2 .icon02{  position: absolute;     top: 5.608vw; left: 3.302vw; width: 14vw;}
#end-contact2 .com-icon{ margin-bottom: 2.999vw; }
.ttd{ padding: 0vw 5vw 0vw 3vw; }
.btmmcon{margin: 0 auto 10vw auto; height: 70vw; background: url('../images/after/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; }



}