@charset "UTF-8";

@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto;position: relative;background: url('../images/renovation/contentsmain-back01.png')no-repeat top center;padding-bottom: 80px;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-left: 605px;padding-top: 367px;padding-bottom: 58px;}
#contentsmain .inner-Box h2 {margin-bottom: 30px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#contentsmain .inner-Box h3.f-min {margin-bottom: 11px;position: relative;font-size: 26px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contentsmain .inner-Box p.text {margin-bottom: 0px;position: relative;font-size: 18px;line-height: 2.4;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1100px;padding: 122px 0 0;}
#contentsmain .inner-Box2 h4.f-min {margin-bottom: 10px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsmain .inner-Box2 p.text {margin-bottom: 96px;position: relative;font-size: 20px;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsmain .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;}
#contentsmain .inner-Box2 ul li {position: relative;border: 1px solid #1A1A1A;width: 48.2%;margin-right: 3.6%;}
#contentsmain .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }
#contentsmain .inner-Box2 h5.f-en {margin-bottom: 0;position: relative;display: inline-block;background: #fff;font-size: 60px;line-height: normal;letter-spacing: 0.1em;font-weight: 500;left: 50%;transform: translateX(-50%);top: -36px;}
#contentsmain .inner-Box2 h5.f-en span {color: #aa6c10;}
#contentsmain .inner-Box2 h6.f-min {margin-bottom: -8px;position: relative;font-size: 19px;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;top: -30px;}
#contentsmain .inner-Box2 p.ltext {margin: 0 60px 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;opacity: 0.7;padding-bottom: 52px;}
#contentsmain .inner-Box2 span.arr {display: block;line-height: 1;position: absolute;bottom: 0;right: 0;}
#contentsmain .inner-Box2 span.arr img {  }

#contents01 {margin: 0 auto;position: relative;background: url('../images/renovation/contents01-back01.png')no-repeat top center #F0F0F0;padding: 238px 0 90px 0;}
#contents01 h2 {text-align: center;margin-bottom: 27px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 p.subttl {margin-bottom: 86px;position: relative;font-size: 20px;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contents01 .inner-Box1 {margin: 0 auto 60px;position: relative;background: #fff;width: 1100px;padding: 3px;}
#contents01 .line-Box {margin: 0 auto;position: relative;border: 8px solid #F0F0F0;padding: 80px 100px 100px 100px;}
#contents01 .line-Box h3.f-en {margin-bottom: 47px;position: relative;font-size: 95px;line-height: 1;letter-spacing: 0.1em;font-weight: 500;}
#contents01 .line-Box h3.f-en span {color: #aa6c10;}
#contents01 .line-Box ul.relist {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-bottom: 58px;}
#contents01 .line-Box ul.relist li {position: relative;width: 46.6%;margin-right: 6.8%;}
#contents01 .line-Box ul.relist li:nth-child(2n) { margin-right: 0px; }
#contents01 .line-Box figure.photo {position: relative;top: 0;left: -17px;margin-bottom: 21px;}
#contents01 .line-Box figure.photo img{  }
#contents01 .line-Box h4.f-min {margin-bottom: 6px;position: relative;font-size: 30px;line-height: normal;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;}
#contents01 .line-Box p.lltext {margin-bottom: 22px;position: relative;opacity: 0.7;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents01 .line-Box p.point {margin-bottom: 0px;position: relative;font-size: 14px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 500;color: #1a1a1a;width: 420px;}

#contents01 .line-Box p.point span {display: inline-block;border-radius: 5px;background: #EDEDED;padding: 3px 15px;margin-bottom: 4px;
margin-right: 4px;
}

#contents01 .mc-Box {margin: 0 auto;position: relative;border: #1A1A1A 1px solid;padding: 41px 48px 28px 48px;}
#contents01 .mc-Box h5.f-min {margin-bottom: 27px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 0.05em;font-weight: 600;color: #1a1a1a;}
#contents01 .mc-Box h5.f-min span {font-size: 24px;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;margin-right: 19px;}
#contents01 .mc-Box ul.relist2 {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;}
#contents01 .mc-Box ul.relist2 li {position: relative;width: 23.2%;margin-right: 2.3%;margin-bottom: 22px;}
#contents01 .mc-Box ul.relist2 li:nth-child(4n) { margin-right: 0px; }
#contents01 .mc-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#contents01 .mc-Box figure.img img{  }
#contents01 .mc-Box p.ttt {margin-bottom: 0px;position: relative;font-size: 14px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents01 .inner-Box2 {margin: 0 auto 60px;position: relative;background: #fff;width: 1100px;padding: 3px;}
#contents01 .bo-Box {margin: 0 auto;position: relative;border: 3px solid #EDEDED;padding: 8px 16px;}
#contents01 .bo-Box p.ttext {margin-bottom: 0px;position: relative;opacity: 0.7;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents01 .bo-Box ul li { position: relative; }
#contents01 .bo-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .bo-Box figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .bo-Box figure.photo img{  }
#contents01 .bo-Box h4.f-min { margin-bottom: 0px; position: relative; }
#contents01 .bo-Box p.lltext { margin-bottom: 0px; position: relative; }
#contents01 .inner-Box2 .line-Box ul.relist{ margin-bottom: 0px; }

