section.info {
    background-color: #eee;
    padding: 4% 3%;
    margin-bottom: 4%;
}
.info .wrap_info {
    max-width: 68%;
    background-color: #fff;
    margin: 0 auto;
    padding: 1em 3em 1.5em;
}
.info .wrap_info h2 {
    margin: 0;
    padding-bottom: .5em;
    font-size: 1.4rem;
}
.info .wrap_info ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.info .wrap_info li {
    padding: .5em 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.info .wrap_info li .date {
    color:#999;
}
.info .wrap_info li a {
    color:#8FA0FF !important;
}

@media screen and (max-width:600px){
	section.info {
	padding: 10% 3%;
	}
	.info .wrap_info {
	max-width: unset;
	}
}