@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/modelhouse/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;
}

#c1 {margin-bottom: 84px;}
#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/modelhouse/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: 120px; }
#c2 .inner .ttl {font-size: 30px;letter-spacing: 0.15em;line-height: 45px;text-align: center;color: #262626;background-image: url(../images/modelhouse/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;margin-top: 1px;}
#c2 .inner .flex .box-r .txt-box {font-size: 16px;letter-spacing: 0.1em;line-height: 32px;text-align: left;color: #262626;/* font-weight: 400; */}
#c2 .inner .flex .box-r .txt-box .p-mb {margin-bottom: 32px;}
.bg-c-box-01 #c3 {padding-top: 109px;padding-bottom: 80px;}
.bg-c-box-01 #c3 .inner .ttl {font-size: 37px;letter-spacing: 0.24em;line-height: 56px;text-align: center;color: #262626;margin-bottom: 91px;}
.bg-c-box-01 #c3 .inner .ttl .ss {display: inline-block;padding: 0px 52px;background-image: url(../images/modelhouse/deco-02.png),url(../images/modelhouse/deco-02.png);background-repeat: no-repeat;background-position: left 0 top 25px,right 0 top 25px;font-weight: 500;}
.bg-c-box-01 #c3 .inner .flex { width: 1100px; margin: 0 auto; margin-bottom: 40px; display: flex; flex-wrap: wrap; }
.bg-c-box-01 #c3 .inner .flex .box-l { width: 490px; margin-right: 60px; }
.bg-c-box-01 #c3 .inner .flex .box-r {width: 550px;padding-top: 51px;}
.bg-c-box-01 #c3 .inner .flex .box-r .point-ttl {margin-bottom: 21px;}
.bg-c-box-01 #c3 .inner .flex .box-r .point-ttl .ss2 {display: block;margin-bottom: 7px;}
.bg-c-box-01 #c3 .inner .flex .box-r .point-ttl .ss3 {font-size: 25px;letter-spacing: 0.15em;line-height: 46px;text-align: left;color: #ff7500;font-weight: 500;}
.bg-c-box-01 #c3 .inner .flex .box-r .txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; }
.bg-c-box-01 #c3 .inner .point-list {width: 1100px;margin: 0 auto;margin-bottom: 44px;display: flex;flex-wrap: wrap;}
.bg-c-box-01 #c3 .inner .point-list li {width: 346px;margin-right: 31px;margin-bottom: 33px;}
.bg-c-box-01 #c3 .inner .point-list li:nth-child(3n) { margin-right: 0px; }
.bg-c-box-01 #c3 .inner .point-list .point-ttl-li .ss4 { display: block; margin-bottom: 5px; }
.bg-c-box-01 #c3 .inner .point-list .point-ttl-li .ss5 {font-size: 25px;letter-spacing: 0.15em;line-height: 46px;text-align: left;color: #ff7500;display: block;margin-bottom: 10px;font-weight: 500;}
.bg-c-box-01 #c3 .inner .point-list .li-pic {margin-bottom: 17px;}
.bg-c-box-01 #c3 .inner .point-list .txt-box { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: left; color: #262626; }
.bg-c-box-01 #c3 .txt-2 {font-size: 28px;letter-spacing: 0.15em;line-height: 60px;text-align: center;color: #262626;margin-bottom: 10px;font-weight: 500;}
.bg-c-box-01 #c3 .txt-2 .ss6 {display: block;margin-bottom: -23px;}
.bg-c-box-01 #c3 .txt-2 .ss5 {font-size: 42px;letter-spacing: 0.15em;line-height: 93px;text-align: left;color: #ff7500;margin-left: -33px;margin-right: -16px;position: relative;left: 12px;}
.bg-c-box-01 #c3 .txt-2 .ss7{
	position: relative;
	left: 4px;
}
.bg-c-box-01 #c3 .txt-3 {font-size: 20px;letter-spacing: 0.15em;line-height: 38px;text-align: center;color: #262626;margin-bottom: 41px;font-weight: 500;}
#c4 {background-image: url(../images/modelhouse/bg-02.png);background-repeat: no-repeat;background-position: center 0;min-height: 974px;padding-top: 132px;}
#c4 .inner .ttl {font-size: 37px;letter-spacing: 0.24em;line-height: 56px;text-align: center;color: #fff;margin-bottom: 34px;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 120px 88px 124px;}
#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/modelhouse/ch.png);background-repeat: no-repeat;background-position: 0 28px;border-bottom: 1px solid #D1D1CD;padding-top: 18px;padding-bottom: 21px;font-weight: 500;}
#c5 {padding-top: 109px;padding-bottom: 113px;margin-bottom: 128px;}
#c5 .inner .ttl {font-size: 25px;letter-spacing: 0.15em;line-height: 45px;text-align: center;color: #262626;margin-bottom: 46px;}
#c5 .inner .youtube2 {width: 1100px;margin: 0 auto;margin-bottom: 23px;}
#c5 .inner .youtube2 iframe { width: 100%; height: 619px; }
#c5 .inner .txt-1 { font-size: 16px; letter-spacing: 0.1em; line-height: 32px; text-align: center; color: #262626; }
#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/modelhouse/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;
}

