@charset "UTF-8";
@media screen and (min-width: 768px),print {

main { width: 100%!important; max-width: 1920px!important; margin: 0 auto; letter-spacing: 1px; line-height: 1.8; }
.seo_bread_list { margin-bottom: 43px; }

.nagare-move-u{
  --nagare-w: 3420px;   /* 背景画像の横幅 */
  --nagare-h: 347px;    /* 背景画像の高さ */
  --nagare-speed: 100s;  /* 1周する時間。長いほどゆっくり */

background-image: url(../images/renovationmodelhouse/nagare.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto var(--nagare-h);
  width: 100%;
  height: var(--nagare-h);
  animation: nagare-left var(--nagare-speed) linear infinite;
  will-change: background-position;
}

/* ← 左方向に流す */
@keyframes nagare-left{
  from { background-position-x: 0; }
  to   { background-position-x: calc(-1 * var(--nagare-w)); }
}

@media (prefers-reduced-motion: reduce){
  .nagare-move-u{ animation: none; }
}

.bg-c-box-01 { background-color: #F7F7F2; }
.bg-c-box-01.ano2 { padding-bottom: 80px; }
#c1 { margin-bottom: 113px; }
#c1 .inner .ttl { font-weight: 500; font-size: 34px; letter-spacing: 0.15em; line-height: 57px; text-align: center; color: #262626; margin-top: 88px; }
#c1 .inner .bg-wap { background-image: url(../images/renovationmodelhouse/bg-01.png); background-repeat: no-repeat; background-position: center 8px; padding-top: 40px; }
#c1 .inner .bg-wap .pic { width: 1100px; margin: 0 auto; margin-bottom: 31px; }
#c1 .inner .bg-wap .txt-1 { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: center; color: #262626; font-weight: 500; }
#c2 { margin-bottom: 118px; }
#c2 .inner .ttl { font-size: 30px; letter-spacing: 0.15em; line-height: 45px; text-align: center; color: #262626; background-image: url(../images/renovationmodelhouse/deco-01.png); background-repeat: no-repeat; background-position: bottom center; padding-bottom: 25px; margin-bottom: 59px; font-weight: 500; }
#c2 .inner .flex { width: 1100px; margin: 0 auto; display: flex; flex-wrap: wrap; }
#c2 .inner .flex .box-l { width: 472px; margin-right: 55px; }
#c2 .inner .flex .box-r { width: 573px; padding-top: 37px; }
#c2 .inner .flex .box-r .txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; }
#c2 .inner .flex .box-r .txt-box .p-mb { margin-bottom: 32px; }

#co-1 { margin-bottom: 109px; padding-top: 112px; }
#co-1 .inner { width: 1100px; margin: 0 auto; }
#co-1 .inner .txt-1 { width: 173px; margin: 0 auto; margin-bottom: 9px; }
#co-1 .inner .ttl { font-weight: 500; font-size: 37px; letter-spacing: 0.24em; line-height: 56px; text-align: center; color: #262626; margin-bottom: 47px; }
#co-1 .inner .flex { display: flex; flex-wrap: wrap; }
#co-1 .inner .flex .box-l { width: 550px; padding-top: 55px; margin-right: 60px; }
#co-1 .inner .flex .box-l .txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; }
#co-1 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 32px; }
#co-1 .inner .flex .box-l .txt-box .p-mb .ss { font-weight: 700; }
#co-1 .inner .flex .box-r { width: 490px; }
#co-2 .inner { width: 1100px; margin: 0 auto; }
#co-2 .inner .ttl { font-size: 37px; letter-spacing: 0.24em; line-height: 56px; text-align: center; color: #262626; margin-bottom: 91px; }
#co-2 .inner .ttl .ss { display: inline-block; padding: 0px 52px; background-image: url(../images/renovationmodelhouse/deco-02.png),url(../images/renovationmodelhouse/deco-02.png); background-repeat: no-repeat; background-position: left 0 top 25px,right 0 top 25px; font-weight: 500; }
#co-2 .inner .point-list {margin-bottom: 98px;}
#co-2 .inner .point-list > li { margin-bottom: 93px; }
#co-2 .inner .point-list > li:nth-child(2){
  margin-bottom: 63px;
}
#co-2 .inner .point-list > li:nth-child(2n) .flex .box-l { margin-right: 0; position: relative; left: 10px; top: -3px; }
#co-2 .inner .point-list > li:nth-child(2n) .flex .box-r { order: -1; margin-right: 50px; }
#co-2 .inner .point-list .flex { display: flex; flex-wrap: wrap; }
#co-2 .inner .point-list .flex .box-l { width: 490px; margin-right: 60px; position: relative; left: 4px; }
#co-2 .inner .point-list .flex .box-r { width: 550px; }
#co-2 .inner .point-list > li:nth-child(3) .flex .box-l{
  position: relative;
  left: 0px;
}
#co-2 .inner .point-list > li:nth-child(3) .flex .box-r{
    margin-top: 17px;
}

