@charset "UTF-8";

@media screen and (min-width: 768px),print {
body{ background: url(../images/mansionrenovation/contentsbody-back01.png)no-repeat top center; background-attachment: fixed; background-size: cover;}
header,.pc-fix-list{ display: none; }
.back{background: rgba(213,213,196,0.9);padding: 40px 0;min-height: 800px;}


#contentsmain {text-align: center;margin: 0 auto;position: relative;background: url('../images/mansionrenovation/contentsmain-back01.png')no-repeat bottom center;background-size: 100% auto;padding: 63px 0 230px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box span.tticon {margin-bottom: 26px;display: block;line-height: 1;}
#contentsmain .inner-Box span.tticon img {  }
#contentsmain .inner-Box h2 {margin-bottom: 0px;position: relative;font-size: 64px;line-height: 1.44;letter-spacing: 0em;font-weight: 700;text-align: left;color: #65652a;text-align: center;}
#contentsmain .inner-Box h2 span {display: inline-block;border: 6px solid #68672D;background: #fff;padding: 9px 8px 9px 58px;margin-bottom: 21px;}
#contentsmain .inner-Box h3 {margin-bottom: 18px;position: relative;font-size: 77px;line-height: 1.44;letter-spacing: 0em;font-weight: 700;text-align: center;color: #5e5f25;}
#contentsmain .inner-Box h3 span {display: inline-block;border: 6px solid #68672D;background: #fff;padding: 9px 1px 9px 42px;}
#contentsmain .inner-Box p.text {margin-bottom: 0px;position: relative;display: block;background: #5E5F25;font-size: 28px;line-height: 1.64;letter-spacing: 0em;font-weight: 700;color: #ffffff;width: 1030px;height: 80px;margin: 0 auto;text-align: center;padding-top: 17px;}
#contentsmain .inner-Box p.text span {  }

#contents01 {margin: 0 auto -24px;position: relative;padding: 199px 0 0;z-index: 3;}
#contents01 h2 {margin-bottom: 68px;position: relative;font-size: 24px;line-height: 1.46;letter-spacing: 0em;font-weight: 500;text-align: center;color: #1a1a1a;}
#contents01 .inner-Box1 {margin: 0 auto 111px;position: relative;width: 1100px;height: 600px;}
#contents01 .inner-Box1 span.infoicon {display: block;margin-bottom: 20px;line-height: 1;}
#contents01 .inner-Box1 span.infoicon img {  }
#contents01 .inner-Box1 h3 {margin-bottom: 30px;position: relative;font-size: 28px;line-height: 1.64;letter-spacing: 0.05em;font-weight: 700;text-align: left;color: #1a1a1a;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 75px;right: -117px;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.text {margin-bottom: 0px;position: relative;width: 533px;font-size: 16px;line-height: 2.19;letter-spacing: 0em;font-weight: 500;text-align: left;color: #1a1a1a;}
#contents01 .inner-Box1 p.text span {display: block;margin-bottom: 35px;}
#contents01 .inner-Box2{margin: 0 auto;position: relative;background: url('../images/mansionrenovation/contents01-back01.png')no-repeat top center;width: 1154px;height: 611px;left: -0.9vw;}
#contents01 .inner-Box2 h4 {padding: 0 0 0 152px;position: relative;top: -47px;}
#contents01 .inner-Box2 h4 span{  }
#contents01 .inner-Box2 h4 img {  }
#contents01 .inner-Box2 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 auto;width: 820px;position: relative;left: 17px;}
#contents01 .inner-Box2 ul li {position: relative;width: 392px;margin-right: 34px;background: url(../images/mansionrenovation/contents01-line.png)no-repeat bottom left;padding: 0 0 1px 37px;margin-bottom: 24px;}
#contents01 .inner-Box2 ul li:nth-child(2n) { margin-right: 0px; }
#contents01 .inner-Box2 span.ch {display: block;line-height: 1;position: absolute;top: -2px;left: 0;}
#contents01 .inner-Box2 span.ch img {  }
#contents01 .inner-Box2 p.ltext {margin-bottom: 0px;position: relative;font-size: 20px;line-height: 1.75;letter-spacing: 0em;font-weight: 500;text-align: left;color: #1a1a1a;}

#contents02 {margin: 0 auto 60px;position: relative;background: url('../images/mansionrenovation/contents02-back01.png')no-repeat top center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding: 94px 0 100px;}
#contents02 .inner-Box h2 {margin-bottom: 32px;}
#contents02 .inner-Box h2 span{  }
#contents02 .inner-Box h2 img {  }
#contents02 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 24px;line-height: 1.71;letter-spacing: 0em;font-weight: 500;text-align: left;color: #ffffff;}
#contents02 .inner-Box p.text span {display: inline-block;background: #5E5F25;padding: 5px 16px;margin-bottom: 10.7px;}

#contents03 {margin: 0 auto 140px;position: relative;width: 1100px;padding: 181px 0 0;}
#contents03 h2 {position: absolute;top: -4px;left: -90px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box { margin: 0 auto; position: relative; }
#contents03 .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;}
#contents03 .inner-Box ul li {position: relative;border: 8px solid #2C2C2C;background: #fff;width: 535px;height: 611px;margin-right: 30px;margin-bottom: 30px;padding: 85px 75px 0;}
#contents03 .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contents03 .inner-Box span.icon01 {display: block;line-height: 1;position: absolute;bottom: -145px;z-index: 3;left: -146px;}
#contents03 .inner-Box span.icon01 img {  }
#contents03 .inner-Box h3 {margin-bottom: 11px;position: relative;font-size: 30px;line-height: 1.53;letter-spacing: 0em;font-weight: 700;text-align: left;color: #1a1a1a;}
#contents03 .inner-Box figure.photo {position: absolute;top: 304px;left: 76px;}
#contents03 .inner-Box figure.photo img{  }
#contents03 .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 2.19;letter-spacing: 0em;font-weight: 500;text-align: left;color: #2c2c2c;}
#contents03 .inner-Box span.icon02 {display: block;line-height: 1;position: absolute;bottom: -65px;right: -89px;z-index: 3;}
#contents03 .inner-Box span.icon02 img {  }
#contents03 .inner-Box span.icon03 {display: block;line-height: 1;position: absolute;bottom: -79px;left: 23px;z-index: 3;}
#contents03 .inner-Box span.icon03 img {  }
#contents03 .inner-Box span.icon04 {display: block;line-height: 1;position: absolute;bottom: -119px;right: -96px;z-index: 3;}
#contents03 .inner-Box span.icon04 img {  }


#contents04 {margin: 0 auto 65px;position: relative;background: url('../images/mansionrenovation/contents04-back01.png')no-repeat top center;width: 1200px;height: 529px;text-align: center;padding: 81px 0 0;}
#contents04 .inner-Box { margin: 0 auto; position: relative; }
#contents04 .inner-Box h2 {margin-bottom: 35px;}
#contents04 .inner-Box h2 span{  }
#contents04 .inner-Box h2 img {  }
#contents04 .inner-Box p.text {margin-bottom: 18px;position: relative;font-size: 16px;line-height: 1;letter-spacing: 0em;font-weight: 500;text-align: left;color: #ffffff;margin-left: 329px;}
#contents04 .inner-Box p.text span {display: inline-block;background: #5E5F25;padding: 10px 10px;margin-bottom: 3px;}

#contents04 .inner-Box span.ricon {display: block;line-height: 1;margin-top: 45px;}
#contents04 .inner-Box span.ricon img {  }


#works {margin: 0 auto;position: relative;padding: 84px 3vw 139px;max-width: 1317px;}
#works .ttl-Box {margin: 0 auto 83px;position: relative;text-align: center;}
#works .ttl-Box p.subttl {margin-bottom: 30px;position: relative;color: #1A1A1A;text-align: center;font-size: 24px;font-weight: 700;}
#works .ttl-Box h2.ttl01 {margin-bottom: 14px;}
#works .ttl-Box h2.ttl01 span{  }
#works .ttl-Box h2.ttl01 img {  }
#works .ttl-Box p.entext {margin-bottom: 30px;position: relative;color: #1A1A1A;text-align: center;font-size: 24px;font-weight: 600;letter-spacing: 0.05em;}
#works .ttl-Box p.entext span.f-en {  }
#works .inner-Box {margin: 0 auto 2px;position: relative;max-width: 1200px;}

#works  ul.system-list {display:grid;grid-template-columns: repeat(4,1fr);gap: 21px;width:100%;margin-bottom: 38px;}
#works  ul.system-list li{ }
#works  ul.system-list li .system-pic {width: 100%;aspect-ratio: 38 / 26;overflow: hidden;text-align: center;margin-bottom: 29px;position: relative;}
#works  ul.system-list li .system-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
#works  ul.system-list li {margin-bottom: 20px;}
#works  ul.system-list li .cost span.tagttl {display: inline-block;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;font-size: 12px;line-height: 1.69;letter-spacing: 0;font-weight: 400;text-align: center;color: #fff;padding: 5px 12px;margin-right: 10px;}

#works  ul.system-list li .cost .cname{display: inline-block;font-size: 14px;line-height: 1;letter-spacing: 0;font-weight: 400;text-align: center;color: #fff;position: relative;background: #1A1A1A;padding: 7px 12px;}
#works  ul.system-list li .systtl{margin-bottom: 10px;font-size: 18px;line-height: 1.17;letter-spacing: 0em;font-weight: 500;text-align: left;color: #1a1a1a;}
#works  ul.system-list li .cost{font-size: 12px;line-height: 1.47;letter-spacing: 0.05em;font-weight: 400;text-align: left;color: #999;margin-bottom: 15px;}
#works  ul.system-list li:nth-last-child(-n+2){margin-bottom:0;}
#works  ul.system-list .cate{font-size: 14px;}
#works  ul.system-list .cate a{display: inline-block;margin: 0 6px 5px 0;}
#works  ul.system-list .cate a::before{content: "#";color: #005F97;}
#works p.morebtn2{margin: 99px 0 0;}


#contentsbottom {margin: 0 auto;position: relative;background: url('../images/mansionrenovation/contentsbottom-back01.png')no-repeat top center;padding: 219px 0 0;}
#contentsbottom h2 {margin-bottom: 343px;position: relative;font-size: 40px;line-height: 1.93;letter-spacing: 0.05em;font-weight: 500;text-align: center;color: #ffffff;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 77px;}
#contentsbottom .inner-Box ul.banner-list {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 .inner-Box ul li {position: relative;width: 350px;margin-right: 25px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {position: relative;font-size: 16px;line-height: 2;letter-spacing: 0em;text-align: left;color: #000000;margin-top: 27px;}


}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

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