#contentsbottom {margin: 0 auto;position: relative;padding: 133px 0 0;}
#contentsbottom .inner-Box {margin: 0 auto 140px;position: relative;width: 1120px;}
#contentsbottom .inner-Box h2 {margin-bottom: 14px;position: relative;font-size: 40px;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box p.subttl {margin-bottom: 69px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.1em;font-weight: 400;color: #1a1a1a;text-align: center;}
#contentsbottom .inner-Box ul.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 {margin-right: 20px;width: 336px;margin-right: 51px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 13px;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;margin-left: 10px;}

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

	
}

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

#contentsmain{margin: 0 auto 10vw;position:relative;background: url('../images/renovation/sp-contentsmain-back01.png') no-repeat top 6vw center #F0F0F0;background-size:100% auto;}
#contentsmain .inner-Box{margin:0 auto;position:relative;width:100%;padding: 89.9vw 7.3vw 21vw;}
#contentsmain .inner-Box h2{margin-bottom: 5vw;margin-right: -3.3vw;}
#contentsmain .inner-Box h2 span{}
#contentsmain .inner-Box h2 img{}
#contentsmain .inner-Box h3.f-min{margin-bottom: 2vw;position:relative;font-size: 5.3vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contentsmain .inner-Box p.text{margin-bottom:0;position:relative;font-size: 3.9vw;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;margin-right: -1vw;}
#contentsmain .inner-Box2{background: #fff;margin:0 auto;position:relative;width:100%;padding: 21.5vw 7.3vw 0;}
#contentsmain .inner-Box2 h4.f-min{margin-bottom: 3vw;position:relative;text-align: left;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0.2em;font-weight: 600;color: #1a1a1a;}
#contentsmain .inner-Box2 p.text{margin-bottom: 11.8vw;position:relative;text-align:center;font-size: 4.3vw;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contentsmain .inner-Box2 ul{display:flex;flex-wrap:wrap;}
#contentsmain .inner-Box2 ul li{position:relative;border:.2vw solid #1A1A1A;width:100%;margin-right:0;margin-bottom: 9.9vw;}
#contentsmain .inner-Box2 ul li:nth-child(2){margin-right:0;}
#contentsmain .inner-Box2 ul li a{}
#contentsmain .inner-Box2 h5.f-en{margin-bottom: 4vw;position:relative;display:inline-block;background:#fff;left:50%;transform:translateX(-50%);top: -6.7vw;font-size: 10.9vw;line-height: normal;letter-spacing: 0.1em;font-weight: 500;}
#contentsmain .inner-Box2 h5.f-en span{color:#aa6c10;}
#contentsmain .inner-Box2 h6.f-min{margin-bottom: -3.2vw;position:relative;top:-7.2vw;font-size: 4.1vw;line-height: normal;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contentsmain .inner-Box2 p.ltext{margin: 0 4.7vw;position:relative;opacity:.7;padding-bottom: 9.6vw;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contentsmain .inner-Box2 span.arr{display:block;line-height:1;position:absolute;bottom:0;right:0;width: 7vw;}
#contentsmain .inner-Box2 span.arr img{}