#co-2 .inner .point-list .flex .box-r .num { margin-bottom: 7px; }
#co-2 .inner .point-list .flex .box-r .point-ttl { font-weight: 500; margin-bottom: 22px; }
#co-2 .inner .point-list .flex .box-r .point-ttl .ss1 { font-size: 30px; letter-spacing: 0.15em; line-height: 46px; text-align: left; color: #ff7500; padding-right: 50px; margin-right: 16px; background-image: url(../images/renovationmodelhouse/deco-03.png); background-repeat: no-repeat; background-position: right 0 top 25px; }
#co-2 .inner .point-list .flex .box-r .point-ttl .ss2 { font-size: 22px; letter-spacing: 0.15em; line-height: 46px; text-align: left; color: #3e3e3e; }
#co-2 .inner .point-list .flex .box-r .txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; margin-bottom: 23px; }
#co-2 .inner .point-list .flex .box-r .bg-box-w { width: 425px; background-color: #fff; padding: 21px 28px 29px 31px; }
#co-2 .inner .point-list .flex .box-r .bg-box-w .sankou { font-weight: 100; font-size: 18px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #ff7500; font-weight: 700; margin-bottom: 12px; }
#co-2 .inner .point-list .flex .box-r .bg-box-w .sankou-list { font-size: 16px; letter-spacing: 0.1em; line-height: 24px; text-align: left; color: #262626; }
#co-2 .inner .point-list .flex .box-r .bg-box-w .sankou-list li { padding-left: 17px; background-image: url(../images/renovationmodelhouse/deco-04.png); background-repeat: no-repeat; background-position: 4px 10px; margin-bottom: 8px; }
#co-2 .inner .point-list .flex .box-r .txt-box .p-mb { margin-bottom: 32px; }
#co-3 {margin-bottom: 93px;}
#co-3 .inner { width: 1100px; margin: 0 auto; }
#co-3 .inner .ttl {font-weight: 500;font-size: 37px;letter-spacing: 0.24em;line-height: 56px;text-align: center;color: #262626;margin-bottom: 47px;}
#co-3 .inner .ttl .ss-wap{
  display: block;
  margin-bottom: 11px;
}
#co-3 .inner .ttl .ss-wap .ss1 {position: relative;top: -8px;left: 3px;}
#co-3 .inner .ttl .ss-wap .ss2 {position: relative;left: 6px;}
#co-3 .inner .ttl .ss3 {display: block;position: relative;left: 5px;}
#co-3 .inner .flex { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
#co-3 .inner .flex .pic {margin-bottom: 21px;}
#co-3 .inner .flex .txt { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: center; color: #262626; }
#co-3 .inner .flex .box-l {padding-right: 120px;background-image: url(../images/renovationmodelhouse/deco-05.png);background-repeat: no-repeat;background-position: right 48px top 131px;}
#co-3 .inner .flex .box-r { position: relative; }
#co-4 {padding-top: 111px;padding-bottom: 120px;margin-bottom: 128px;}
#co-4 .inner { width: 1100px; margin: 0 auto; }
#co-4 .inner .ttl {font-weight: 500;font-size: 30px;letter-spacing: 0.15em;line-height: 45px;text-align: center;color: #262626;background-image: url(../images/renovationmodelhouse/deco-01.png);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 25px;margin-bottom: 59px;}
#co-4 .inner .flex { display: flex; flex-wrap: wrap; }
#co-4 .inner .flex .box-l { width: 490px; margin-right: 60px; }
#co-4 .inner .flex .box-r {width: 550px;padding-top: 71px;}
#co-4 .inner .flex .box-r .txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; }
#co-4 .inner .flex .box-r .txt-box .p-mb {margin-bottom: 32px;}