body::after{content:"";background:url(../images/mansionrenovation/sp-contentsbody-back01.png) no-repeat top center;background-size: 100% auto;display: block;width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;z-index: -1;}
header,.pc-fix-list{display:none;}
.back{background:rgba(213,213,196,.9);padding: 0.7vw 0;}

#contentsmain{text-align:center;margin:0 auto;position:relative;background:url('../images/mansionrenovation/contentsmain-back01.png') no-repeat bottom center;background-size: 100% auto;padding: 18.2vw 0vw 29.6vw;}
#contentsmain .inner-Box{margin:0 auto;position:relative;}
#contentsmain .inner-Box span.tticon{margin: 0 auto 3.6vw;display:block;line-height:1;width: 42vw;}
#contentsmain .inner-Box span.tticon img{max-width:100%;height:auto;}
#contentsmain .inner-Box h2{margin-bottom:0;position:relative;color:#65652A;font-size: 5.8vw;line-height: 1.46;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box h2 span{display:inline-block;border: 0.7vw solid #68672D;background:#fff;padding: 1.1vw 1.1vw 1.1vw 5.1vw;margin-bottom: 1.7vw;}
#contentsmain .inner-Box h3{margin-bottom:4.3vw;position:relative;color:#5E5F25;font-size: 6.5vw;line-height: 1.44;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box h3 span{display:inline-block;border: 0.7vw solid #68672D;background:#fff;padding: 2vw 0vw 2vw 4vw;}
#contentsmain .inner-Box p.text{margin:0 auto;position:relative;display:block;color:#fff;width:100%;height:auto;font-size: 4.8vw;line-height: 1;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box p.text span{ display: inline-block; background: #5E5F25; padding: 2.1vw 3.9vw; margin-bottom: 0.8vw; }