/* ← 左方向に流す */
@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: 13.527vw;}
#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/modelhouse/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/modelhouse/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;}
.bg-c-box-01 #c3 {padding-top: 15.217vw;padding-bottom: 9.662vw;}
.bg-c-box-01 #c3 .inner .ttl {text-align: center;color: #262626;margin-bottom: 9.42vw;font-size: 6.522vw;letter-spacing: 0.15em;line-height: 9.662vw;}
.bg-c-box-01 #c3 .inner .ttl .ss {
	display: inline-block;
	/* padding: 0px 12.56vw; */
	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;
	}

.bg-c-box-01 #c3 .inner .flex {width: 83.575vw;margin: 0 auto;margin-bottom: 12.802vw;display: flex;flex-wrap: wrap;}
.bg-c-box-01 #c3 .inner .flex .box-l {width: 100%;/* margin-right: 14.493vw; */margin-bottom: 5.072vw;}
.bg-c-box-01 #c3 .inner .flex .box-r {width: 100%;padding-top: 12.319vw;}
.bg-c-box-01 #c3 .inner .flex .box-r .point-ttl {margin-bottom: 3.382vw;}
.bg-c-box-01 #c3 .inner .flex .box-r .point-ttl .ss2 {width: 22.222vw;display: block;margin-bottom: 2.899vw;}
.bg-c-box-01 #c3 .inner .flex .box-r .point-ttl .ss3 {text-align: left;color: #ff7500;font-weight: 500;font-size: 5.314vw;letter-spacing: 0.15em;line-height: 8.213vw;}
.bg-c-box-01 #c3 .inner .flex .box-r .txt-box { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 7.729vw; text-align: left; color: #262626; }
.bg-c-box-01 #c3 .inner .point-list {width: 83.575vw;margin: 0 auto;margin-bottom: 4.831vw;display: flex;flex-wrap: wrap;}
.bg-c-box-01 #c3 .inner .point-list li {width: 100%;/* margin-right: 7.488vw; */margin-bottom: 12.802vw;}
.bg-c-box-01 #c3 .inner .point-list li:nth-child(3n) { margin-right: 0px; }
.bg-c-box-01 #c3 .inner .point-list .point-ttl-li .ss4 {display: block;margin-bottom: 2.899vw;width: 22.222vw;}
.bg-c-box-01 #c3 .inner .point-list .point-ttl-li .ss5 {text-align: left;color: #ff7500;display: block;margin-bottom: 3.865vw;font-weight: 500;font-size: 5.314vw;letter-spacing: 0.15em;line-height: 8.213vw;}
.bg-c-box-01 #c3 .inner .point-list .li-pic {margin-bottom: 5.072vw;}
.bg-c-box-01 #c3 .inner .point-list .txt-box { font-size: 3.865vw; letter-spacing: 0.1em; line-height: 7.729vw; text-align: left; color: #262626; }
.bg-c-box-01 #c3 .txt-2 {text-align: center;color: #262626;margin-bottom: 5.072vw;font-weight: 500;font-size: 5.314vw;letter-spacing: 0.15em;line-height: 9.179vw;}
.bg-c-box-01 #c3 .txt-2 .ss6 {display: block;/* margin-bottom: -5.556vw; */}
.bg-c-box-01 #c3 .txt-2 .ss5 {line-height: 22.464vw;color: #ff7500;position: relative;left: 0.966vw;font-size: 8.696vw;letter-spacing: 0.15em;display: block;line-height: normal;margin-bottom: 0.966vw;}
.bg-c-box-01 #c3 .txt-2 .ss7{
	position: relative;
	left: 0.966vw;
}
.bg-c-box-01 #c3 .txt-3 {text-align: center;color: #262626;margin-bottom: 10.386vw;font-weight: 500;font-size: 4.348vw;letter-spacing: 0.15em;line-height: 8.213vw;}
#c4 {background-image: url(../images/modelhouse/sp-bg-02.png);background-repeat: no-repeat;background-position: center 0;background-size: 100%;min-height: 175.121vw;padding-top: 17.391vw;}
#c4 .inner .ttl {text-align: center;color: #fff;margin-bottom: 5.797vw;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/modelhouse/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;}
#c5 {padding-top: 14.976vw;padding-bottom: 15.217vw;width: 83.575vw;margin: 0 auto;margin-bottom: 15.942vw;}
#c5 .inner .ttl {text-align: center;color: #262626;margin-bottom: 5.556vw;font-size: 4.831vw;letter-spacing: 0.15em;line-height: 8.454vw;}
#c5 .inner .youtube2 {width: 83.575vw;margin: 0 auto;margin-bottom: 3.14vw;}
#c5 .inner .youtube2 iframe {width: 83.575vw;height: 47.101vw;}
#c5 .inner .txt-1 {/* text-align: center; */color: #262626;font-size: 3.865vw;letter-spacing: 0.1em;line-height: 7.729vw;}
#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;}

}