#c4 {background-image: url(../images/renovationmodelhouse/bg-02.png);background-repeat: no-repeat;background-position: center 0;min-height: 974px;padding-top: 111px;}
#c4 .inner .ttl {font-size: 37px;letter-spacing: 0.24em;line-height: 56px;text-align: center;color: #fff;margin-bottom: 55px;position: relative;left: 5px;}
#c4 .inner .ttl .ss1 { display: block; margin-bottom: 6px; }
#c4 .inner .ttl .ss2 { position: relative; }
#c4 .inner .ttl .ss3 { position: relative; }
#c4 .inner .ch-box {width: 894px;margin: 0 auto;background: #fff;padding: 82px 80px 88px 102px;}
#c4 .inner .ch-box .ch-list li {
  font-size: 22px;
  letter-spacing: 0.15em;
  line-height: 40px;
  text-align: left;
  color: #262626;
  padding-left: 44px;
  background-image: url(../images/renovationmodelhouse/ch.png),url(../images/renovationmodelhouse/line.png);
  background-repeat: no-repeat;
  background-position: 0 28px,left 0 bottom 0;
  padding-top: 18px;
  padding-bottom: 22px;
  font-weight: 500;
  }


#c6 .inner { width: 1100px; margin: 0 auto; margin-bottom: 114px; }
#c6 .inner .en { width: 64px; margin: 0 auto; margin-bottom: 4px; }
#c6 .inner .ttl { font-size: 42px; letter-spacing: 0.15em; line-height: 70px; text-align: center; color: #262626; margin-bottom: 41px; }
#c6 .inner .tizu { margin-bottom: 23px; }
#c6 .inner .tizu iframe { width: 1100px; height: 490px; }
#c6 .inner .txt-1 { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; }
.bg-c-box-01.ano { padding-top: 111px; padding-bottom: 1px; }

}

