@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　business
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl{
  background-image: url(../image/bg_page_ttl_pc.jpg);  
}

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

/* business-top
-----------------------------------------------------------------*/
.business-top{
	padding: 110px 0 0;	
}
.business-top h2{
	margin-bottom: 80px;
	text-align: center;
}
.business-top .graph{
	margin-bottom: 180px;
	text-align: center;	
}

.business-top-sec{
	background: no-repeat center bottom;
	background-size: cover;
	text-align: center;
	color: #FFF;
}
.business-top .sec-urban{	
	padding: 150px 0 150px;
	background-image: url(../image/bg_urban_pc.jpg); 
}
.business-top .sec-housing{	
	padding: 140px 0 120px;
	background-image: url(../image/bg_housing_pc.jpg); 
}
.business-top .sec-oversea{
	padding: 150px 0 330px;	
	background-image: url(../image/bg_oversea_pc.jpg); 
}
.business-top .sec-asset{
	padding: 150px 0 330px;	
	background-image: url(../image/bg_asset_pc.jpg); 
}
.business-top .sec-leisure{
	padding:220px 0 160px;
	background-image: url(../image/bg_leisure_pc.jpg); 
}
.business-top .sec-other{
	padding:220px 0 160px;	
	background-image: url(../image/bg_other_pc.jpg); 
}


.business-top-sec h3{
	position: relative;
	line-height: 1;
	margin-bottom: 25px;
	padding-bottom: 25px;
}
.business-top-sec h3::after{
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	display: block;
	content: "";
	width: 26px;
	height: 1px;
	background: #FFF;	
}
.business-top-sec h3 .ja{
	font-size: 5.2rem;
}
.business-top-sec h3 .en{
	display: block;
	margin-top: 20px;
	font-size: 1.8rem;
}
.business-top-sec h3+.txt{
	margin-bottom: 60px;
	font-size: 1.8rem;
}
.business-top-sec .business-btn-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 780px;
	margin: 0 auto;	
}
.business-top-sec .business-btn-list li{
	max-width: 380px;
	width: calc(50% - 5px);
}
.business-top-sec .business-btn-list li.wide{
	max-width: none;
	width: 100%;
}
.business-top-sec .business-btn-list li:nth-child(n+3){
	margin-top: 20px;
}
.business-top-sec .business-btn-list{
	letter-spacing: 0;
}
.business-top-sec .business-btn-list a::after{
	right: 25px;
}
.business-top-sec .business-btn-list a:hover::after{
	right: 20px;
}
.business-top-sec.sec-oversea .business-btn-list {
    justify-content: center;
}





/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	.page-ttl{
		background-image: url(../image/bg_page_ttl_sp.jpg);  
	}

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

/* business-top
-----------------------------------------------------------------*/
	.business-top{
		padding: 30px 0 0;	
	}
	.business-top h2{
		margin-bottom: 35px;
	}
	.business-top .graph{
		margin-bottom: 50px;
	}
	
	.business-top-sec{
		background: no-repeat center bottom;
		background-size: cover;
	}
	.business-top .sec-urban{	
		padding: 45px 0;
		background-image: url(../image/bg_urban_sp.jpg); 
	}
	.business-top .sec-housing{	
		padding: 45px 0 55px;
		background-image: url(../image/bg_housing_sp.jpg); 
	}
  .business-top .sec-oversea{
		padding: 160px 0;	
		background-image: url(../image/bg_oversea_sp.jpg); 
	}
	.business-top .sec-asset{
		padding: 60px 0 135px;	
		background-image: url(../image/bg_asset_sp.jpg); 
	}
	.business-top .sec-leisure{
		padding:65px 0 55px;
		background-image: url(../image/bg_leisure_sp.jpg);
	}
	.business-top .sec-other{
		padding:65px 0 55px;	
		background-image: url(../image/bg_other_sp.jpg); 
	}
	
	
	.business-top-sec h3{
		margin-bottom: 15px;
		padding-bottom: 0;
	}
	.business-top-sec h3::after{
		display: none;
	}
	.business-top-sec h3 .ja{
		font-size: 3rem;
	}
	.business-top-sec h3 .en{
		margin-top: 15px;
		font-size: 1.2rem;
	}
	.business-top-sec h3+.txt{
		margin-bottom: 30px;
		font-size: 1.3rem;
	}
	.business-top-sec .business-btn-list{
		display: block;
		max-width: 320px;
		margin: 0 auto;	
	}
	.business-top-sec .business-btn-list li{
		max-width: none;
		width: 100%;
	}
	.business-top-sec .business-btn-list li:nth-child(n+2){
		margin-top: 15px;
	}
	.business-top-sec .business-btn-list{
		letter-spacing: 0;
	}
	.business-top-sec .business-btn-list a::after{
		right: 15px;
	}
	.business-top-sec .business-btn-list a:hover::after{
		right: 15px;
	}
	



}