#contents01{margin:0 auto -5.8vw;position:relative;padding: 5.1vw 0vw 0;z-index:3;}
#contents01 h2{margin-bottom: 6.8vw;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.88;letter-spacing: 0em;font-weight: 500;text-align: center;}
#contents01 .inner-Box1{margin: 0 auto 20.8vw;position:relative;width:100%;height:auto;}
#contents01 .inner-Box1 span.infoicon{display:block;margin: 0 auto 1.4vw;line-height:1;width: 26.3vw;}
#contents01 .inner-Box1 span.infoicon img{max-width:100%;height:auto;}
#contents01 .inner-Box1 h3{margin-bottom: 3.3vw;position:relative;color:#1A1A1A;font-size: 5.3vw;line-height: 2.09;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contents01 .inner-Box1 figure.photo{position:relative;top:0;right:0;text-align:center;margin: 0 0 -0.4vw 4.2vw;}
#contents01 .inner-Box1 figure.photo img{max-width:100%;height:auto;}
#contents01 .inner-Box1 p.text{margin: 0 5.2vw 0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.88;letter-spacing: 0em;font-weight: 500;text-align: left;}
#contents01 .inner-Box1 p.text span{display: inline;}

#contents01 .inner-Box2{margin: 0 auto -19vw;position:relative;background: url('../images/mansionrenovation/sp-contents01-back01.png') no-repeat top center;background-size: 104%;width:100%;min-height: 140vw;height:auto;left:0;padding: 17.9vw 3.9vw 17.9vw 5.8vw;}
#contents01 .inner-Box2 h4{padding:0;position: absolute;left: 4vw;top: -17vw;text-align:center;width: 84.5vw;}
#contents01 .inner-Box2 h4 span{}
#contents01 .inner-Box2 h4 img{max-width:100%;height:auto;}
#contents01 .inner-Box2 ul{display:block;margin: 0 9vw;position:relative;left:0;}
#contents01 .inner-Box2 ul li{position:relative;width:100%;margin-right:0;background:url(../images/mansionrenovation/contents01-line.png) no-repeat bottom left;background-size:100% auto;padding: 0 0 0.6vw 6.8vw;margin-bottom: 3.7vw;}
#contents01 .inner-Box2 ul li:nth-child(2n){margin-right:0;}
#contents01 .inner-Box2 span.ch{display:block;line-height:1;position:absolute;top: -0.2vw;left:0;width: 7.1vw;}
#contents01 .inner-Box2 span.ch img{max-width:100%;height:auto;}
#contents01 .inner-Box2 p.ltext{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.56;letter-spacing: 0.05em;font-weight: 500;text-align: left;margin-right: -1vw;}