@media screen and (max-width: 767px) {
main {letter-spacing: 0.2vw; line-height: 1.8;}
.seo_bread_list { margin-bottom: -2vw;}


.nagare-move-u{
  --nagare-w: 2664px;   /* 背景画像の横幅 */
  --nagare-h: 180px;    /* 背景画像の高さ */
  --nagare-speed: 150s;  /* 1周する時間。長いほどゆっくり */
  background-image: url(../images/renovationmodelhouse/sp-nagare.png);
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto var(--nagare-h);
  width: 100%;
  height: var(--nagare-h);
  animation: nagare-left var(--nagare-speed) linear infinite;
  will-change: background-position;
  margin-bottom: 9.662vw;
}

/* ← 左方向に流す */
@keyframes nagare-left{
  from { background-position-x: 0; }
  to   { background-position-x: calc(-1 * var(--nagare-w)); }
}

@media (prefers-reduced-motion: reduce){
  .nagare-move-u{ animation: none; }
}

.bg-c-box-01 {
	background-color: #F7F7F2;
}

#c1 {margin-bottom: 14.493vw;}
#c1 .inner .ttl {font-weight: 500;text-align: center;color: #262626;margin-top: 16.396vw;font-size: 5.556vw;letter-spacing: 0.15em;line-height: 9.42vw;}
#c1 .inner .bg-wap {background-image: url(../images/renovationmodelhouse/sp-bg-01.png);background-repeat: no-repeat;background-position: center 18px;background-size: 100%;padding-top: 15.217vw;}
#c1 .inner .bg-wap .pic {width: 100%;margin: 0 auto;margin-bottom: 9.903vw;}
#c1 .inner .bg-wap .txt-1 {text-align: center;color: #262626;font-weight: 500;font-size: 3.382vw;letter-spacing: 0.1em;line-height: 7.729vw;}
#c2 {margin-bottom: 15.217vw;}
#c2 .inner .ttl {text-align: center;color: #262626;background-image: url(../images/renovationmodelhouse/sp-deco-01.png);background-repeat: no-repeat;background-position: bottom center;background-size: 9.3vw;padding-bottom: 3.865vw;margin-bottom: 7.005vw;font-weight: 500;font-size: 4.589vw;letter-spacing: 0.15em;line-height: 7.246vw;}
#c2 .inner .flex {width: 83.575vw;margin: 0 auto;display: flex;flex-wrap: wrap;}
#c2 .inner .flex .box-l {width: 100%;margin-bottom: 7.246vw;}
#c2 .inner .flex .box-r {width: 100%;margin-top: 0.242vw;}
#c2 .inner .flex .box-r .txt-box {font-size: 3.865vw;letter-spacing: 0.1em;line-height: 7.729vw;text-align: left;color: #262626;/* font-weight: 400; */}
#c2 .inner .flex .box-r .txt-box .p-mb {margin-bottom: 7.729vw;}


#co-1 {margin-bottom: 13.527vw;padding-top: 16.908vw;}
#co-1 .inner {width: 83.575vw;margin: 0 auto;}
#co-1 .inner .txt-1 {width: 41.787vw;margin: 0 auto;margin-bottom: 0.725vw;}
#co-1 .inner .ttl {font-weight: 500;text-align: center;color: #262626;margin-bottom: 5.797vw;font-size: 6.522vw;letter-spacing: 0.15em;line-height: 9.662vw;}
#co-1 .inner .flex { display: flex; flex-wrap: wrap; }
#co-1 .inner .flex .box-l {width: 100%;/* padding-top: 13.285vw; *//* margin-right: 14.493vw; */}
#co-1 .inner .flex .box-l .txt-box { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 7.729vw; text-align: left; color: #262626; }
#co-1 .inner .flex .box-l .txt-box .p-mb { margin-bottom: 7.729vw; }
#co-1 .inner .flex .box-l .txt-box .p-mb .ss { font-weight: 700; }
#co-1 .inner .flex .box-r {width: 83.575vw;margin-bottom: 5.072vw;}
#co-2 .inner {width: 83.575vw;margin: 0 auto;}

#co-2 .inner .ttl {text-align: center;color: #262626;margin-bottom: 9.42vw;font-size: 6.522vw;letter-spacing: 0.15em;line-height: 9.662vw;}
#co-2 .inner .ttl .ss {
	display: inline-block;
	padding-bottom: 8.454vw;
	background-image: url(../images/modelhouse/sp-deco-02.png);
	background-repeat: no-repeat;
	background-position: center bottom 0;
	background-size: 7.246vw;
	font-weight: 500;
	}



