@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 49px;position: relative;background: url('../images/renovation/contentsmain-back01.png')no-repeat bottom center;}
#contentsmain .inner-Box1 {margin: 0 auto;position: relative;padding: 59px 0 37px;}
#contentsmain .inner-Box1 h2 {text-align: center;position: relative;margin-bottom: 22px;}
#contentsmain .inner-Box1 h2 span{  }
#contentsmain .inner-Box1 h2 img {position: relative;left: 6px;}
#contentsmain .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin: 0 auto 30px;position: relative;width: 880px;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;padding-bottom: 53px;}
#contentsmain .inner-Box2 h2 {text-align: center;margin-bottom: 76px;}
#contentsmain .inner-Box2 h2 span{  }
#contentsmain .inner-Box2 h2 img {  }
#contentsmain .inner-Box2 ul{width: 590px;margin: 0 auto;position: relative;}
#contentsmain .inner-Box2 ul::before{content: "などなど";font-size: 18px;letter-spacing: 1.8px;font-weight: bold;position: absolute;bottom: -39px;right: -1px;color: #fff;}
#contentsmain .inner-Box2 ul li {position: relative;border-bottom: 2px dashed #fff;padding-bottom: 4px;margin-bottom: 14px;}
#contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0px; }
#contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 7px;left: 0;}
#contentsmain .inner-Box2 span.ch img {  }
#contentsmain .inner-Box2 p.litext {font-size: 18px;line-height: 1.88;font-weight: 700;letter-spacing: 1.8px;position: relative;color: #fff;padding: 0 0 0 30px;}

#contents01 {margin: 0 auto;position: relative;width: 1150px;}
#contents01 h2 {text-align: center;margin-bottom: 92px;}
#contents01 h2 span{  }
#contents01 h2 img {position: relative;left: -6px;}
#contents01 .inner-Box1 {margin: 0 auto 50px;position: relative;background: #F0F0F0;padding: 39px 50px 51px 568px;}
#contents01 .inner-Box1 span.icon {display: block;line-height: 1;position: relative;left: 6px;top: 6px;margin-bottom: 64px;}
#contents01 .inner-Box1 span.icon img {  }
#contents01 .inner-Box1 .inBox {margin: 0 auto;width: 530px;height: 360px;box-shadow: 5px 10px 10px #00000029;background: #fff;padding: 40px;}
#contents01 .inner-Box1 .inBox h3 {font-size: 25px;line-height: 1.44;font-weight: 700;letter-spacing: 1.25px;margin-bottom: -48px;color: #Fff;position: relative;top: -68px;}
#contents01 .inner-Box1 .inBox h3 span {display: inline-block;background: #398FD0;padding: 12px 17px;}
#contents01 .inner-Box1 .inBox figure.photo {position: absolute;top: 40px;left: 40px;}
#contents01 .inner-Box1 .inBox figure.photo img{  }
#contents01 .inner-Box1 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box2 {margin: 0 auto 50px;position: relative;background: #F0F0F0;padding: 39px 568px 110px 39px;}
#contents01 .inner-Box2 span.icon {display: block;line-height: 1;position: relative;left: 6px;top: 6px;margin-bottom: 64px;}
#contents01 .inner-Box2 span.icon img {  }
#contents01 .inner-Box2 .inBox {width: 530px;height: 301px;box-shadow: 5px 10px 10px #00000029;background: #fff;padding: 40px;}
#contents01 .inner-Box2 .inBox h3 {font-size: 25px;line-height: 1.44;font-weight: 700;letter-spacing: 1.25px;margin-bottom: -48px;color: #Fff;position: relative;top: -68px;}
#contents01 .inner-Box2 .inBox h3 span {display: inline-block;background: #398FD0;padding: 12px 17px;}
#contents01 .inner-Box2 .inBox figure.photo {position: absolute;top: 40px;right: 50px;}
#contents01 .inner-Box2 .inBox figure.photo img{  }
#contents01 .inner-Box2 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box3 {margin: 0 auto 50px;position: relative;background: #F0F0F0;padding: 39px 50px 111px 568px;}
#contents01 .inner-Box3 span.icon {display: block;line-height: 1;position: relative;left: 6px;top: 6px;margin-bottom: 64px;}
#contents01 .inner-Box3 span.icon img {  }
#contents01 .inner-Box3 .inBox {margin: 0 auto;width: 530px;height: 300px;box-shadow: 5px 10px 10px #00000029;background: #fff;padding: 40px;}
#contents01 .inner-Box3 .inBox h3 {font-size: 25px;line-height: 1.44;font-weight: 700;letter-spacing: 1.25px;margin-bottom: -48px;color: #Fff;position: relative;top: -68px;}
#contents01 .inner-Box3 .inBox h3 span {display: inline-block;background: #398FD0;padding: 12px 17px;}
#contents01 .inner-Box3 .inBox figure.photo {position: absolute;top: 40px;left: 40px;}
#contents01 .inner-Box3 .inBox figure.photo img{  }
#contents01 .inner-Box3 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 .inner-Box4 {margin: 0 auto 79px;position: relative;background: #F0F0F0;padding: 39px 568px 50px 39px;}
#contents01 .inner-Box4 span.icon {display: block;line-height: 1;position: relative;left: 6px;top: 6px;margin-bottom: 104px;}
#contents01 .inner-Box4 span.icon img {  }
#contents01 .inner-Box4 .inBox {width: 530px;height: 356px;box-shadow: 5px 10px 10px #00000029;background: #fff;padding: 40px;}
#contents01 .inner-Box4 .inBox h3 {font-size: 25px;line-height: 1.44;font-weight: 700;letter-spacing: 1.25px;margin-bottom: -90px;color: #Fff;position: relative;top: -108px;width: 349px;}
#contents01 .inner-Box4 .inBox h3 span {display: inline-block;background: #398FD0;padding: 12px 17px;}
#contents01 .inner-Box4 .inBox figure.photo {position: absolute;top: 40px;right: 50px;}
#contents01 .inner-Box4 .inBox figure.photo img{  }
#contents01 .inner-Box4 .inBox p.text { font-size: 16px; line-height: 1.88; font-weight: 500; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }

#contents01 p.btn {text-align: center;margin-bottom: 60px;}
#contents01 p.btn img {  }

#contentsbottom {margin: 0 auto 109px;position: relative;background: url('../images/renovation/contentsbottom-back01.png')no-repeat top 116px center;padding: 20px 0 0;text-align: center;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2 {text-align: center;margin-bottom: 521px;}
#contentsbottom .inner-Box h2 span{  }
#contentsbottom .inner-Box h2 img {  }
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 0.8px;margin-bottom: 77px;position: relative;}
#contentsbottom .inner-Box p.btn {  }
#contentsbottom .inner-Box p.btn img {  }

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

    #contentsmain {margin: 0 auto 9.94vw;position: relative;background: url('../images/renovation/sp-contentsmain-back01.png')no-repeat bottom center;background-size: 100% auto;}
    #contentsmain .inner-Box1 {position: relative;padding: 3.15vw 0 4.64vw;}
    #contentsmain .inner-Box1 h2 {text-align: center;position: relative;margin: 0 8vw 4.61vw 5vw;}
    #contentsmain .inner-Box1 h2 span{  }
    #contentsmain .inner-Box1 h2 img {position: relative;left: 1.45vw;}
    #contentsmain .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 6.4vw 7.25vw;position: relative;}
    #contentsmain .inner-Box2 {position: relative;padding-bottom: 12.8vw;}
    #contentsmain .inner-Box2 h2 {text-align: center;margin: 0 6vw 15.76vw;}
    #contentsmain .inner-Box2 h2 span{  }
    #contentsmain .inner-Box2 h2 img {  }
    #contentsmain .inner-Box2 ul{margin: 0 6.7vw;position: relative;}
    #contentsmain .inner-Box2 ul::before{content: "などなど";font-size: 4.35vw;letter-spacing: 0.43vw;font-weight: bold;position: absolute;bottom: -8.7vw;right: 1vw;color: #fff;}
    #contentsmain .inner-Box2 ul li {position: relative;border-bottom: 0.28vw dashed #fff;padding-bottom: 2.67vw;margin-bottom: 1.78vw;}
    #contentsmain .inner-Box2 ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: 1.69vw;left: 0;width: 5vw;}
    #contentsmain .inner-Box2 span.ch img {  }
    #contentsmain .inner-Box2 p.litext {font-size: 4.35vw;line-height: 1.56;font-weight: 700;letter-spacing: 0.43vw;position: relative;color: #fff;padding: 0 0 0 7.25vw;}
    
    #contents01 {position: relative;}
    #contents01 h2 {text-align: center;margin: 0 5.6vw 6.22vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {position: relative;left: 0vw;}
    #contents01 .inner-Box1 {margin: 0 auto 12.08vw;position: relative;background: #F0F0F0;padding: 8.7vw 4.1vw;}
    #contents01 .inner-Box1 span.icon {display: block;line-height: 1;position: relative;margin: 0 0.6vw 11.46vw 0.9vw;}
    #contents01 .inner-Box1 span.icon img {  }
    #contents01 .inner-Box1 .inBox {box-shadow: 1.21vw 2.42vw 2.42vw #00000029;background: #fff;padding: 0vw 5.06vw 0.1vw;}
    #contents01 .inner-Box1 .inBox h3 {font-size: 5.80vw;line-height: 1.44;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: -3vw;color: #Fff;position: relative;top: -8vw;}
    #contents01 .inner-Box1 .inBox h3 span {display: inline-block;background: #398FD0;padding: 2vw 2.41vw;}
    #contents01 .inner-Box1 .inBox figure.photo {position: relative;margin-bottom: 3.6vw;}
    #contents01 .inner-Box1 .inBox figure.photo img{  }
    #contents01 .inner-Box1 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 500; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents01 .inner-Box2 {margin: 0 auto 12.08vw;position: relative;background: #F0F0F0;padding: 8.7vw 4.1vw;}
    #contents01 .inner-Box2 span.icon {display: block;line-height: 1;position: relative;margin: 0 0.6vw 11.46vw 0.9vw;}
    #contents01 .inner-Box2 span.icon img {  }
    #contents01 .inner-Box2 .inBox {box-shadow: 1.21vw 2.42vw 2.42vw #00000029;background: #fff;padding: 0vw 5.06vw 0.1vw;}
    #contents01 .inner-Box2 .inBox h3 {font-size: 5.80vw;line-height: 1.44;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: -3vw;color: #Fff;position: relative;top: -8vw;}
    #contents01 .inner-Box2 .inBox h3 span {display: inline-block;background: #398FD0;padding: 2vw 2.41vw;}
    #contents01 .inner-Box2 .inBox figure.photo {position: relative;margin-bottom: 3.6vw;}
    #contents01 .inner-Box2 .inBox figure.photo img{  }
    #contents01 .inner-Box2 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 500; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents01 .inner-Box3 {margin: 0 auto 12.08vw;position: relative;background: #F0F0F0;padding: 8.7vw 4.1vw;}
    #contents01 .inner-Box3 span.icon {display: block;line-height: 1;position: relative;margin: 0 0.6vw 11.46vw 0.9vw;}
    #contents01 .inner-Box3 span.icon img {  }
    #contents01 .inner-Box3 .inBox {box-shadow: 1.21vw 2.42vw 2.42vw #00000029;background: #fff;padding: 0vw 5.06vw 0.1vw;}
    #contents01 .inner-Box3 .inBox h3 {font-size: 5.80vw;line-height: 1.44;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: -3vw;color: #Fff;position: relative;top: -8vw;}
    #contents01 .inner-Box3 .inBox h3 span {display: inline-block;background: #398FD0;padding: 2vw 2.41vw;}
    #contents01 .inner-Box3 .inBox figure.photo {position: relative;margin-bottom: 3.6vw;}
    #contents01 .inner-Box3 .inBox figure.photo img{  }
    #contents01 .inner-Box3 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 500; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents01 .inner-Box4 {margin: 0 auto 7.98vw;position: relative;background: #F0F0F0;padding: 8.7vw 4.1vw;}
    #contents01 .inner-Box4 span.icon {display: block;line-height: 1;position: relative;margin: 0 0.6vw 11.46vw 0.9vw;}
    #contents01 .inner-Box4 span.icon img {  }
    #contents01 .inner-Box4 .inBox {box-shadow: 1.21vw 2.42vw 2.42vw #00000029;background: #fff;padding: 0vw 5.06vw 0.1vw;}
    #contents01 .inner-Box4 .inBox h3 {font-size: 5.80vw;line-height: 1.44;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: -3vw;color: #Fff;position: relative;top: -8vw;}
    #contents01 .inner-Box4 .inBox h3 span {display: inline-block;background: #398FD0;padding: 2vw 2.41vw;}
    #contents01 .inner-Box4 .inBox figure.photo {position: relative;margin-bottom: 3.6vw;}
    #contents01 .inner-Box4 .inBox figure.photo img{  }
    #contents01 .inner-Box4 .inBox p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 500; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    
    #contents01 p.btn {text-align: center;margin: 0 10.3vw 8.49vw;}
    #contents01 p.btn img {  }

#contentsbottom {margin: 0 auto 11.83vw;position: relative;background: url('../images/renovation/sp-contentsbottom-back01.png')no-repeat top 28.78vw center;padding: 5.03vw 0 0;text-align: center;background-size: 100% auto;}
#contentsbottom .inner-Box {position: relative;}
#contentsbottom .inner-Box h2 {text-align: center;margin: 0 5.1vw 92.7vw 5.7vw;}
#contentsbottom .inner-Box h2 span{  }
#contentsbottom .inner-Box h2 img {  }
#contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.19vw;margin: 0 7.5vw 12.2vw;position: relative;text-align: left;}
#contentsbottom .inner-Box p.btn {margin: 0 11.2vw;}
#contentsbottom .inner-Box p.btn img {  }
}