#contents02{margin: 0 auto 21vw;position:relative;background: url('../images/mansionrenovation/sp-contents02-back01.png') no-repeat top center;background-size:cover;}
#contents02 .inner-Box{margin:0 auto;position:relative;width:100%;padding: 14.1vw 10vw 21.2vw;}
#contents02 .inner-Box h2{margin-bottom: 4.3vw;margin-right: 9.7vw;}
#contents02 .inner-Box h2 span{}
#contents02 .inner-Box h2 img{max-width:100%;height:auto;}
#contents02 .inner-Box p.text{margin-bottom:0;position:relative;font-size: 3.9vw;line-height: 1.88;letter-spacing: 0em;font-weight: 500;text-align: left;color: #ffffff;}
#contents02 .inner-Box p.text span{}

#contents03{margin: 0 auto 20.7vw;position:relative;}
#contents03 h2{position: absolute;top: -28vw;left: 0vw;width: 78vw;z-index: 3;}
#contents03 h2 span{}
#contents03 h2 img{max-width:100%;height:auto;}
#contents03 .inner-Box{margin: 0 4vw;position:relative;}
#contents03 .inner-Box ul{display:block;}
#contents03 .inner-Box ul li{position:relative;border: 1.2vw solid #2C2C2C;background:#FFF;width:100%;height:auto;margin-right:0;margin-bottom: 4.6vw;padding: 13.5vw 8.7vw 16vw;}
#contents03 .inner-Box ul li:nth-child(2n){margin-right:0;}
#contents03 .inner-Box span.icon01{display:block;line-height:1;position:absolute;bottom: -12.8vw;right: 0vw;z-index: 5;width: 42.4vw;}
#contents03 .inner-Box span.icon01 img{max-width:100%;height:auto;}
#contents03 .inner-Box h3{margin-bottom: 3.5vw;position:relative;color:#1A1A1A;font-size: 5.8vw;line-height: 1.92;letter-spacing: 0em;font-weight: 700;text-align: left;}
#contents03 .inner-Box figure.photo{position: relative;margin-bottom: 3.9vw;}
#contents03 .inner-Box figure.photo img{max-width:100%;height:auto;}
#contents03 .inner-Box p.text{margin-bottom:0;position:relative;font-size: 3.9vw;line-height: 1.88;letter-spacing: 0em;font-weight: 500;text-align: left;color: #2c2c2c;margin-right: -2vw;}
#contents03 .inner-Box span.icon02{display:block;line-height:1;position:absolute;bottom: -27.5vw;left: -4.8vw;z-index:3;width: 46.5vw;}
#contents03 .inner-Box span.icon02 img{max-width:100%;height:auto;}
#contents03 .inner-Box span.icon03{display:block;line-height:1;position:absolute;bottom: -20.3vw;right: 1.5vw;z-index:3;width: 39vw;}
#contents03 .inner-Box span.icon03 img{max-width:100%;height:auto;}
#contents03 .inner-Box span.icon04{display:block;line-height:1;position:absolute;bottom: -25.3vw;right: -2.5vw;width: 48vw;z-index:3;}
#contents03 .inner-Box span.icon04 img{max-width:100%;height:auto;}