#co-2 .inner .point-list {/* margin-bottom: 5.797vw; */}
#co-2 .inner .point-list > li {margin-bottom: 14.251vw;}
#co-2 .inner .point-list > li:nth-child(2){
  margin-bottom: 9.662vw;
}
#co-2 .inner .point-list > li:nth-child(2n) .flex .box-l {margin-right: 0;position: relative;/* left: 2.415vw; *//* top: -0.725vw; */}
#co-2 .inner .point-list > li:nth-child(2n) .flex .box-r { order: -1; margin-right: 12.077vw; }
#co-2 .inner .point-list .flex { display: flex; flex-wrap: wrap; }
#co-2 .inner .point-list .flex .box-l {width: 100%;position: relative;/* left: 0.966vw; */margin-bottom: 5.072vw;}
#co-2 .inner .point-list .flex .box-r { width: 100%; }
#co-2 .inner .point-list > li:nth-child(3) .flex .box-l{
  position: relative;
  left: 0px;
}
#co-2 .inner .point-list > li:nth-child(3) .flex .box-r{
    margin-top: 4.106vw;
}

#co-2 .inner .point-list .flex .box-r .num {margin-bottom: 3.623vw;width: 22.222vw;}
#co-2 .inner .point-list .flex .box-r .point-ttl {font-weight: 500;margin-bottom: 2.174vw;}
#co-2 .inner .point-list .flex .box-r .point-ttl .ss1 {text-align: left;color: #ff7500;/* background-image: url(../images/renovationmodelhouse/deco-03.png); *//* background-repeat: no-repeat; *//* background-position: right 0 top 25px; */display: block;font-size: 6.28vw;letter-spacing: 0.15em;line-height: 8.213vw;margin-bottom: -1.932vw;}

#co-2 .inner .point-list .flex .box-r .point-ttl .ss2 {text-align: left;color: #3e3e3e;font-size: 4.348vw;letter-spacing: 0.15em;line-height: 11.111vw;padding-left: 9.662vw;background-image: url(../images/renovationmodelhouse/sp-deco-03.png);background-repeat: no-repeat;background-position: left 0 top 14px;background-size: 6.763vw;}


#co-2 .inner .point-list .flex .box-r .txt-box {font-size: 3.865vw;letter-spacing: 0.1em;line-height: 7.729vw;text-align: left;color: #262626;margin-bottom: 3.14vw;}
#co-2 .inner .point-list .flex .box-r .bg-box-w {width: 100%;background-color: #fff;padding: 4.348vw 6.763vw 3.865vw 7.488vw;}
#co-2 .inner .point-list .flex .box-r .bg-box-w .sankou {font-weight: 100;font-size: 4.348vw;letter-spacing: 0.1em;line-height: 7.729vw;text-align: left;color: #ff7500;font-weight: 700;margin-bottom: 2.174vw;}
#co-2 .inner .point-list .flex .box-r .bg-box-w .sankou-list { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 5.797vw; text-align: left; color: #262626; }
#co-2 .inner .point-list .flex .box-r .bg-box-w .sankou-list li { padding-left: 4.106vw; background-image: url(../images/renovationmodelhouse/deco-04.png); background-repeat: no-repeat; background-position: 0.966vw 2.415vw; margin-bottom: 1.932vw; }
#co-2 .inner .point-list .flex .box-r .txt-box .p-mb { margin-bottom: 7.729vw; }
#co-3 {margin-bottom: 15.217vw;margin-top: -5.556vw;}
#co-3 .inner { width: 100%; margin: 0 auto; }
#co-3 .inner .ttl {font-weight: 500;text-align: center;color: #262626;margin-bottom: 8.213vw;font-size: 6.522vw;letter-spacing: 0.15em;line-height: 9.662vw;}
#co-3 .inner .ttl .ss-wap{
  /* display: block; */
  /* margin-bottom: 2.657vw; */
}
#co-3 .inner .ttl .ss-wap .ss1 {display: block;width: 59.179vw;margin: 0 auto;position: relative;margin-bottom: 3.382vw;/* top: -1.932vw; */left: 0.242vw;}
#co-3 .inner .ttl .ss-wap .ss2 {position: relative;left: 1.449vw;}
#co-3 .inner .ttl .ss3 {/* display: block; */position: relative;left: -0.725vw;}
#co-3 .inner .flex {width: 83.575vw;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;}
#co-3 .inner .flex .pic {margin-bottom: 5.072vw;}
#co-3 .inner .flex .txt {font-size: 3.865vw;letter-spacing: 0.1em;line-height: 7.729vw;/* text-align: center; */color: #262626;}
#co-3 .inner .flex .box-l {/* padding-right: 28.986vw; */background-image: url(../images/renovationmodelhouse/sp-deco-05.png);background-repeat: no-repeat;background-position: center bottom;background-size: 5.797vw;padding-bottom: 12.077vw;margin-bottom: 7.246vw;}
#co-3 .inner .flex .box-r { position: relative; }
#co-4 {padding-top: 15.459vw;padding-bottom: 15.217vw;margin-bottom: 15.942vw;}
#co-4 .inner { width: 100%; margin: 0 auto; }
#co-4 .inner .ttl {font-weight: 500;text-align: center;color: #262626;background-image: url(../images/renovationmodelhouse/deco-01.png);background-repeat: no-repeat;background-position: center bottom;padding-bottom: 3.865vw;margin-bottom: 7.005vw;font-size: 4.589vw;letter-spacing: 0.15em;line-height: 7.246vw;}
#co-4 .inner .flex {width: 83.575vw;margin: 0 auto;display: flex;flex-wrap: wrap;}
#co-4 .inner .flex .box-l {width: 100%;margin-bottom: 7.488vw;}
#co-4 .inner .flex .box-r {width: 100%;}
#co-4 .inner .flex .box-r .txt-box { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 7.729vw; text-align: left; color: #262626; }
#co-4 .inner .flex .box-r .txt-box .p-mb {margin-bottom: 7.729vw;}



