<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　organization
 */

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

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
.page-nav{
	padding: 75px 0 60px;	
}


/* executive
-----------------------------------------------------------------*/
.executive{
	padding: 0 0 150px;	
}
.company-executive{
	align-items: flex-start;	
}
.company-executive dl{
	width: calc(50% - 25px);
}
.spec-list dt {
    width: 185px;
}

/* organization
-----------------------------------------------------------------*/
.organization{
	padding: 0 0 170px;	
}
.organization-tree{
	margin-bottom: 10px;
	padding: 75px 20px 80px;
	text-align: center;	
}
.organization .update{
	text-align: right;
	font-size: 1.5rem;	
}

















/*--------------------------------------------------------------------------
   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: 230px;
		width: 100%;
	}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
	.page-nav{
		padding: 45px 0 60px;	
	}


/* executive
-----------------------------------------------------------------*/
	.executive{
		padding: 0 0 60px;	
	}
	.company-executive{
		display: block;	
	}
	.company-executive dl{
		width: 100%;
	}
	.company-executive dl:first-of-type{
		border-bottom: 0;
	}
	.spec-list dt {
			width: 140px;
	}

/* organization
-----------------------------------------------------------------*/
	.organization{
		padding: 0 0 70px;	
	}
	.organization-tree{
		margin-bottom: 5px;
		padding: 25px 20px;	
	}
	.organization .update{
		font-size: 1.2rem;	
	}


}</pre></body></html>