@charset "UTF-8";

.page-header {
	background-image: url("../img/bg-page-title.jpg");
}
.photo01 {
    margin: 0 40px 20px 0;
    width: 300px;
    float: left;
}
.title-about {
    margin: 0 0 40px;
	font-size: 28px;
	text-align: center;
}
.backnumbers {
    display: flex;
    flex-wrap: wrap;
	height: 300px;
	overflow-y: auto;
	overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch;
	border: solid 1px #AFAFAF;
	padding: 2%;
}
.backnumbers li {
	width: 50%;

	margin-bottom: 1em;
}
.backnumbers li a {
	color: #db1f23;
	position: relative;
	line-height: 30px;
	padding-left: 30px;
	font-size: 13px;
}
.backnumbers li a:before {
	content: "";
	display: block;
	width: 24px;
	height: 30px;
	background-image: url("../../common/img/icon-pdf.svg");
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.table-keichiku th {
	width: 245px;
}

@media (max-width:767px){
	.photo01 {
		margin: 0 10px 20px 0;
		width: 100px;
	}
	.title-about {
		margin: 0 0 20px;
		font-size: 17px;
		line-height: 30px;
	}
	
	.backnumbers li {
		width: 100%;
	}
	.backnumbers li a {
		line-height: 24px;
		padding-left: 25px;
		font-size: 12px;
	}
	.backnumbers li a:before {
		width: 19px;
		height: 24px;
	}
	.table-keichiku th {
		width: auto;
	}
}