#c4 {background-image: url(../images/renovationmodelhouse/sp-bg-02.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;min-height: 181.159vw;padding-top: 15.217vw;}
#c4 .inner .ttl {text-align: center;color: #fff;margin-bottom: 7.971vw;position: relative;left: 0.483vw;font-size: 6.522vw;letter-spacing: 0.15em;line-height: 9.662vw;}
#c4 .inner .ttl .ss1 {display: block;margin-bottom: 0.242vw;}
#c4 .inner .ttl .ss2 { position: relative; }
#c4 .inner .ttl .ss3 { position: relative; }
#c4 .inner .ch-box {width: 91.787vw;margin: 0 auto;background: #fff;padding: 4.348vw 6.039vw 9.903vw;}
#c4 .inner .ch-box .ch-list li {text-align: left;color: #262626;padding-left: 8.213vw;background-image: url(../images/renovationmodelhouse/sp-ch.png);background-repeat: no-repeat;background-position: 0 5.314vw;background-size: 4.831vw;border-bottom: 1px solid #D1D1CD;padding-top: 4.348vw;padding-bottom: 4.348vw;font-weight: 500;font-size: 4.348vw;letter-spacing: 0.15em;line-height: 6.28vw;}

#c6 .inner {width: 100%;margin: 0 auto;margin-bottom: 15.217vw;}
#c6 .inner .en {width: 10.266vw;margin: 0 auto;margin-bottom: 1.449vw;}
#c6 .inner .ttl {text-align: center;color: #262626;margin-bottom: 9.903vw;font-size: 6.039vw;letter-spacing: 0.15em;line-height: 10.145vw;font-weight: 500;}
#c6 .inner .tizu {width: 83.575vw;margin: 0 auto;margin-bottom: 1.691vw;}
#c6 .inner .tizu iframe {width: 83.575vw;height: 118.357vw;}
#c6 .inner .txt-1{width: 83.575vw;margin: 0 auto;font-size: 3.865vw;letter-spacing: 0.1em;line-height: 7.729vw;text-align: left;color: #262626;}

.bg-c-box-01.ano {padding-top: 16.908vw;padding-bottom: 0.242vw;}


}