@charset "UTF-8";

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

#c1 { margin-bottom: 142px; margin-top: 48px; }
#c1 .inner .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; text-align: center; margin-bottom: 77px; position: relative; left: 5px; font-size: 28px; letter-spacing: 0.35em; line-height: 68px; }
#c1 .inner .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; text-align: center; margin-bottom: 47px; position: relative; left: 3px; }
#c1 .inner .txt-box { width: 660px; margin: 0 auto; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 34px; }
#c1 .inner .txt-box .p-mb { margin-bottom: 35px; }
#c1 .inner .b-pic { margin-bottom: 106px; }
#c1 .inner .b-pic img { width: 100%; }
#c2 { margin-bottom: 160px; background-image: url(../images/housing/bg-01.png); background-repeat: repeat-y; background-position: center 0; }
#c2 .inner { width: 1100px; margin: 0 auto; }
#c2 .inner .flex { position: relative; height: 795px; }
#c2 .inner .flex .box-l { position: absolute; left: -410px; top: 0; }
#c2 .inner .flex .box-r { width: 471px; margin-left: auto; padding-top: 101px; }
#c2 .inner .flex .box-r .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; margin-bottom: 41px; }
#c2 .inner .flex .box-r .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; margin-bottom: 48px; }
#c2 .inner .flex .box-r .txt-box { font-weight: 500; line-height: 34px; }
#c2 .inner .flex .box-r .txt-box .p-mb { margin-bottom: 34px; }
#c3 { margin-bottom: 159px; }
#c3 .inner .flex { width: 1100px; height: 760px; margin: 0 auto; position: relative; }
#c3 .inner .flex .box-l { width: 550px; padding-top: 32px; }
#c3 .inner .flex .box-l .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; margin-bottom: 40px; }
#c3 .inner .flex .box-l .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; margin-bottom: 48px; }
#c3 .inner .flex .box-l .txt-box { font-weight: 500; line-height: 34px; }
#c3 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 34px; }
#c3 .inner .flex .box-l .btn a { width: 330px; background-color: #fff; display: block; background-image: url(../images/housing/line.svg); background-repeat: no-repeat; background-position: 25px 30px; font-weight: 600; font-size: 15px; letter-spacing: 0.2em; padding: 19px 5px 17px 62px; margin-top: 42px; }
#c3 .inner .flex .box-r { position: absolute; top: 0; right: -90px; }
.o-pic { position: relative; }
.o-pic img { width: 100%; }
#c4 { margin-bottom: 154px; background-color: #FFFFFF; padding-bottom: 118px; }
#c4 .inner { width: 1100px; margin: 0 auto; }
#c4 .inner .flex { position: relative; height: 916px; }
#c4 .inner .flex .box-l { position: absolute; left: -410px; top: 121px; }
#c4 .inner .flex .box-r { width: 471px; margin-left: auto; padding-top: 223px; }
#c4 .inner .flex .box-r .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; margin-bottom: 40px; }
#c4 .inner .flex .box-r .s-ttl { font-weight: 600; font-size: 22px; letter-spacing: 0.2em; line-height: 43px; margin-bottom: 48px; }
#c4 .inner .flex .box-r .txt-box { font-weight: 500; line-height: 34px; }
#c4 .inner .flex .box-r .txt-box .p-mb { margin-bottom: 34px; }
#c5 { margin-bottom: 60px; }
#c5 .inner .ttl { font-weight: 600; font-size: 30px; letter-spacing: 0.2em; line-height: 59px; text-align: center; margin-bottom: 48px; position: relative; left: 3px; }
#c5 .inner .b-pic img { width: 100%; }
#c5 .inner .s-ttl {font-weight: 600;text-align: center;margin-bottom: 30px;position: relative;left: 3px;font-size: 23px;letter-spacing: 0.2em;line-height: 37px;}
#c5 .inner .txt-box { font-weight: 500; line-height: 34px; text-align: center; }
#c5 .inner .txt-box .p-mb { margin-bottom: 34px; }
#c5 .inner .bgc-box { width: 960px; margin: 0 auto; background-color: #fff; position: relative; top: -60px; padding-top: 78px; padding-bottom: 71px; }

}

