/*2025/12/22 各プランページ設備追加*/
@media screen and (max-width: 768px) {
    #contents {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media screen and (max-width: 768px) {
    #plantype {
        padding-left: 30px;
        padding-right: 30px;
    }
}
.plan-section h2 {
    font-size: 1.7em;
    text-align: center;
    letter-spacing: 0.15em;
	font-weight: 400;
}
@media screen and (max-width: 768px) {
    .plan-section h2 {
        padding-top: 60px;
        font-size: 4.66vw;
    }
}
/*2512設備仕様追加*/
#quality{
	background-color: #231f20;
	padding-bottom: 90px;
	padding-top: 20px;
	margin-top: 90px;
	margin-right: calc(-1 / 2 * 100vw - 960px);
    margin-left: calc(-1 / 2 * 100vw - 960px);
}
@media screen and (max-width: 768px) {
    #quality{
	padding-bottom: 40px;
	padding-top: 0;
	margin-top: 60px;
	margin-right: -30px;
    margin-left: -30px;
}
}
#quality h2{
	color: #fff;
	margin-bottom: 60px;
	padding-top: 60px;
}
@media screen and (max-width: 768px) {
    #quality h2{
	color: #fff;
	margin-bottom: 40px;
}
}
#quality .quality-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#quality .quality-wrap li{
	width: 31%;
}
@media screen and (max-width: 768px) {
    #quality .quality-wrap li{
	width: 100%;
	margin-bottom: 10px;
}
}
#quality p{
	color: #fff;
}
@media screen and (max-width: 768px) {
   #quality p{
	font-size: 1em;
}
}
#quality p.quality-head{
	margin-top: 10px;
	margin-bottom: 5px;
	color: #c2ac7c;
	font-size: 1.1em;
}

/*2512共用設備追加*/
#landscape h2{
	padding-top: 60px;
}
#landscape{
	margin-bottom: 90px;
	margin-top: 30px;
	margin-right: -30px;
    margin-left: -30px;
}
@media screen and (max-width: 768px) {
    #landscape{
	margin-top: 0;
}
}
@media screen and (max-width: 768px) {
    .inner {
        padding-left: 30px;
        padding-right: 30px;
		margin-top: 0;
    }
}
.facadedesign-wrap{
	display: flex;
}
@media screen and (max-width: 768px) {
  .facadedesign-wrap{
	display: block;
	  text-align: left;
}
}
.design-wrap .facadedesign-wrap li{
	margin-bottom: 0;
	width: 50%;
}
@media screen and (max-width: 768px) {
  .design-wrap .facadedesign-wrap li{
	width: 100%;
}
}
@media screen and (max-width: 768px) {
  .design-wrap .facadedesign-wrap li:first-child{
	margin-bottom: 40px;
}
}
.facadedesign-wrap li:nth-child(1){
	margin-right: 50px;
}
@media screen and (max-width: 768px) {
  .facadedesign-wrap li:nth-child(1){
	margin-right: 0;
}
}
#contents p.col-head{
	font-size: 1.3em;
	margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  #contents p.col-head{
	font-size: 4vw;
	margin-bottom: 30px;
	text-align: center;
	line-height: 2;
}
}
#contents p.facadedesign-head{
	font-size: 1.2em;
	color: #002046;
	margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  #contents p.facadedesign-head{
	font-size: 3.8vw;
	border-bottom: 1px solid #002046;
	  margin-bottom: 0.7em;
	  padding-bottom: 0.7em;
}
}
#contents .land-wrap-main li:nth-child(-n+2) p.facadedesign-head{
	font-size: 1.2em;
}
@media screen and (max-width: 768px) {
  .land-list-wrap{
	display: flex;
	justify-content: space-between;
	  align-items: flex-start;
}
}
@media screen and (max-width: 768px) {
  .land-list-wrap p{
	width: 55%;
}
}
@media screen and (max-width: 768px) {
  .land-list-wrap img{
	display: block;
	width: 40%;
	  margin-top: 5px;
}
}
#contents p.facadedesign-text{
	margin-bottom: 0;
}
@media screen and (max-width: 768px) {
#contents p.facadedesign-text{
	margin-top: 15px;
	margin-bottom: 15px;
	font-size: 3.3vw;
	line-height: 2;
}
}
#landscape .design-head{
	margin-bottom: 20px;
}
.land-wrap-main{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 40px;
	text-align: left;
}
@media screen and (max-width: 768px) {
  .land-wrap-main{
	margin-top: 0;
}
}
.land-wrap-main li{
	width: 48%;
	margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .land-wrap-main li{
	width: 100%;
	  margin-top: 0;
	  padding-top: 40px;
}
}
@media screen and (max-width: 768px) {
  .land-wrap-main li:nth-child(n+3){
	width: 47%;
	margin-top: 30px;
}
}
.land-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: left;
}
.land-wrap li{
	width: 31%;
	margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .land-wrap li{
	width: 100%;
	margin-top: -20px;
	padding-top: 80px
}
}
#landscape .facadedesign-head{
	border-bottom: 1px solid #002046;
	padding-bottom: 10px;
}
.facadedesign-head .small{
	font-size: 0.65em;
}
@media screen and (max-width: 768px) {
  #contents p.land-text{
	font-size: 3.3vw;
	line-height: 2;
	margin-bottom: 1em;
}
}

.planting{
	margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .planting{
	margin-top: 90px;
}
}
@media screen and (max-width: 768px) {
  #contents .planting p.design-text{
	margin-bottom: 30px;
}
}
ul.planting-wrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.planting-wrap li{
	width: 23%;
}
@media screen and (max-width: 768px) {
  .planting-wrap li{
	width: 48%;
}
}
#contents .planting-wrap li p{
	font-size: 0.7em;
	margin-bottom: 10px
}