@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　housing
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-lower-ttl::after{
  background-image:url(../image/bg_page_ttl_pc.jpg);  
}
.page-lower-ttl h1 {
  max-width: 570px;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
.intro{
  padding: 90px 0 40px;
  text-align: center;  
}
.intro h2{
  margin-bottom: 40px;
}


.page-nav{
  max-width: 780px;
  margin: 0 auto;
  padding: 40px 0 110px;  
}
.page-nav ul li{
   margin-bottom: 20px;
}
.page-nav ul li a{
  width: 370px;
}


/* feature-item
-----------------------------------------------------------------*/
#Sec01{
  margin-bottom: 215px;  
}
.area-cont .bnr-area a{
background-image:url(../image/img_bnr_pc.jpg);
}


/* urban
-----------------------------------------------------------------*/
.urban h2,
.custom h2{
  font-weight: 600;
  color: #231815;  
}
.urban h2::after,
.custom h2::after{
  background: #AA8420;  
}
.urban h3 .playfair,
.custom h3 .playfair{
  text-transform: uppercase;
  color: #aa8420;  
}
.urban{
  position: relative;
  padding: 120px 0 70px;  
}
.urban .inner{
  max-width: 1430px;  
}

.urban .btn-ico-base a,
.custom .btn-ico-base a{
	font-weight: 500;	
}


/* custom
-----------------------------------------------------------------*/
.custom{
  padding: 70px 0 200px;  
}
.custom .inner{
  max-width: 1430px;  
}

.custom .airwood{
  margin-top: 180px;  
}
.custom .airwood h3{
  text-align: center;
}
.custom .airwood h3 .playfair{
	text-transform:none;
}
.custom .airwood .txt-area{
  padding: 90px 7% 100px;  
}
.custom .airwood .txt-area .layout-box{
	flex-direction: row-reverse;	
}
.custom .airwood .txt-box{
  max-width: 730px;
	width: 63%;  
}
.custom .airwood h4{
  margin-bottom: 25px;
  font-size: 2.8rem;
  line-height: 1.5;
  font-weight: 600;  
}
.custom .airwood .pic{
	max-width: 421px;
  margin-left: 3%;  
}












/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.page-lower-ttl::after{
		background-image:url(../image/bg_page_ttl_sp.jpg);  
	}
	.page-lower-ttl h1 {
		max-width: 260px;
	}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* intro
-----------------------------------------------------------------*/
	.intro{
		padding: 40px 0 20px;  
	}
	.intro h2{
		margin-bottom: 20px;
	}

	.page-nav{
		max-width: 320px;
		padding: 20px 0 100px;  
	}
	.page-nav ul li{
		 margin-bottom: 12px;
	}
	.page-nav ul li a{
		width: 100%;
	}
	.page-nav ul li:last-child a {
		height: 50px;
		border-radius: 25px;
    padding-top: 12px;
	}
	.page-nav ul li:last-child a span::before{
		top: 14px;
	}


/* feature-item
-----------------------------------------------------------------*/
	#Sec01{
		margin-bottom: 110px;  
	}
	.area-cont .bnr-area a{
	background-image:url(../image/img_bnr_sp.jpg);
	}


/* urban
-----------------------------------------------------------------*/
	.urban{
		padding: 50px 0 40px;  
	}
	.urban .btn-ico-base a,
	.custom .btn-ico-base a{
		font-size: 1.4rem;
	}
	.urban .btn-ico-base._lines a{
		height: 70px;
	}
	.urban .btn-ico-base._lines a span {
    display: inline;
	}


/* custom
-----------------------------------------------------------------*/
	.custom{
		padding: 40px 0 70px;  
	}
	
	.custom .airwood{
		margin-top: 80px;  
	}
	.custom .airwood h3{
		position: absolute;
		top: 0.8em;
		transform: translateY(-100%);
	}
	.custom .airwood .txt-area{
		padding: 40px 20px 45px;  
	}
	.custom .airwood .txt-box{
		max-width: none;
		width: 100%;  
	}
	.custom .airwood .txt-area .layout-box{
		display: block;	
	}
	.custom .airwood h4{
		margin-bottom: 10px;
		font-size: 1.6rem; 
	}
	.custom .airwood .pic{
		max-width: 248px;
		margin: 0 auto 25px;  
	}
	
	

}