@charset "UTF-8";

/* ---------------------------------------------
  index
-----------------------------------------------*/

/* news
--------------------------------*/
#news{
	padding: 100px 0 200px;
}
#news .list li{
	border-bottom: 1px solid #dfdfdf;
}
#news .list li:first-child{
	border-top: 1px solid #dfdfdf;
}
#news .list li a{
	padding: 45px 0;
	display: block;
	transition: .3s;
}
#news .list li p{
	font-size: 1.4rem;
}
#news .list li .ttl{
	font-size: 1.8rem;
	line-height: 1.8;
	margin: 5px 0;
}
#news .pager{
	margin-top: 45px;
}
@media screen and (min-width: 769px) {
	#news .list li a:hover{
		opacity: .7;
	}
}
@media screen and (max-width: 768px) {
	#news{
		padding: 10% 0;
	}
	#news .list li a{
		padding: 6% 0;
	}
	#news .list li p{
		font-size: 3.7vw;
	}
	#news .list li .ttl{
		font-size: 4.8vw;
		margin: 1% 0;
	}
	#news .pager{
		margin-top: 10%;
	}
}

/* ---------------------------------------------
  detail
-----------------------------------------------*/

/* detail
--------------------------------*/
#detail{
	padding: 100px 0 200px;
}
#detail .head{
	padding: 40px 0;
	border-top: 1px solid #dfdfdf;
}
#detail .head .date{
	font-size: 1.4rem;
}
#detail .head .ttl{
	font-size: 1.8rem;
	line-height: 1.8;
}
#detail .cnt{
	padding-bottom: 40px;
	border-bottom: 1px solid #dfdfdf;
	overflow: hidden;
}
#detail .cnt p,
#detail .cnt > div{
	font-size: 1.4rem;
}
#detail .cnt > *+*{
	margin-top: 40px;
}
#detail .pager{
	margin-top: 45px;
}
@media screen and (max-width: 768px) {
	#detail{
		padding: 10% 0;
	}
	#detail .head{
		padding: 6% 0;
	}
	#detail .head .date{
		font-size: 3.7vw;
	}
	#detail .head .ttl{
		font-size: 4.8vw;
	}
	#detail .cnt{
		padding-bottom: 6%;
	}
	#detail .cnt p,
	#detail .cnt > div{
		font-size: 3.7vw;
	}
	#detail .cnt > *+*{
		margin-top: 6%;
	}
	#detail .pager{
		margin-top: 6%;
	}
}