@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　outline
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-lower-ttl::after{
  background-image:url(../image/bg_page_ttl_pc.jpg);  
}



/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* page-nav
-----------------------------------------------------------------*/
.page-nav{
	padding: 130px 0 120px;	
}



/* sec-outline
-----------------------------------------------------------------*/
.sec-outline{
	padding-bottom: 70px;	
}
.company-outline{
	margin-bottom: 80px;	
}
.sec-outline .spec-list{
	width: calc(50% - 25px);	
}
.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.3rem;	
}
.company-profile .btn-list li:nth-child(n+2){
	margin-top: 20px;	
}



/* sec-acces
-----------------------------------------------------------------*/
.sec-access{
	padding-bottom: 145px;	
}
.sec-access .pic-area{
	max-width: 600px;
	width: 50%;
}
.sec-access .pic-area iframe{
	width: 100%;
}
.sec-access .txt-area{
	max-width: 550px;
	width: 45.8333%;		
}
.sec-access .btn-map{
	max-width: 420px;
	margin-top: 25px;	
}





/* sec-group
-----------------------------------------------------------------*/
.sec-group{
	padding-bottom: 170px;	
}
.sec-group .group-list01{
	margin-bottom: 120px;	
}
.sec-group .group-list01 a[target="_blank"] h3 .ja {
  display: inline-block;
	background-position: right center;
}






/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.page-lower-ttl::after{
		background-image:url(../image/bg_page_ttl_pc.jpg);  
	}


/* 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:first-of-type{
		border-bottom: 0;
	}
	.sec-outline .spec-list:nth-child(2) > div:last-child{
		padding-top: 20px;	
	}
	.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.2rem;	
	}
	.company-profile .btn-list{
		margin-bottom: 35px;
	}
	.company-profile .btn-list li:nth-child(n+2){
		margin-top: 10px;	
	}



/* sec-acces
-----------------------------------------------------------------*/
	.sec-access{
		padding-bottom: 55px;	
	}
	.sec-access .pic-area{
		max-width: none;
		width: 100%;
	}
	.sec-access .pic-area iframe{
		width: 100%;
		height: 49.33vw;
	}
	.sec-access .txt-area{
		max-width: none;
		width: 100%;		
	}
	.sec-access .btn-map{
		max-width: 420px;
		margin-top: 25px;	
	}
  .sec-access .btn-map a::after,
  .sec-access .btn-map a:hover::after{
   right: 20px; 
  }
	
	



/* sec-group
-----------------------------------------------------------------*/
	.sec-group{
		padding-bottom: 60px;	
	}
	.sec-group .group-list01{
		margin-bottom: 40px;	
	}
  .feature-cont-list h3.multiple-lines .ja{
    line-height: 1.3;
  }
	#Page .feature-cont-list h3 img{
		width: auto;
		height: 40px;
	}
	#Page .group-list01 li:nth-child(2) h3 img{
		height: 45px;
	}



}