@charset "utf-8";

/* for Common & Smartphone*/


/* gallery ////////////////////////////// */
.gallery{}



.deve_logo2 img{
max-width: 30%;
margin: 30px auto 30px auto;
}

.deve_logo3 img{
max-width: 50%;
margin: 30px auto 30px auto;
}



.ol_nav{
max-width: 100%;
/*justify-content:space-between;*/
justify-content:center;
margin: 50px 0;
}
  
.ol_nav li{
width: 100%;
padding: 10px;  
}

.ol_nav a{
transition: 0.3s;
}
.ol_nav a:hover{
    opacity: 0.7;
}



.back{
width: 300px;
text-align: center;
margin: 0 auto;
background: #918264;
color: #fff;
padding: 10px 0;
}

.back:hover{
background: #918264;
opacity: 0.7;
transition: 0.3s;
}
/*-------------------------------------*/
@media (max-width:640px){
/*-------------------------------------*/


.ol_nav{
max-width: 100%;
display:block;
justify-content:space-between;
margin:  0;
}
.ol_nav li{
width: 100%;
padding: 10px;  
}



.deve_logo2 img{
max-width: 70%;
margin: 20px auto 20px auto;
}

.deve_logo3 img{
max-width: 90%;
margin: 20px auto 20px auto;
}
}

.logoDev{
  width: 40%;
  max-width: 270px;
  margin: 0 auto 40px auto;
}
.data{
  position: relative;
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-style: solid;
  border-width: 0 0 1px 0;
  text-align: center;
}

.cg .data{
  border-color: #0B318F;
}
.ps .data{
  border-color: #947F41;
}
.fg .data{
  border-color: #008A83;
}

.data::after{
  content: none;
}
.data .num{
  font-size: 2.2rem;/*22 / 28*/
  line-height: 1.0;
}
.data .num span{
  font-size: 140%;
}
.data .type{
  margin: 20px 0;
  font-size: 1.6rem;/*16 / 18*/
  line-height: 1.6;
}
.data .area{
  width: 100%;
  font-size: 1.4rem;/*14 / 14*/
  line-height: 1.0;
}
.data .area span{
  font-size: 140%;
}


.data .area + .txt10{
  position: absolute;
  right: 5px;
  bottom: 2px;
}

.pList{}

.pList figure{
  margin: 0 0 40px 0;
}
/*.pList figure:last-of-type{
  margin-bottom: 0;
}*/
.pList figure figcaption{
  margin: 10px 0 0 0;
  font-size: 1.0rem;/*16 / 18*/
  text-align: center;
  line-height: 1.0;
}

.fEn02{
	font-family: 'Cormorant Garamond', serif;
  font-weight: 400;
	}


/* for PC*/
@media print, screen and (min-width:768px) {

  .gallery{}

  .logoDev{
    margin-bottom: 50px;
  }
  .data{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 30px;
    padding-bottom: 25px;
  }

  .cg .data{}
  .ps .data{}
  .fg .data{}

  .data::after{}
  .data > *{
    margin: 0 2%;
  }
  .data .num{
    font-size: 2.8rem;/*22 / 28*/
  }
  .data .num span{}
  .data .type{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 1.8rem;/*16 / 18*/
  }
  .data .area{
    width: auto;
    font-size: 1.4rem;/*14 / 14*/
  }
  .data .area span{}
  
  .data .area + .txt10{
    position: static;
    margin: 0;
  }

  .pList{}

  .pList figure{
    margin: 0 0 70px 0;
  }
  /*.pList figure:last-of-type{}*/
  
  .pList figure figcaption{
    font-size: 1.8em;/*16 / 18*/
  }
}


/*成約済*/
.seiyaku .data{
  position: relative;
  padding-bottom: 30px;
}
.seiyaku .data::after{
  content: "（ご成約済）";
  position: absolute;
  right: 5px;
  bottom: 5px;
  font-size: 1.0rem;
}

/* for PC*/
@media print, screen and (min-width:768px) {
  .seiyaku .data{
    padding-bottom: 25px;
  }
  .seiyaku .data::after{
    /*right: 10%;
    bottom: 25px;*/
    position: static;
    display: inline-block;
    font-size: 1.3rem;
  }
}