@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　outline
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-lower-ttl::after{
  background-image:url(../../../company/outline/image/bg_page_ttl_pc.jpg);  
}
.page-nav ul li {
	max-width: 430px;
	width: calc(50% - 20px);
}
.page-nav ul li a{
	width: 100%;
}
.page-nav ul li a span,
.page-nav ul li a span::before {
    margin-right: 5%;
}


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* page-nav
-----------------------------------------------------------------*/
.page-nav{
	padding: 130px 0 120px;
	font-family: 'Barlow', sans-serif;	
}



/* sec-outline
-----------------------------------------------------------------*/
.sec-outline{
	padding-bottom: 100px;	
}
.company-outline{
  display: block;
	margin-bottom: 80px;	
}
.sec-outline .spec-list{
	width: 100%;	
}
.sec-outline .spec-list:nth-child(1){
  border-bottom: 0;  
}
.sec-outline .spec-list:nth-child(2) > div:last-child{
	padding-top: 40px;	
}
.company-profile{
	padding: 90px 40px 70px;	
}
.company-profile .layout-box{
	max-width: 750px;
	margin: 0 auto 50px;	
}
.company-profile .pic{
	margin-right: 20px;	
}
.company-profile .txt-area{
	max-width: 505px;
}
.company-profile h3{
	margin-bottom: 15px;
	font-size: 2.6rem;
	line-height:1.4;
}
.company-profile .txt-area .txt{
	margin-bottom: 25px;
	font-size: 1.6rem;	
}
.company-profile .btn-list li:nth-child(n+2){
	margin-top: 20px;	
}
.acrobat .txt {
  font-size: 1.4rem;
}


/* sec-executive
-----------------------------------------------------------------*/
.sec-executive{
	padding-bottom: 170px;	
}
.company-executive{
	align-items: flex-start;	
}
.company-executive dl{
	width: calc(50% - 25px);
}
.spec-list dt {
    width: 185px;
}
.spec-list dd p small{
	display: block;
	padding-left: 1em;
	font-size: 1.4rem;
}
.spec-list dd p + p{
	margin-top: .5em;
}



/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.page-lower-ttl::after{
		background-image:url(../../../company/outline/image/bg_page_ttl_sp.jpg);   
	}
	.page-nav ul li {
		max-width: 315px;
		width: auto;
	}
	.page-nav ul li a{
		width: 100%;
	}
	.page-nav ul li a span,
	.page-nav ul li a span::before {
			margin-right: 0;
	}

/* page-nav
-----------------------------------------------------------------*/
	.page-nav{
		padding: 40px 0 45px;	
	}



/* sec-outline
-----------------------------------------------------------------*/
	.sec-outline{
		padding-bottom: 50px;	
	}
	.company-outline{
		display: block;
		margin-bottom: 45px;	
	}
	.sec-outline .spec-list{
		width: 100%;	
	}
  .sec-outline .spec-list > div{
    display: block;
  }
  .sec-outline .spec-list dt{
    width: 100%;
    margin-bottom: 10px; 
  }
	.spec-list dt,
	.spec-list dd {
    font-size: 1.4rem;
	}
	.company-profile{
		padding: 20px;	
	}
	.company-profile .layout-box{
		align-items: center;
		margin: 0 auto 30px;	
	}
	.company-profile .pic{
		flex-shrink: 0;
		width: 95px;
		margin-right: 15px;	
	}
	.company-profile h3{
		margin-bottom: 10px;
		font-size: 2.3rem;
	}
	.company-profile .txt-area .txt{
		margin-bottom: 0;
		font-size: 1.3rem;	
	}
	.company-profile .btn-list{
		margin-bottom: 35px;
	}
	.company-profile .btn-list li:nth-child(n+2){
		margin-top: 10px;	
	}
	.acrobat .txt {
		font-size: 1.3rem;
	}

/* sec-executive
-----------------------------------------------------------------*/
	.sec-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;
	}
	.spec-list dd p small{
		font-size: 1.2rem;
	}
}