#contents04{margin: 0 4vw 9.2vw;position:relative;background: url('../images/mansionrenovation/sp-contents04-back01.png') no-repeat top center;text-align:center;padding: 13.2vw 0.8vw 18vw;background-size: 100%;}
#contents04 .inner-Box{margin:0 auto;position:relative;}
#contents04 .inner-Box h2{margin: 0 9vw 7.1vw 11.3vw;}
#contents04 .inner-Box h2 span{}
#contents04 .inner-Box h2 img{max-width:100%;height:auto;}
#contents04 .inner-Box p.text{margin-bottom: 0.8vw;position:relative;font-size:3.9vw;line-height: 1.8;letter-spacing:0;font-weight:500;text-align:left;color:#FFF;margin-left:0;text-align: center;}
#contents04 .inner-Box p.text span{}
#contents04 .inner-Box span.ricon{display:block;line-height:1;margin: 5.8vw 30.7vw 0vw;width: 26vw;}
#contents04 .inner-Box span.ricon img{max-width:100%;height:auto;}

#works{margin:0 auto;position:relative;background:#F6F6F1;padding: 14.3vw 0vw 17vw;}
#works .ttl-Box{margin:0 auto;position:relative;text-align:center;}
#works .ttl-Box p.subttl{margin-bottom: 5.6vw;position:relative;color:#1A1A1A;text-align: center;font-size: 4.3vw;font-weight: 700;}
#works .ttl-Box h2.ttl01{margin: 0 22.1vw 3.1vw 20.2vw;}
#works .ttl-Box h2.ttl01 span{}
#works .ttl-Box h2.ttl01 img{max-width:100%;height:auto;}
#works .ttl-Box p.entext{margin-bottom: 8.1vw;position:relative;color:#1A1A1A;text-align:center;font-size: 4.8vw;font-weight:600;letter-spacing:.05em;}
#works .ttl-Box p.entext span.f-en{}
#works .inner-Box{margin:0 auto .5vw;position:relative;max-width:100%;}

