@charset "UTF-8";
@media screen and (min-width: 768px), print {
.h2-area-box .h2-common-box{background-image: url(../images/renovation/h2.jpg); }
.h2-common-ttl { color:#282828!important; }

main { width: 100%;}


#main { margin-bottom: 65px; }
#main .ttl-1 { margin-bottom: 30px;text-align: center; }
#main .bg-box { width: 862px; margin: 0 auto;min-height: 228px;background: url(../images/renovation/bg.jpg) no-repeat top center;}
#main .ttl-2 {margin-bottom: 9px; padding-top: 35px;background: url(../images/renovation/crown.png) no-repeat top center;color: #272727;font-size: 25px;text-align: center;font-weight: 900; }
#main .check-txt { color: #272727;margin-left: 190px; padding-left: 30px;background: url(../images/renovation/check.png) no-repeat top 5px left;font-size: 18px;font-weight: 700;letter-spacing: 0.9px;line-height: 45px;}


#nagaku {margin-bottom: 110px; background: url(../images/renovation/iwa01.jpg) no-repeat top center; }
#nagaku .relative-box { position: relative;width: 1000px; margin: 0 auto;min-height: 340px; }
#nagaku .ttl-1 {width: 1000px; margin: 0 auto 28px; }       
#nagaku .ttl-2 { margin-bottom: 35px;color: #1c5590;font-size: 20px;font-weight: 700;letter-spacing: 1px;line-height: 35px; }       
#nagaku .img { position: absolute; top: -30px; right: 0;width: 560px; }
#nagaku .txt-1 {width: 429px;color: #272727;letter-spacing: 0.8px;line-height: 24px;  }
#nagaku .relative-box02 { position: relative;width: 1000px; margin: 0 auto 30px; min-height: 257px; }
#nagaku .txt-box {padding-top: 65px; width: 522px;margin-left: auto; }
#nagaku .img02 { position: absolute; top: -30px; left: 0; width: 416px;}
#nagaku .txt-2 { margin-bottom: 20px;color: #272727;letter-spacing: 0.8px;line-height: 24px; }
#nagaku .link { display: block;width: 750px;margin: 0 auto; }



#kodawari {margin-bottom: 100px; background: url(../images/renovation/iwa02.jpg) no-repeat top center; }
#kodawari .ttl-1 {width: 1000px; margin: 0 auto; text-align: right;}       
#kodawari .relative-box { position: relative;width: 1000px; margin: 0 auto 40px;min-height: 370px; }
#kodawari .txt-box { padding-top: 30px;width: 419px;margin-left: auto; }
#kodawari .ttl-2 { margin-bottom: 35px;color: #1c5590;font-size: 20px;font-weight: 700;letter-spacing: 1px;line-height: 35px; }       
#kodawari .img { position: absolute; top: 0; left: 0;width: 560px; }
#kodawari .txt-1 {margin-bottom: 20px;color: #272727;letter-spacing: 0.8px;line-height: 24px;  }
#kodawari .relative-box02 {padding-top: 20px; position: relative;width: 1000px; margin: 0 auto 30px; min-height: 257px; }
#kodawari .img02 { position: absolute; top: 0; right: 0;width: 416px;}
#kodawari .txt-2 { width: 522px;margin-bottom: 20px;color: #272727;letter-spacing: 0.8px;line-height: 24px; }
#kodawari .ttl-3 { margin-bottom: 20px;text-align: center; }
#kodawari .list { width: 880px; margin: 0 auto; }
#kodawari .list-item { float: left;width: 420px;margin-right: 40px; }
#kodawari .list-item:nth-child(2) { width: 400px; }
#kodawari .list-item:last-child { margin-right: 0; }

#tyuuko {margin-bottom: 110px; background: url(../images/renovation/iwa01.jpg) no-repeat top center; }
#tyuuko .relative-box { position: relative;width: 1000px; margin: 0 auto 10px;min-height: 440px; }
#tyuuko .ttl-1 {width: 1000px; margin: 0 auto 28px; }       
#tyuuko .ttl-2 { margin-bottom: 35px;color: #1c5590;font-size: 20px;font-weight: 700;letter-spacing: 1px;line-height: 35px; }       
#tyuuko .img { position: absolute; top: -30px; right: 0;width: 560px; }
#tyuuko .txt-1 {width: 429px;margin-bottom: 20px; color: #272727;letter-spacing: 0.8px;line-height: 24px;  }
#tyuuko .relative-box02 { position: relative;width: 1000px; margin: 0 auto 50px; min-height: 257px; }
#tyuuko .txt-box {padding-top: 30px; width: 522px;margin-left: auto; }
#tyuuko .img02 { position: absolute; top: 0; left: 0; width: 416px;}
#tyuuko .txt-2 { margin-bottom: 20px;color: #272727;letter-spacing: 0.8px;line-height: 24px; }
#tyuuko .list { width: 880px; margin: 0 auto; }
#tyuuko .list-item { float: left;width: 420px;margin-right: 40px; }
#tyuuko .list-item:nth-child(2) { width: 400px; }
#tyuuko .list-item:last-child { margin-right: 0; }


#end {  }
#end .bg-box { position: relative; width: 1000px; margin: 0 auto;padding-bottom: 27px;background:#ffd200; }
#end .img { margin-bottom: 10px; }
#end .ttl-1 {margin-bottom: 5px;padding-left: 60px;color: #282828; font-size: 28px;font-weight: 900;letter-spacing: 1.4px;line-height: 38px; }
#end .ttl-2 {margin-bottom: 25px;padding-left: 56px;font-size: 54px;color: #ffffff;font-weight: 900;letter-spacing: 2.7px; }
#end .noto-p { padding: 12px 0 12px 60px; background-color: #ffb300;font-size: 20px;color: #282828;font-weight: 900;letter-spacing: 1px; }
#end .woman { position: absolute; bottom: 0; right: 0px; }



}
@media screen and (max-width: 767px) {
.h2-area-box .h2-common-box {background-image: url(../images/renovation/sp-h2.jpg);}


#main { margin-bottom: 10%; }
#main .ttl-1 { margin-bottom: 5%;text-align: center; }
#main .bg-box { width: 94%; margin: 0 auto 5%;padding: 5% 9%;	background: url(../images/renovation/sp-bg-top.jpg) no-repeat top center,url(../images/renovation/sp-bg-bottom.jpg) no-repeat bottom center,url(../images/renovation/sp-bg-middle.jpg) repeat-y top center;background-size: contain;}
#main .ttl-2 {margin-bottom: 4%; padding-top: 20px;background: url(../images/renovation/crown.png) no-repeat top center/40px;color: #272727;font-size: 1.25em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5;text-align: center;font-weight: 900; }
#main .check-txt { margin-bottom: 2%;color: #272727; padding-left: 25px;background: url(../images/renovation/check.png) no-repeat top  left/15px;font-size:0.875em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.8;}

#nagaku {margin-bottom: 10%;padding: 0 5%; background: url(../images/renovation/iwa.jpg) no-repeat top 30px right/90%; }
#nagaku .ttl-1 { margin-bottom: 4%;padding-right: 20%;	 }       
#nagaku .ttl-2 { margin-bottom: 5%;color: #1c5590;font-size: 0.938em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }       
#nagaku .img { margin-bottom: 5%;padding: 0 5%; text-align: center; }
#nagaku .txt-1,#nagaku .txt-2 { margin-bottom: 5%;color: #272727;font-size: 0.875em;letter-spacing: 0.05em;line-height: 1.8; }
#nagaku .img02 { margin-bottom: 5%;padding: 0 5%;text-align: center; }
#nagaku .link { display: block; }

#kodawari {margin-bottom: 10%;padding: 0 5%; background: url(../images/renovation/iwa.jpg) no-repeat top 30px left/90%; }
#kodawari .ttl-1 { margin-bottom: 4%;padding-left: 20%;	 }       
#kodawari .ttl-2 { margin-bottom: 5%;padding-left: 20%;color: #1c5590;font-size: 0.938em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }       
#kodawari .img { margin-bottom: 5%;padding: 0 5%; text-align: center; }
#kodawari .txt-1,#kodawari .txt-2 { margin-bottom: 5%;color: #272727;font-size: 0.875em;letter-spacing: 0.05em;line-height: 1.8; }
#kodawari .img02 { margin-bottom: 5%;padding: 0 5%;text-align: center; }
#kodawari .ttl-3 { margin-bottom: 1%;text-align: center; }
#kodawari .list-item { display: block;margin-bottom: 5%;text-align: center; }

#tyuuko {margin-bottom: 10%;padding: 0 5%; background: url(../images/renovation/iwa.jpg) no-repeat top 30px right/90%; }
#tyuuko .ttl-1 { margin-bottom: 4%;padding-right: 20%;	 }       
#tyuuko .ttl-2 { margin-bottom: 5%;color: #1c5590;font-size: 0.938em;font-weight: 700;letter-spacing: 0.05em;line-height: 1.5; }       
#tyuuko .img { margin-bottom: 5%;padding: 0 5%; text-align: center; }
#tyuuko .txt-1,#tyuuko .txt-2 { margin-bottom: 5%;color: #272727;font-size: 0.875em;letter-spacing: 0.05em;line-height: 1.8; }
#tyuuko .img02 { margin-bottom: 5%;padding: 0 5%;text-align: center; }
#tyuuko .list-item { display: block;margin-bottom: 5%;text-align: center; }


#end { margin-bottom: 12% }
#end .bg-box { position: relative; width: 94%; margin: 0 auto;padding-bottom: 40px;background:#ffd200; }
#end .img { margin-bottom: 2%;text-align: center; }
#end .ttl-1 {padding-left: 3%;color: #282828; font-size: 0.875em;font-weight: 900;letter-spacing: 0.05em;line-height: 1.5; }
#end .ttl-2 {margin-bottom: 2%;padding-left: 3%;font-size: 1.7em;color: #ffffff;font-weight: 900;letter-spacing: 0.05em;line-height: 1.5; }
#end .noto-p { padding: 2% 3%; background-color: #ffb300;font-size: 0.938em;color: #282828;font-weight: 900;letter-spacing: 0.05em;line-height: 1.5; }
#end .woman { position: absolute; bottom: 0; right: 2%;display: block;width: 32vw; }

}