@media screen and (max-width: 767px) {
#c1 {margin-bottom: 9.903vw;margin-top: -5.072vw;}
#c1 .inner .ttl {width: 84.541vw;margin: 0 auto;font-weight: 600;font-size: 7.246vw;letter-spacing: 0.2em;line-height: 14.251vw;margin-bottom: 13.768vw;left: 0.725vw;font-size: 5.797vw;letter-spacing: 0.2em;line-height: 11.111vw;font-size: 5.314vw;letter-spacing: 0.35em;line-height: 10.386vw;}
#c1 .inner .s-ttl {margin: 0 auto;font-weight: 600;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 10.386vw;margin-bottom: 9.903vw;position: relative;width: 84.541vw;font-size: 4.831vw;letter-spacing: 0.2em;line-height: 9.662vw;}
#c1 .inner .txt-box {width: 84.541vw;margin: 0 auto;font-weight: 500;letter-spacing: 0.05em;line-height: 8.213vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;}
#c1 .inner .txt-box .p-mb { margin-bottom: 8.213vw; }
#c1 .inner .b-pic {margin-bottom: 12.802vw;}
#c1 .inner .b-pic img { width: 100%; }

#c2 {margin-bottom: 0;background-color: #FFFFFF;padding-top: 16.184vw;padding-bottom: 12.56vw;}
#c2 .inner { width: 100%; margin: 0 auto; }
#c2 .inner .flex {position: relative;display: flex;flex-wrap: wrap;}
#c2 .inner .flex .box-l {width: 84.541vw;margin: 0 auto;margin-bottom: 7.729vw;top: 0;}
#c2 .inner .flex .box-r {width: 84.541vw;margin: 0 auto;padding-top: 29.71vw;}
#c2 .inner .flex .box-r .ttl {width: 84.541vw;margin: 0 auto;font-weight: 600;font-size: 7.246vw;letter-spacing: 0.2em;line-height: 14.251vw;margin-bottom: 5.556vw;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 9.662vw;}
#c2 .inner .flex .box-r .s-ttl {width: 84.541vw;margin: 0 auto;font-weight: 600;margin-bottom: 11.594vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
#c2 .inner .flex .box-r .txt-box {width: 84.541vw;margin: 0 auto;font-weight: 500;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;}
#c2 .inner .flex .box-r .txt-box .p-mb { margin-bottom: 8.213vw; }

#c3 {margin-bottom: 9.662vw;}
#c3 .inner {padding: 15.942vw 7.729vw 9.662vw;}
#c3 .inner .flex {width: 100%;margin: 0 auto;position: relative;display: flex;flex-wrap: wrap;}
#c3 .inner .flex .box-l {width: 100%;padding-top: 29.71vw;}
#c3 .inner .flex .box-l .ttl {font-weight: 600;margin-bottom: 5.556vw;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 9.662vw;}
#c3 .inner .flex .box-l .s-ttl {font-weight: 600;margin-bottom: 11.594vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
#c3 .inner .flex .box-l .txt-box {font-weight: 500;line-height: 8.213vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;margin-bottom: 10.145vw;}
#c3 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 8.213vw; }
#c3 .inner .flex .box-r {margin-bottom: 10.145vw;}

#c3 .inner .flex .box-l .btn a {background-color: #fff;display: block;background-image: url(../images/housing/sp-line.svg);background-repeat: no-repeat;background-position: 6.763vw 7.246vw;background-size: 4.831vw;font-weight: 600;font-size: 3.623vw;letter-spacing: 0.2em;padding: 4.589vw 1.208vw 4.106vw 14.976vw;width: 79.71vw;}



#c4 {margin-bottom: 28.502vw;background-color: #FFFFFF;}
#c4 .inner { width: 100%; margin: 0 auto; }
#c4 .inner .flex {position: relative;display: flex;flex-wrap: wrap;background-color: #FFFFFF;padding-top: 15.942vw;padding-bottom: 9.903vw;}
#c4 .inner .flex .box-l {width: 84.541vw;margin: 0 auto;margin-bottom: 7.971vw;top: 0;}
#c4 .inner .flex .box-r {width: 84.541vw;margin: 0 auto;padding-top: 29.71vw;}
#c4 .inner .flex .box-r .ttl {width: 84.541vw;margin: 0 auto;font-weight: 600;font-size: 7.246vw;letter-spacing: 0.2em;line-height: 14.251vw;margin-bottom: 5.556vw;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 9.662vw;}
#c4 .inner .flex .box-r .s-ttl {width: 84.541vw;margin: 0 auto;font-weight: 600;margin-bottom: 11.594vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
#c4 .inner .flex .box-r .txt-box {width: 84.541vw;margin: 0 auto;font-weight: 500;line-height: 8.213vw;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;}
#c4 .inner .flex .box-r .txt-box .p-mb { margin-bottom: 8.213vw; }

#c5 {margin-bottom: 21.739vw;}
#c5 .inner .ttl {font-weight: 600;font-size: 7.246vw;letter-spacing: 0.2em;line-height: 14.251vw;text-align: center;margin-bottom: 6.28vw;position: relative;left: 0.483vw;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 10.386vw;font-size: 5.314vw;letter-spacing: 0.2em;line-height: 10.386vw;}
#c5 .inner .bg-box {background-color: #fff;padding-bottom: 10.145vw;}
#c5 .inner .b-pic {margin-bottom: 7.729vw;}
#c5 .inner .b-pic img { width: 100%; }
#c5 .inner .s-ttl {font-weight: 600;font-size: 6.522vw;letter-spacing: 0.2em;line-height: 12.802vw;text-align: center;margin-bottom: 5.072vw;position: relative;left: 0.483vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;font-size: 4.589vw;letter-spacing: 0.2em;line-height: 8.696vw;}
#c5 .inner .txt-box {width: 84.541vw;margin: 0 auto;font-weight: 500;font-size: 3.865vw;letter-spacing: 0.05em;line-height: 8.213vw;}
#c5 .inner .txt-box .p-mb { margin-bottom: 8.213vw; }




}