#contents01{margin:0 auto;position:relative;background: url('../images/renovation/sp-contents01-back01.png') no-repeat top center #F0F0F0;background-size:100% auto;padding: 35.1vw 4.8vw 9.7vw;}
#contents01 h2{text-align:center;margin: 0 11.8vw 6.5vw;}
#contents01 h2 span{}
#contents01 h2 img{}
#contents01 p.subttl{margin-bottom: 11.7vw;position:relative;font-size: 4.3vw;line-height: 2;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;text-align: center;}
#contents01 .inner-Box1{margin:0 auto 14.5vw;position:relative;background:#fff;width:100%;padding:.7vw;}
#contents01 .line-Box{margin:0 auto;position:relative;border:1.9vw solid #F0F0F0;padding: 11.9vw 3.4vw 14.2vw;}
#contents01 .line-Box h3.f-en{margin-bottom: 3vw;position:relative;font-size: 9.2vw;line-height: normal;letter-spacing: 0.1em;font-weight: 500;text-align: center;}
#contents01 .line-Box h3.f-en span{color:#aa6c10;}
#contents01 .line-Box ul.relist{display:flex;flex-wrap:wrap;margin: 0 3.8vw 4.6vw;}
#contents01 .line-Box ul.relist li{position:relative;width:100%;margin-right:0;margin-bottom:9.7vw;}
#contents01 .line-Box ul.relist li:nth-child(2n){margin-right:0;}
#contents01 .line-Box figure.photo{position:relative;top:0;left:0;margin-bottom:5.1vw;margin-left: -4vw;}
#contents01 .line-Box figure.photo img{width:100%;height:auto;}
#contents01 .line-Box h4.f-min{margin-bottom: 0.4vw;position:relative;letter-spacing: 0em;font-size: 5.8vw;line-height: normal;font-weight: 600;color: #1a1a1a;}
#contents01 .line-Box p.lltext{margin-bottom:5.3vw;position:relative;opacity:.7;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents01 .line-Box p.point{margin-bottom:0;position:relative;font-size:3.4vw;line-height:1.8;letter-spacing:.05em;font-weight:500;color:#1a1a1a;}
#contents01 .line-Box p.point span{display:inline-block;border-radius:1.2vw;background:#EDEDED;padding:.7vw 3.6vw;margin-bottom:1vw;margin-right: 1vw;}
#contents01 .mc-Box{margin: 0 4vw;position:relative;border:#1A1A1A .2vw solid;padding: 8.2vw 6.9vw 2.5vw;}
#contents01 .mc-Box h5.f-min{margin-bottom: 5vw;position:relative;text-align: left;font-size: 3.9vw;line-height: 1.8;letter-spacing: 0.1em;font-weight: 600;color: #1a1a1a;}
#contents01 .mc-Box h5.f-min span{letter-spacing: -0.1em;margin-right:4.6vw;font-size: 4.8vw;line-height: 1.5;font-weight: 600;color: #1a1a1a;display: block;}
#contents01 .mc-Box ul.relist2{display:flex;flex-wrap:wrap;}
#contents01 .mc-Box ul.relist2 li{position:relative;width: 100%;margin-bottom:5.3vw;}
#contents01 .mc-Box ul.relist2 li:nth-child(2n){margin-right:0;}
#contents01 .mc-Box figure.img{position:relative;top:0;left:0;margin-bottom:2.4vw;}
#contents01 .mc-Box figure.img img{width:100%;height:auto;}
#contents01 .mc-Box p.ttt{margin-bottom:0;position:relative;font-size:3.4vw;line-height:1.8;letter-spacing:.05em;font-weight:400;color:#1a1a1a;}
#contents01 .inner-Box2{margin:0 auto 14.5vw;position:relative;background:#fff;width:100%;padding:.7vw;}
#contents01 .bo-Box{margin:0 auto;position:relative;border:.7vw solid #EDEDED;padding: 1.9vw 4.4vw;}
#contents01 .bo-Box p.ttext{margin-bottom:0;position:relative;opacity:.7;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;color: #1a1a1a;}
#contents01 .bo-Box ul li{position:relative;}
#contents01 .bo-Box ul li:nth-child(3n){margin-right:0;}
#contents01 .bo-Box figure.photo{position:relative;top:0;left:0;}
#contents01 .bo-Box figure.photo img{width:100%;height:auto;}
#contents01 .bo-Box h4.f-min{margin-bottom:0;position:relative;}
#contents01 .bo-Box p.lltext{margin-bottom:0;position:relative;}
#contents01 .inner-Box2 .line-Box ul.relist{margin-bottom: -16.7vw;}


#contentsbottom{margin:0 auto;position:relative;padding: 22.1vw 4.8vw 0;}

#contentsbottom .inner-Box{margin: 0 auto 10.2vw;position:relative;width:100%;}
#contentsbottom .inner-Box h2{margin-bottom: 3.3vw;position:relative;letter-spacing: 0em;color: #1a1a1a;font-size: 5.8vw;line-height: 1.6;font-weight: 600;text-align: center;}
#contentsbottom .inner-Box p.subttl{margin: 0 2.9vw 8vw;position:relative;color:#1a1a1a;text-align: left;font-size: 3.4vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 400;}
#contentsbottom .inner-Box ul.list{display:flex;flex-wrap:wrap;margin: 0 2.3vw 0 0.6vw;}
#contentsbottom .inner-Box ul li{margin-right:0;width:100%;margin-bottom: 10.3vw;}
#contentsbottom .inner-Box ul li:nth-child(3n){margin-right:0;}
#contentsbottom .inner-Box ul li figure{margin-bottom: 3.5vw;}
#contentsbottom .inner-Box ul li a{}
#contentsbottom .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1a1a1a;font-size: 3.4vw;line-height: 1.8;letter-spacing: 0.05em;font-weight: 400;margin-left: 1.8vw;}

}