@charset "utf-8";
/***comming soon*********/
.colors-Sec1{
 background: #f9f4ed;
 padding-top: calc(70rem / 20);
 padding-bottom: calc(100rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .colors-Sec1 .inner{
  padding-left: calc(20rem / 20);
  padding-right: calc(20rem / 20);
 }
}
.comming-ttl{
 width: calc(311rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-top: calc(120rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .comming-ttl{
 width: calc(311rem / 20*1.2);
 }
}
.comming-subttl{
 width: calc(352rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-top: calc(60rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .comming-subttl{
 width: calc(352rem / 20*1.2);
 }
}
.comming-txt1{
 font-size: calc(22rem / 20);
 text-align: center;
 margin-top: calc(60rem / 20);
}
.comming-txt1 br.sp{
 display: none;
}
@media only screen and (max-width: 46.875em ) {
 .comming-txt1{
  font-size: calc(26rem / 20);
 }
 .comming-txt1 br.sp{
  display: block;
 }
}
.comming-txt2{
 font-size: calc(40rem / 20);
 text-align: center;
 margin-top: calc(60rem / 20);
 margin-bottom: calc(93rem / 20);
 color: #ed7f90;
}
@media only screen and (max-width: 46.875em ) {
 .comming-txt2{
  font-size: calc(50rem / 20);
 }
}
.comming-txt3{
 font-size: calc(22rem / 20);
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 width: calc(690rem / 20);
 margin-top: calc(40rem / 20);
 padding-top: calc(10rem / 20);
 padding-bottom: calc(10rem / 20);
 background: #f6c7cf;
 position: relative;
}
@media only screen and (max-width: 46.875em ) {
 .comming-txt3{
  font-size: calc(26rem / 20);
  width: calc(720rem / 20);
 }
}
.comming-txt3::before{
 content: "";
 position: absolute;
 width: 0;
 height: 0;
 left: 0;
 top: 0;
 border-style: solid;
 border-width: 2.15rem 0 2.15rem 2.5rem;
 border-color: transparent transparent transparent #f9f4ed;
}
@media only screen and (max-width: 46.875em ) {
 .comming-txt3::before{
  border-width: 2.5rem 0 2.5rem 1.5rem;
 }
}
.comming-txt3::after{
 content: "";
 position: absolute;
 width: 0;
 height: 0;
 right: 0;
 top: 0;
 border-style: solid;
 border-width: 2.15rem 2.5rem 2.15rem 0;
 border-color: transparent #f9f4ed transparent transparent;
}
@media only screen and (max-width: 46.875em ) {
 .comming-txt3::after{
  border-width: 2.5rem 1.5rem 2.5rem 0;
 }
}
/***comming soon ↑*********/
.colors-Mv{
 background: url("../img/colors/mv.jpg") no-repeat center;
 height: calc(722rem / 20);
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-direction:normal;
-webkit-box-orient:vertical;
-webkit-flex-direction:column;
flex-direction:column;
-webkit-box-pack:center;
-webkit-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-webkit-align-items:center;
align-items:center;
}
@media only screen and (max-width: 46.875em ) {
.colors-Mv{
 background: url("../img/colors/mv_sp.jpg") no-repeat center;
 height: calc(472rem / 20);
 }
}
.colors-Mv .logo{
 width: calc(444rem / 20);
}
@media only screen and (max-width: 46.875em ) {
.colors-Mv .logo{
 width: calc(444rem / 20/1.2);
 }
}
.colors-Mv .txt{
 width: calc(414rem / 20);
}
@media only screen and (max-width: 46.875em ) {
.colors-Mv .txt{
 width: calc(414rem / 20/1.2);
 }
}
.s1-ttl{
 text-align: center;
 color: #ed7f90;
 font-weight: 400;
 font-size: calc(30rem / 20);
 margin-bottom: calc(40rem / 20);
}
@media only screen and (max-width: 46.875em ) {
.s1-ttl{
 font-size: calc(50rem / 20);
 }
}

.s1-txt{
 text-align: center;
 color: #000;
 font-size: calc(16rem / 20);
 margin-bottom: calc(80rem / 20);
 line-height: 1.75;
}
.s1-txt br.sp{
 display: none;
}
@media only screen and (max-width: 46.875em ) {
.s1-txt{
 font-size: calc(26rem / 20);
 }
.s1-txt br.sp{
  display: block;
 }
}

.s1-img{
}
.colors-Sec2{
 background: #f9f4ed;
 padding-top: calc(70rem / 20);
 padding-bottom: calc(100rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .colors-Sec2 .inner{
  padding-left: calc(20rem / 20);
  padding-right: calc(20rem / 20);
 }
}

.unit-list{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-lines:multiple;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.unit-list .unit{
 width: 33.3%;
 margin-bottom: calc(40rem / 20);
 padding-left: calc(5rem / 20);
 padding-right: calc(5rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .unit-list .unit{
 width: 50%;
 }
}

.unit-list .txt1{
 font-size: calc(16rem / 20);
 margin-top: calc(5rem / 20);
}
.unit-list .txt2{
 font-size: calc(16rem / 20);
 margin-top: calc(5rem / 20);
}
@media only screen and (max-width: 46.875em ) {
.unit-list .txt1,.unit-list .txt2{
 font-size: calc(26rem / 20);
 }
}
.unit-list .unit-img{
 width: calc(525rem / 20);
 margin-left: auto;
}
@media only screen and (max-width: 46.875em ) {
.unit-list .unit-img{
 margin-right: auto;
 }
}
.colors-Sec3{
 background: #f9f4ed;
 padding-top: calc(70rem / 20);
 padding-bottom: calc(100rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .colors-Sec3 .inner{
  padding-left: calc(20rem / 20);
  padding-right: calc(20rem / 20);
 }
}
.colors-Sec4{
 background: #f9f4ed;
 padding-top: calc(70rem / 20);
 padding-bottom: calc(100rem / 20);
}
@media only screen and (max-width: 46.875em ) {
 .colors-Sec4 .inner{
  padding-left: calc(20rem / 20);
  padding-right: calc(20rem / 20);
 }
}
.s4-img{
 width: calc(352rem / 20);
 margin-left: auto;
 margin-right: auto;
 margin-bottom: calc(50rem / 20);
}
@media only screen and (max-width: 46.875em ) {
.s4-img{
 width: calc(352rem / 20*1.2);
 }
}
.s4-txt{
 text-align: center;
 color: #000;
 font-size: calc(16rem / 20);
 margin-bottom: calc(40rem / 20);
 line-height: 1.75;
}
@media only screen and (max-width: 46.875em ) {
.s4-txt{
 font-size: calc(26rem / 20);
 }
}

.reservation-btn{
	background: url(../img/modelhouse/bg_btn1.png) no-repeat center;
	background-size: calc(491rem / 20);
	text-align: center;
	margin-top: calc(40rem / 20);
}
.reservation-btn a{
	display: block;
	padding-top: calc(50rem / 20);
	padding-bottom: calc(50rem / 20);
	color: #fff;
	font-size: calc(30rem / 20);
}

.colors-Sec3 .s3-img1{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 margin-bottom: calc(35rem / 20);
}
.colors-Sec3 .s3-img2{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 margin-top: calc(115rem / 20);
 margin-bottom: calc(35rem / 20);
}
.colors-Sec3 .s3-img3{
 margin-left: calc(64rem / 20);
 margin-right: auto;
 text-align: center;
 margin-bottom: calc(35rem / 20);
}
@media only screen and (max-width: 46.875em ) {
.colors-Sec3 .s3-img3{
 margin-left: auto;
 }
}
.s3-ttl1{
 margin-left: auto;
 margin-right: auto;
 text-align: center;
 margin-top: calc(80rem / 20);
 margin-bottom: calc(80rem / 20);
}
@media only screen and (min-width: 46.875em ) {
 .colors-Sec3 img[srcset]{
  width: auto;
 }
}