@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list{color: #fff;}
.seo_bread_list a{color: #fff;}
#contentsmain {margin: -54px auto 0 auto;position: relative;background: url('../images/reform/contentsmain-back01.png')no-repeat top center;padding: 117px 0 60px;}
#contentsmain h2 {margin-bottom: 65px;position: relative;font-size: 36px;line-height: 1.72;letter-spacing: 0em;font-weight: 700;text-align: center;color: #FFF;}
#contentsmain figure.photo01 {position: relative;top: 0;left: 0;text-align: center;margin-bottom: -30px;}
#contentsmain figure.photo01 img{  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;height: 340px;background: #fff;padding: 60px 100px;}
#contentsmain .inner-Box h3 {margin-bottom: 37px;position: relative;font-size: 24px;line-height: 1.42;letter-spacing: 0.1em;font-weight: 700;color: #1A1A1A;}
#contentsmain .inner-Box figure.photo02 {position: absolute;top: 60px;right: 100px;}
#contentsmain .inner-Box figure.photo02 img{  }
#contentsmain .inner-Box p.text {margin-bottom: 14px;position: relative;font-size: 16px;line-height: 1.88;letter-spacing: 0em;font-weight: 400;width: 500px;color: #1A1A1A;}

#contents01 {margin: 0 auto 0px;position: relative;padding: 116px 0 30px;background: #fff;}
#contents01 h2 {margin-bottom: 38px;position: relative;font-size: 24px;line-height: normal;letter-spacing: 0.1em;font-weight: 700;text-align: center;color: #1A1A1A;}
#contents01 .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#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-bottom: -40px;}
#contents01 .inner-Box ul li {position: relative;margin-right: 20px;text-align: center;}
#contents01 .inner-Box ul li:nth-child(4n) { margin-right: 0px; }
#contents01 .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10px;}
#contents01 .inner-Box figure.photo img{  }
#contents01 .inner-Box p.ltext {margin-bottom: 0px;position: relative;font-size: 16px;line-height: 1.88;letter-spacing: 0em;font-weight: 400;text-align: center;color: #1A1A1A;}
#contents01 figure.img {position: relative;top: 160px;left: 0;z-index: 3;text-align: center;}
#contents01 figure.img img{  }

#contents02 {margin: 0 auto;position: relative;background: url('../images/exterior/contents02-back01.png')no-repeat top center;padding-top: 230px;padding-bottom: 40px;}
#contents02 h2 {margin-bottom: 4px;position: relative;font-size: 36px;line-height: normal;letter-spacing: 0.1em;font-weight: 700;color: #0493B6;}
#contents02 h3 {margin-bottom: 28px;position: relative;font-size: 18px;line-height: normal;letter-spacing: 0.1em;font-weight: 500;color: #1A1A1A;}
#contents02 p.text {position: relative;font-size: 16px;line-height: 1.88;letter-spacing: 0em;font-weight: 400;color: #1A1A1A;width: 490px;border-bottom: 1px solid #1a1a1a;padding-bottom: 10px;margin-bottom: 20px;}
#contents02 p.text2 {position: relative;font-size: 18px;line-height: normal;letter-spacing: 0em;font-weight: 500;text-align: left;color: #1A1A1A;width: 490px;}
#contents02 p.text2 span {border-radius: 4px;border: 1px solid #514F51;background: #FFF;display: inline-block;padding: 4px 17px;margin: 0 5px 10px 0;}

#contents02 .inner-Box1 {margin: 0 auto 90px;position: relative;width: 1100px;height: 470px;background: #fff;padding: 94px 0 0 65px;}
#contents02 .inner-Box1 span.poicon {display: block;line-height: 1;position: absolute;top: -20px;left: 40px;}
#contents02 .inner-Box1 span.poicon img {  }
#contents02 .inner-Box1 figure.photo {position: absolute;top: 70px;right: 65px;}
#contents02 .inner-Box1 figure.photo img{  }

#contents02 .inner-Box2 {margin: 0 auto 90px;position: relative;width: 1100px;height: 470px;background: #fff;padding: 94px 0 0 545px;}
#contents02 .inner-Box2 span.poicon {display: block;line-height: 1;position: absolute;top: -20px;right: 40px;}
#contents02 .inner-Box2 span.poicon img {  }
#contents02 .inner-Box2 figure.photo {position: absolute;top: 70px;left: 65px;}
#contents02 .inner-Box2 figure.photo img{  }

#contents02 .inner-Box3 {margin: 0 auto 90px;position: relative;width: 1100px;height: 470px;background: #fff;padding: 94px 0 0 65px;}
#contents02 .inner-Box3 span.poicon {display: block;line-height: 1;position: absolute;top: -20px;left: 40px;}
#contents02 .inner-Box3 span.poicon img {  }
#contents02 .inner-Box3 figure.photo {position: absolute;top: 70px;right: 65px;}
#contents02 .inner-Box3 figure.photo img{  }

#contents02 .inner-Box4 {margin: 0 auto 90px;position: relative;width: 1100px;height: 470px;background: #fff;padding: 94px 0 0 545px;}
#contents02 .inner-Box4 span.poicon {display: block;line-height: 1;position: absolute;top: -20px;right: 40px;}
#contents02 .inner-Box4 span.poicon img {  }
#contents02 .inner-Box4 figure.photo {position: absolute;top: 70px;left: 65px;}
#contents02 .inner-Box4 figure.photo img{  }

#contents03 {margin: 0 auto 100px;position: relative;background: url('../images/exterior/contents04-back01.png')no-repeat top center;padding: 69px 0 41px;background-size: cover;}
#contents03 .inner-Box {margin: 0 auto;position: relative;padding-bottom: 30px;}
#contents03 .inner-Box h2 {text-align: center;margin-bottom: 36px;}
#contents03 .inner-Box h2 span{  }
#contents03 .inner-Box h2 img {  }
#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;max-width: 1660px;margin: 0 auto;padding: 0 30px;}
#contents03 .inner-Box ul li {position: relative;width: 31.3%;margin-right: 3%;}
#contents03 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inner-Box figure.img {position: relative;top: 0;left: 0;margin-bottom: 20px;}
#contents03 .inner-Box figure.img img{width: 100%;height: auto;}
#contents03 .inner-Box h3 {margin-bottom: 24px;position: relative;font-size: 20px;line-height: normal;letter-spacing: 0em;font-weight: 700;text-align: center;color: #1A1A1A;}
#contents03 .inner-Box p.ltext {margin-bottom: 0px: ;position: relative;font-size: 15px;line-height: 1.87;letter-spacing: 0em;font-weight: 400;color: #1A1A1A;}

#works {margin: 0 auto 120px;position: relative;padding: 79px 50px;max-width: 1099px;background: #EFEFE8;}
#works .ttl-Box {margin: 0 auto 55px;position: relative;text-align: center;}
#works .ttl-Box p.subttl {margin-bottom: 21px;position: relative;font-size: 20px;line-height: 1.5;letter-spacing: 0em;font-weight: 500;text-align: center;color: #1A1A1A;}
#works .ttl-Box h2.ttl01 {margin-bottom: 14px;font-size: 36px;line-height: 1.72;letter-spacing: 0em;font-weight: 700;text-align: center;color: #1A1A1A;}
#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: 27px;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: 10px;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;position: relative;background: none;padding: 0;font-size: 14px;line-height: 1.86;letter-spacing: 0em;font-weight: 400;color: #0493B6;}
#works  ul.system-list li .systtl{margin-bottom: 10px;font-size: 14px;line-height: 1.71;letter-spacing: 0em;font-weight: 400;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: 17px;border-bottom: 1px solid #fff;padding-bottom: 9px;}
#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: 170px auto 0 auto;position: relative;background: url('../images/reform/contentsbottom-back01.png')no-repeat top center;padding: 119px 0 0;}
#contentsbottom .cimg{text-align: center;margin-bottom: 270px;}
#contentsbottom h2 {margin-bottom: 51px;position: relative;font-size: 50px;line-height: 1.2;letter-spacing: 0em;font-weight: 700;text-align: center;color: #FFF;}
#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) {
#contentsmain{margin: -9vw auto 0;position:relative;background:url('../images/reform/contentsmain-back01.png') no-repeat top center;background-size:cover;padding: 14.5vw 4vw 17.1vw;}
#contentsmain h2{margin-bottom: 9.7vw;position:relative;color:#FFF;font-size: 5.8vw;line-height: 1.6;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contentsmain figure.photo01{position:relative;top:0;left:0;text-align:center;margin-bottom: -2.5vw;}
#contentsmain figure.photo01 img{max-width:100%;height:auto;}
#contentsmain .inner-Box{margin: 0 5vw;position:relative;height:auto;background:#FFF;padding: 9.5vw 4.8vw 6.9vw 4.8vw;}
#contentsmain .inner-Box h3{margin-bottom: 7.5vw;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contentsmain .inner-Box figure.photo02{position:relative;top:0;right:0;text-align:center;margin:0 0 7.2vw;}
#contentsmain .inner-Box figure.photo02 img{max-width:100%;height:auto;}
#contentsmain .inner-Box p.text{margin-bottom: 4.8vw;position:relative;font-size:3.9vw;line-height:1.88;letter-spacing:0;font-weight:400;width:100%;color:#1A1A1A;}

#contents01{margin: 0 auto -33vw;position:relative;padding: 17vw 5.8vw 0;background:#FFF;}
#contents01 h2{margin-bottom: 7.2vw;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents01 .inner-Box{margin: 0 3vw -14.6vw;position:relative;}
#contents01 .inner-Box ul{display:grid;grid-template-columns:repeat(2,1fr);gap:7.2vw 4.8vw;margin-bottom: 31.3vw;}
#contents01 .inner-Box ul li{position:relative;text-align:center;margin:0;}
#contents01 .inner-Box ul li:nth-child(4n){margin-right:0;}
#contents01 .inner-Box figure.photo{position:relative;top:0;left:0;margin-bottom:2.4vw;}
#contents01 .inner-Box figure.photo img{width:100%;height:auto;display:block;}
#contents01 .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.4vw;line-height: 1.71;letter-spacing: 0em;font-weight: 400;text-align: center;}
#contents01 figure.img{position:relative;left:0;z-index:3;text-align:center;margin: 0 -1.8vw;}
#contents01 figure.img img{max-width:100%;height:auto;}

#contents02{margin:0 auto;position:relative;background: url('../images/exterior/contents02-back01.png') no-repeat top center #FAFAF7;background-size: 200vw auto;padding: 47.6vw 4vw 9.7vw;}
#contents02 h2{margin-bottom:1.0vw;position:relative;color:#0493B6;font-size: 6.3vw;line-height: normal;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents02 h3{margin-bottom: 5.7vw;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#contents02 p.text{position:relative;font-size:3.9vw;line-height:1.88;letter-spacing:0;font-weight:400;color:#1A1A1A;width:100%;border-bottom:.2vw solid #1A1A1A;padding-bottom:2.4vw;margin-bottom:4.8vw;}
#contents02 p.text2{position:relative;font-size: 3.7vw;line-height:normal;letter-spacing:0;font-weight:500;text-align:left;color:#1A1A1A;margin-right: -1vw;}
#contents02 p.text2 span{border-radius:1.0vw;border:.2vw solid #514F51;background:#FFF;display:inline-block;padding: 1.1vw 3.8vw;margin: 0 1.7vw 2.4vw 0;}

#contents02 .inner-Box1,#contents02 .inner-Box2,#contents02 .inner-Box3,#contents02 .inner-Box4{margin: 0 auto 11.7vw;position:relative;width:100%;height:auto;background:#FFF;padding: 15.7vw 5vw 14.5vw;}

#contents02 span.poicon{display:block;line-height:1;position:absolute;top: -2.8vw;left: 2.6vw;width: 14.5vw;}
#contents02 span.poicon img{max-width:100%;height:auto;}

#contents02 .inner-Box1 figure.photo,#contents02 .inner-Box2 figure.photo,#contents02 .inner-Box3 figure.photo,#contents02 .inner-Box4 figure.photo{position:relative;top:0;right:auto;left:auto;margin-bottom:7.2vw;text-align:center;}
#contents02 .inner-Box1 figure.photo img,#contents02 .inner-Box2 figure.photo img,#contents02 .inner-Box3 figure.photo img,#contents02 .inner-Box4 figure.photo img{max-width:100%;height:auto;}

#contents03{margin: 0 auto 13.7vw;position:relative;background:url('../images/exterior/contents04-back01.png') no-repeat top center;background-size:cover;padding: 13.7vw 6.5vw 2.9vw;}
#contents03 .inner-Box{margin:0 auto;position:relative;padding-bottom:7.2vw;}
#contents03 .inner-Box h2{text-align:center;margin: 0 1.8vw 10.3vw;}
#contents03 .inner-Box h2 span{}
#contents03 .inner-Box h2 img{max-width:100%;height:auto;}
#contents03 .inner-Box ul{display:block;width:100%;margin:0 auto;padding:0;}
#contents03 .inner-Box ul li{position:relative;width:100%;margin:0 0 12.1vw;}
#contents03 .inner-Box ul li:nth-child(3n){margin-right:0;}
#contents03 .inner-Box figure.img{position:relative;top:0;left:0;margin-bottom: 3.9vw;}
#contents03 .inner-Box figure.img img{width:100%;height:auto;display:block;}
#contents03 .inner-Box h3{margin-bottom:5.8vw;position:relative;color:#1A1A1A;font-size: 4.3vw;line-height: normal;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contents03 .inner-Box p.ltext{margin-bottom:0;position:relative;color:#1A1A1A;font-size: 3.9vw;line-height: 1.88;letter-spacing: 0em;font-weight: 400;}

#works{margin: 0 9vw 19.1vw;position:relative;padding: 11.7vw 4.8vw;max-width:100%;background:#EFEFE8;}
#works .ttl-Box{margin:0 auto 13.3vw;position:relative;text-align:center;}
#works .ttl-Box p.subttl{margin-bottom:5.1vw;position:relative;color:#1A1A1A;font-size: 4.3vw;line-height: normal;letter-spacing: 0em;font-weight: 700;text-align: center;}
#works .ttl-Box h2.ttl01{margin-bottom: -1.6vw;color:#1A1A1A;font-size: 6.3vw;line-height: 1.6;letter-spacing: 0.1em;font-weight: 700;text-align: center;}
#works .ttl-Box h2.ttl01 span{}
#works .ttl-Box h2.ttl01 img{max-width:100%;height:auto;}
#works .ttl-Box p.entext{margin-bottom:7.2vw;position:relative;color:#1A1A1A;text-align:center;font-size:5.8vw;font-weight:600;letter-spacing:.05em;}
#works .ttl-Box p.entext span.f-en{}
#works .inner-Box{margin:0 auto .5vw;position:relative;}

#works ul.system-list{display:grid;grid-template-columns:1fr;gap:7.2vw;margin-bottom:9.2vw;margin: 0 0 11.4vw;}
#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:2.4vw;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: 0.2vw;}
#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;position:relative;background:none;padding:0;font-size:3.4vw;line-height:1.86;letter-spacing:0;font-weight:400;color:#0493B6;}
#works ul.system-list li .systtl{margin-bottom:2.4vw;font-size:3.4vw;line-height:1.71;letter-spacing:0;font-weight:400;color:#1A1A1A;}
#works ul.system-list li .cost{font-size:2.9vw;line-height:1.47;letter-spacing:.05em;font-weight:400;text-align:left;color:#999;margin-bottom:4.1vw;border-bottom:.2vw solid #FFF;padding-bottom:2.2vw;}
#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 p.morebtn2{margin:23.9vw 0 0;}

#contentsbottom{margin: 16.7vw auto 0 auto;position:relative;background: url('../images/reform/sp-contentsbottom-back01.png') no-repeat top center;background-size: 100% auto;padding: 19.5vw 4.1vw 0;}
#contentsbottom h2{margin-bottom: 4.7vw;position:relative;color:#FFF;font-size: 5.5vw;line-height: 1.6;letter-spacing: 0em;font-weight: 700;text-align: center;}
#contentsbottom .inner-Box{margin: 36.2vw auto 0 auto;position:relative;padding-bottom:18.6vw;}
#contentsbottom .inner-Box ul.banner-list{display:flex;flex-wrap:wrap;gap:4.8vw;}
#contentsbottom .inner-Box ul li{position:relative;width:100%;margin-right:0;}
#contentsbottom .inner-Box ul li:nth-child(3n){margin-right:0;}
#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:6.5vw;}

}