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

#contentsmain {margin: -150px auto -58px auto;position: relative;background: url('../images/renovation/contentsmain-back01.png')no-repeat top center;text-align: center;z-index: 3;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsmain .inner-Box h2 {padding: 73px 220px 0 0px;margin-bottom: 20px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo {position: absolute;top: 366px;left: 50%;margin-left: 356px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {margin-bottom: 60px;position: relative;color: #000;text-align: center;font-size: 18px;font-weight: 500;letter-spacing: 0em;line-height: 1.78;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: -77px;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {margin: 0 auto;position: relative;background: #FAF7F0;padding: 120px 0 1px;}
#contents01 h2 {margin-bottom: 179px;position: relative;color: #E96323;text-align: center;font-size: 36px;font-weight: 700;letter-spacing: 0.14em;line-height: 1;}
#contents01 h2 span {color: #000;text-align: center;font-family: "Zen Kaku Gothic New";font-size: 18px;font-style: normal;font-weight: 500;line-height: 32px; /* 177.778% */display: block;letter-spacing: 0;margin-bottom: 27px;}
#contents01 .inner-Box {margin: 0 auto -150px;position: relative;width: 1280px;background: #fff;padding: 0 146px 49px;z-index: 3;}
#contents01 .inner-Box h3 {margin-bottom: 11px;position: relative;color: #52A136;text-align: center;font-size: 38px;font-weight: 700;letter-spacing: 0.07em;line-height: 0.63;top: -48px;}
#contents01 .inner-Box h3 span.pcwa {display: inline-block;background: #fff;border: #52A136 2px solid;padding: 23px 89px;}
#contents01 .inner-Box h3 span.spwa {  }
#contents01 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0 40px;}
#contents01 .inner-Box ul li {position: relative;border-radius: 10px;border: 1.452px solid #CFCCC4;background: #FFF;width: 480px;margin-right: 28px;padding: 49px 29px 28px 29px;}
#contents01 .inner-Box ul li:nth-child(2) { margin-right: 0px; }
#contents01 .inner-Box h4 {margin-bottom: 16px;position: relative;color: #52A136;text-align: center;font-size: 24px;font-weight: 700;letter-spacing: 0.08em;line-height: 0.82;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 21px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.ltext {margin-bottom: 0px;position: relative;color: #000;font-size: 14px;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;}
#contents01 .inner-Box p.ltext span {font-weight: 700;}
#contents01 .inner-Box p.text {margin: 0 56px 30px;position: relative;}

#contents02 {margin: 0 auto -117px;position: relative;background: #E8E2D6;padding: 288px 0 220px;}
#contents02 .inner-Box {margin: 0 auto;position: relative;background: #fff;width: 1280px;padding: 0 220px;}
#contents02 .inner-Box h2 {margin-bottom: 34px;position: relative;top: -38px;color: #52A136;text-align: center;font-size: 44px;font-weight: 700;letter-spacing: 0.06em;line-height: 1;}
#contents02 .inner-Box h2 span {display: inline-block;background: #fff;border: #52A136 2px solid;padding: 12.4px 26px;margin-bottom: 7px;}
#contents02 .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents02 .inner-Box ul li {position: relative;margin-right: 80px;text-align: center;margin-bottom: 47px;}
#contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 20px;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.ltext {margin-bottom: 30px;position: relative;color: #000;text-align: center;font-size: 16px;font-weight: 500;letter-spacing: 0em;line-height: 1.75;}

#contents03 {margin: 0 auto -310px;position: relative;background: url('../images/renovation/contents03-back01.png')no-repeat top center;min-height: 1792px;padding: 160px 0 0;}
#contents03 .inner-Box1 {margin: 0 auto 60px;position: relative;width: 1100px;}
#contents03 .inner-Box1 h2 {margin-bottom: -5px;position: relative;color: #2C2620;font-size: 38px;font-weight: 700;letter-spacing: 0.11em;line-height: 1.69;top: -15px;left: 10px;}
#contents03 .inner-Box1 h3 {margin-bottom: 42px;position: relative;color: #2C2620;font-size: 42px;font-weight: 700;letter-spacing: 0.10em;line-height: 1;z-index: 3;}
#contents03 .inner-Box1 h3 span {background: #E8E2D6;display: inline-block;padding: 33px 23px;}
#contents03 .inner-Box1 figure.photo {position: absolute;top: 21px;right: -90px;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.text {margin-bottom: 60px;position: relative;color: #000;font-size: 18px;font-weight: 500;letter-spacing: 0em;line-height: 1.78;width: 582px;margin-left: 40px;}
#contents03 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;color: #2D4A35;text-align: center;font-size: 19.49px;font-weight: 400;letter-spacing: 0.08em;line-height: 1.56;width: 474px;margin-left: 41px;}
#contents03 .inner-Box1 ul li {position: relative;border-radius: 81.211px;background: #E8EFE5;padding: 9px 48px 9px 48px;margin-bottom: 12px;}
#contents03 .inner-Box1 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box1 span.ch {display: block;line-height: 1;position: absolute;left: 27px;top: 8px;}
#contents03 .inner-Box1 span.ch img {  }
#contents03 .inner-Box1 p.ltext {position: relative;}
#contents03 .inner-Box2 {margin: 0 auto 50px;position: relative;width: 1042px;padding: 0 0 0 570px;min-height: 300px;}
#contents03 .inner-Box2 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.text {margin-bottom: 30px;position: relative;color: #000;font-size: 18px;font-weight: 500;letter-spacing: 0em;line-height: 1.78;}
#contents03 .inner-Box3 { margin: 0 auto; position: relative; }
#contents03 .inner-Box3 p.text {margin-bottom: 30px;position: relative;color: #E96323;text-align: center;font-size: 20px;font-weight: 500;letter-spacing: 0em;line-height: 1.8;}

