@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　kessan
 * 
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-ttl h1 .en{
	text-transform: none;
}
.page-ttl .txt{
	white-space: nowrap;
}


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

/* kessan
-----------------------------------------------------------------*/
.kessan{
	padding: 40px 0 50px;
}
.kessan .layout-box{
	margin-bottom: 60px;
}
.kessan-box{
	width: calc(50% - 10px);
}
.kessan-box h2{
	margin-bottom: 50px;
}
.kessan-box ul li:nth-child(n+2){
	margin-top: 20px;
}
.kessan-box .link-pdf span{
	border-bottom: 1px solid var(--dark);
	transition: .3s;
}
.kessan-box .link-pdf:hover span{
	border-color: transparent;
}
.kessan .reader{
	padding: 45px 5%;
	border: 1px solid var(--gray);
}
.kessan .reader a{
	border-bottom: 1px solid var(--dark);
	transition: .3s;
}
.kessan .reader a:hover{
	border-color: transparent;
}


/* group
-----------------------------------------------------------------*/
.group{
	padding: 50px 0 150px;
}
.group h2{
	margin-bottom: 70px;
}
.group .btn-list{
	display: flex;
	justify-content: space-between;
}
.group .btn-list li{
	max-width: 410px;
	width: calc((100% - 20px)/3);
}












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


	.page-ttl .txt{
		white-space: normal;
	}


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

/* kessan
-----------------------------------------------------------------*/
	.kessan{
		padding: 20px 0 30px;
	}
	.kessan .layout-box{
		display: block;
		margin-bottom: 30px;
	}
	.kessan-box{
		width: 100%;
	}
	.kessan-box + .kessan-box{
		margin-top: 50px;
	}
	.kessan-box h2{
		margin-bottom: 25px;
	}
	.kessan-box ul li:nth-child(n+2){
		margin-top: 15px;
	}
	.kessan-box .link-pdf:hover span{
		border-color: var(--dark);
	}
	.kessan .reader{
		padding: 20px;
		text-align: justify;
	}
	.kessan .reader a:hover{
		border-color: var(--dark);
	}


/* group
-----------------------------------------------------------------*/
	.group{
		padding: 30px 0 50px;
	}
	.group h2{
		margin-bottom: 30px;
	}
	.group .btn-list{
		display: block;
		max-width: 320px;
		margin-inline: auto;
	}
	.group .btn-list li{
		max-width: none;
		width: 100%;
	}
	.group .btn-list li:nth-child(n+2){
		margin-top: 15px;
	}


}