@charset "UTF-8";

.info-list{
	border-top: .1rem solid #ddd;
}
.info-area .info-list li{
	border-bottom: .1rem solid #ddd;
	display: flex;
	align-items: center;
	min-height: 9.5rem;
}
.info-area li a{
	padding: 2rem;
	display: flex;
	line-height: 1.5;
}
.date{
	width: 13rem;
	color: #888;
	flex-shrink: 0;
}
.info-area a p{
	color: #009d80;
}
main{
	padding-bottom: 10rem;
}

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

	main{
		padding: 5rem 1.5rem;
	}
	.info-area .info-list li{
		display: block;
		min-height: auto;
	}
	.info-area .info-list li a{
		padding: 1.5rem 0;
		display: block;
	}
	.date{
		width: 100%;
	}
	.info-area a p{
		width: 100%;
		margin-top: .5em;
		line-height: 1.8;
	}
}