#contentsbottom {margin: 0 auto 166px;position: relative;z-index: 3;}
#contentsbottom .inner-Box {margin: 0 auto 80px;position: relative;text-align: center;}
#contentsbottom .inner-Box h2 {margin-bottom: 38px;position: relative;color: #52A136;text-align: center;font-size: 33.64px;font-weight: 700;letter-spacing: 0.12em;line-height: 1.68;}
#contentsbottom .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsbottom .inner-Box figure.photo img{  }
#contentsbottom .banner-Box {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .banner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .banner-Box ul li {margin-right: 25px;}
#contentsbottom .banner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .banner-Box ul li figure {  }
#contentsbottom .banner-Box ul li a {  }
#contentsbottom .banner-Box ul li a:hover {  }


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



#contentsmain {margin: -5.9vw auto -16vw auto;position: relative;background: url('../images/renovation/sp-contentsmain-back01.png')no-repeat top center;text-align: center;z-index: 3;background-size: 100% auto;}
#contentsmain .inner-Box {position: relative;}
#contentsmain .inner-Box h2 {
    padding: 8vw 9.6vw 3vw 0;
}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box figure.photo {position: relative;top: 0;margin: 0 24vw 4.8vw;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {margin-bottom: 14.49vw;position: relative;color: #000;font-size: 3.86vw;font-weight: 500;letter-spacing: 0em;line-height: 2;text-align: left;margin: 0 9vw 12vw;}
#contentsmain .inner-Box figure.img {position: relative;top: 0;left: 0vw;margin: 0 8.9vw;}
#contentsmain .inner-Box figure.img img{  }

#contents01 {position: relative;background: #FAF7F0;padding: 27.79vw 0 0.24vw;}
#contents01 h2 {margin-bottom: 14.24vw;position: relative;color: #E96323;text-align: center;font-size: 5.80vw;font-weight: 700;letter-spacing: 0.21em;line-height: 1.17;}
#contents01 h2 span {color: #000;text-align: center;font-family: "Zen Kaku Gothic New";font-size: 4.35vw;font-style: normal;font-weight: 500;line-height: 7.73vw; /* 177.778% */display: block;letter-spacing: 0;margin-bottom: 3.72vw;}
#contents01 .inner-Box {margin: 0 4vw -16.3vw;position: relative;background: #fff;z-index: 3;border-radius: 2vw;padding: 0 5vw 7.4vw;}
#contents01 .inner-Box h3 {margin-bottom: 3.26vw;position: relative;top: -4.9vw;color: #52A136;text-align: center;font-size: 6.52vw;font-weight: 700;letter-spacing: 0.07em;line-height: 1.2;}
#contents01 .inner-Box h3 span.spwa {display: inline-block;background: #fff;border: #52A136 0.38vw solid;padding: 0.56vw 2.8vw;margin-bottom: 2.3vw;}
#contents01 .inner-Box h3 span.spwa {  }
#contents01 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 0 2.76vw;}
#contents01 .inner-Box ul li {position: relative;border-radius: 2.42vw;border: 0.35vw solid #CFCCC4;background: #FFF;padding: 9.24vw 4.5vw 9.46vw;margin-bottom: 4.6vw;}
#contents01 .inner-Box ul li:nth-child(2) { margin-right: 0.0vw; }
#contents01 .inner-Box h4 {margin-bottom: 3.86vw;position: relative;color: #52A136;text-align: center;font-size: 5.8vw;font-weight: 700;letter-spacing: 0.08em;line-height: 0.82;}
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.07vw;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.ltext {margin-bottom: 0.0vw;position: relative;color: #000;font-size: 3.38vw;font-weight: 400;letter-spacing: 0.04em;line-height: 1.57;}
#contents01 .inner-Box p.ltext span {font-weight: 700;}
#contents01 .inner-Box p.text {margin: 0 4.63vw 7.25vw;position: relative;color: #000;font-size: 3.38vw;font-weight: 500;letter-spacing: 0em;line-height: 2;}

#contents02 {margin: 0 auto -17.3vw;position: relative;background: #E8E2D6;padding: 40.57vw 0 32.14vw;}
#contents02 .inner-Box {margin: 0 4vw;position: relative;background: #fff;border-radius: 3vw;padding-bottom: 5vw;}
#contents02 .inner-Box h2 {margin-bottom: 13.26vw;position: relative;top: -4.9vw;color: #52A136;text-align: center;font-size: 6.52vw;font-weight: 700;letter-spacing: 0.07em;line-height: 1.2;}
#contents02 .inner-Box h2 span {display: inline-block;background: #fff;border: #52A136 0.38vw solid;padding: 1.06vw 0.8vw;margin-bottom: 0.7vw;}
#contents02 .inner-Box ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 7.8vw;}
#contents02 .inner-Box ul li {position: relative;text-align: center;margin-bottom: 1.65vw;}
#contents02 .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
#contents02 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 2.33vw;}
#contents02 .inner-Box figure.photo img{  }
#contents02 .inner-Box p.ltext {margin-bottom: 7.25vw;position: relative;color: #000;text-align: center;font-size: 3.38vw;font-weight: 500;letter-spacing: 0em;line-height: 1.71;}

#contents03 {margin: 0 auto -20.8vw;position: relative;background: url('../images/renovation/sp-contents03-back01.png')no-repeat top center;padding: 17.45vw 0 50vw;background-size: 100% auto;}
#contents03 .inner-Box1 {margin: 0 auto 1.89vw;position: relative;}
#contents03 .inner-Box1 h2 {margin-bottom: 0vw;position: relative;top: 0vw;color: #2C2620;font-size: 5.80vw;font-weight: 700;letter-spacing: 0.17em;line-height: 2.68;text-align: center;}
#contents03 .inner-Box1 h3 {margin-bottom: -4.46vw;position: relative;z-index: 3;color: #2C2620;text-align: center;font-size: 6.52vw;font-weight: 700;letter-spacing: 0.15em;line-height: 1.48;}
#contents03 .inner-Box1 h3 span {background: #E8E2D6;display: inline-block;padding: 2.67vw 2.56vw;}
#contents03 .inner-Box1 figure.photo {position: relative;right: 0vw;margin: 0 9vw 5.2vw;}
#contents03 .inner-Box1 figure.photo img{  }
#contents03 .inner-Box1 p.text {position: relative;color: #000;font-size: 3.86vw;font-weight: 500;letter-spacing: 0em;line-height: 2;margin: 0 9.5vw 5vw;}
#contents03 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-left: 9.1vw;color: #2D4A35;text-align: center;font-size: 3.62vw;font-weight: 400;letter-spacing: 0.09em;line-height: 1.59;}
#contents03 .inner-Box1 ul li {position: relative;border-radius: 19.62vw;background: #E8EFE5;padding: 1.17vw 5.39vw 2.17vw 8.99vw;margin-bottom: 2.5vw;}
#contents03 .inner-Box1 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inner-Box1 span.ch {display: block;line-height: 1;position: absolute;left: 4.92vw;top: 1.93vw;width: 2.8vw;}
#contents03 .inner-Box1 span.ch img {width: 100%;}
#contents03 .inner-Box1 p.ltext {position: relative;}
#contents03 .inner-Box2 {margin: 0 8.9vw 15.38vw;position: relative;padding: 0 0 0 0vw;}
#contents03 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 5vw;}
#contents03 .inner-Box2 figure.photo img{  }
#contents03 .inner-Box2 p.text {margin-bottom: 7.25vw;position: relative;color: #000;font-size: 3.86vw;font-weight: 500;letter-spacing: 0em;line-height: 2;}
#contents03 .inner-Box3 {margin: 0 9vw;position: relative;}
#contents03 .inner-Box3 p.text {margin-bottom: 7.25vw;position: relative;color: #E96323;font-size: 4.35vw;font-weight: 500;letter-spacing: 0em;line-height: 1.78;}

#contentsbottom {margin: 0 auto 13.1vw;position: relative;z-index: 3;padding: 0 9vw;}
#contentsbottom .inner-Box {margin: 0 auto 14.42vw;position: relative;text-align: center;}
#contentsbottom .inner-Box h2 {margin-bottom: 9.18vw;position: relative;color: #52A136;font-size: 4.83vw;font-weight: 700;letter-spacing: 0.20em;line-height: 1.7;text-align: left;}
#contentsbottom .inner-Box figure.photo {position: relative;top: 0;left: 0;}
#contentsbottom .inner-Box figure.photo img{  }
#contentsbottom .banner-Box {margin: 0 -1.1vw;position: relative;}
#contentsbottom .banner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsbottom .banner-Box ul li {margin-bottom: 6.04vw;}
#contentsbottom .banner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .banner-Box ul li figure {  }
#contentsbottom .banner-Box ul li a {  }
#contentsbottom .banner-Box ul li a:hover {  }




}