@charset "utf-8";
@media (min-width: 769px) {
	.forSP { display: none; }
	.contents_2604 {
		margin: 0 5.5vw;
	}
	table.gaiyou_2604 {
		width: 100% !important;
		margin: 30px auto;
		border-top: 1px solid #AAA;
		th {
			width: 150px;
			text-align: left;
			background: #EEE;
			padding: 15px;
			border-bottom: 1px solid #AAA;
		}
		td {
			padding: 15px;
			border-bottom: 1px solid #AAA;
			line-height: 1.8;
		}
	}
	.archive {
		width: 100%;
		display: flex;
		box-sizing: border-box;
		border-top: 1px solid #AAA;
		border-left: 1px solid #AAA;
		li.school {
			width: 10%;
			.a_tag {
				width: 100%;
			}
		}
		li {
			width: 22.5%;
			.sp_tag {
				display: none;
			}
			span {
				width: 50%;
				display: inline-block;
				padding: 10px;
				text-align: center;
				border-right: 1px solid #AAA;
				border-bottom: 1px solid #AAA;
			}
			span.total {
				width: 100%;
			}
		}
		.year {
			text-align: center;
			background: #EEE;
			font-weight: bold;
			padding: 10px;
			border-right: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
		}
		span.a_tag {
			width: 80px;
			display: inline-block;
			padding: 10px;
			text-align: center;
			border-right: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
		}
	}
}
@media (max-width: 768px) {
	.forPC { display: none; }
	table.gaiyou_2604 {
		width: 92% !important;
		margin: 30px auto;
		border-top: 1px solid #AAA;
		th {
			width: 100%;
			text-align: left;
			background: #EEE;
			padding: 10px;
			border-bottom: 1px solid #AAA;
		}
		td {
			padding: 10px;
			border-bottom: 1px solid #AAA;
			word-break: break-all;
			text-align: left;
		}
	}
	.archive {
		width: 100%;
		box-sizing: border-box;

		li.school {
			display: none;
		}
		li {
			width: 100%;
			margin-bottom: 10px;
			border-top: 1px solid #AAA;
			border-left: 1px solid #AAA;
			.sp_tag {
				display: inline-block;
				background: #FAFAFA;
			}
			
			span {
				width: 33.3%;
				display: inline-block;
				padding: 8px;
				text-align: center;
				border-right: 1px solid #AAA;
				border-bottom: 1px solid #AAA;
			}
			span.total {
				width: 66.6%;
			}
		}
		.year {
			text-align: center;
			background: #EEE;
			font-weight: bold;
			padding: 10px;
			border-right: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
		}
		span.a_tag {
			width: 80px;
			display: inline-block;
			padding: 10px;
			text-align: center;
			border-right: 1px solid #AAA;
			border-bottom: 1px solid #AAA;
		}
	}
}