@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　guideline
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl h1 .ja{
	font-size: 7.2rem;
	line-height: 1.2;
}



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

/* guideline
-----------------------------------------------------------------*/
.guideline{
	padding: 40px 0 150px;
}
.guideline h2{
	margin-bottom: 100px;
}
.guideline h2 + .txt{
	margin-bottom: 40px;
}
.guideline .guideline-list > li{
	padding: 35px 0;
}
.guideline .guideline-list > li:nth-child(n+2){
	border-top: 1px solid var(--gray);
}
.guideline .guideline-list h3{
	margin-bottom: 20px;
}
.guideline .guideline-list p{
	line-height: 2;
}
.guideline .guideline-list ol li{
	text-indent: -1.5em;
	padding-left: 1.5em;
	line-height: 2;
}
.guideline .guideline-list ol li:nth-child(n+2){
	margin-top: 30px;
}
.guideline .guideline-list a{
	border-bottom: 1px solid var(--dark);
	transition: .3s;
}
.guideline .guideline-list a:hover{
	border-bottom-color: transparent;
}












/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.page-ttl h1 .ja{
		font-size: 4.2rem;
	}

/* guideline
-----------------------------------------------------------------*/
	.guideline{
		padding: 20px 0 50px;
	}
	.guideline h2{
		margin-bottom: 40px;
	}
	.guideline h2 .ja{
		line-height: 1.4;
	}
	.guideline h2 + .txt{
		margin-bottom: 20px;
	}
	.guideline .guideline-list > li{
		padding: 20px 0;
	}
	.guideline .guideline-list h3{
		margin-bottom: 10px;
		font-size: 1.5rem;
	}
	.guideline .guideline-list ol li:nth-child(n+2){
		margin-top: 10px;
	}
	.guideline .guideline-list a:hover{
		border-bottom-color: var(--dark);
	}



}