#works ul.system-list{margin-bottom:7.2vw;}
#works ul.system-list li{}
#works ul.system-list li .system-pic{width:100%;aspect-ratio:38/26;overflow:hidden;text-align:center;margin-bottom: 4.3vw;position:relative;}
#works ul.system-list li .system-pic img{width:100%;height:100%;object-fit:cover;display:block;}
#works ul.system-list li{margin: 0 2.42vw;width: 77.29vw;}
#works ul.system-list li .cost span.tagttl{display:inline-block;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;font-size:2.9vw;line-height:1.69;letter-spacing:0;font-weight:400;text-align:center;color:#fff;padding:1.2vw 2.9vw;margin-right:2.4vw;}
#works ul.system-list li .cost .cname{display:inline-block;font-size:3.4vw;line-height:1;letter-spacing:0;font-weight:400;text-align:center;color:#fff;position:relative;background:#1A1A1A;padding:1.7vw 2.9vw;}
#works ul.system-list li .systtl{margin-bottom: 1.4vw;line-height:1.56;text-align:left;color:#1A1A1A;font-size:4.3vw;font-weight:500;}
#works ul.system-list li .cost{line-height: 1.47;letter-spacing:.05em;text-align:left;color:#999;margin-bottom: 2.4vw;font-size: 3.4vw;font-weight: 400;}
#works ul.system-list li:nth-last-child(-n+2){margin-bottom:0;}
#works ul.system-list .cate{font-size:3.4vw;}
#works ul.system-list .cate a{display:inline-block;margin:0 1.4vw 1.2vw 0;}
#works ul.system-list .cate a::before{content:"#";color:#005F97;}

#works .slick-dotted.slick-slider {margin:  0 0vw 15.9vw;}
#works .slick-dots {position: absolute;bottom: -13vw;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-ali;text-align: center;px;}
#works .slick-dots li {position: relative;display: inline-block;height: 1.93vw!important;width: 1.93vw!important;margin: 0 1.6vw!important;padding: 0;cursor: pointer;left: 0vw;top: 0!important;}
#works .slick-dots li button {font-size: 0;line-height: 0;display: block;border-radius: 50%;width: 1.93vw;height: 1.93vw;padding: 0.0vw;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;background: #CDCDCD;}
#works .slick-dots li button:hover, #works .slick-dots li button:focus { outline: none; }
#works .slick-dots li button:hover:before, #works .slick-dots li button:focus:before { opacity: 1; }
#works .slick-dots li button:before { border-radius: 50%; font-family: 'slick'; font-size: 1.45vw; line-height: 2.17vw; position: absolute; top: 0; left: 0; height: 2.17vw; content: ''; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
#works .slick-dots li.slick-active button {background: #1A1A1A;}

#contentsbottom{margin:0 auto;position:relative;background: url('../images/mansionrenovation/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100%;padding: 35.9vw 7.6vw 0;}
#contentsbottom h2{margin-bottom: 49vw;position:relative;font-size: 4.8vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 500;text-align: center;color: #ffffff;}
#contentsbottom .inner-Box{margin:0 auto;position:relative;width:100%;padding-bottom:18.6vw;}
#contentsbottom .inner-Box ul.banner-list{display:flex;flex-wrap:wrap;gap: 5.7vw;}
#contentsbottom .inner-Box ul li{position:relative;width:100%;margin-right:0;}
#contentsbottom .inner-Box ul li:nth-child(3n){}
#contentsbottom .inner-Box ul li a{}
#contentsbottom .inner-Box ul li a:hover{}
#contentsbottom .inner-Box ul li img{width:100%;height:auto;display:block;}
#contentsbottom .inner-Box p.ltext{position:relative;font-size:3.9vw;line-height:2;letter-spacing:0;text-align:left;color:#000;margin-top: 3.8vw;}

}