@charset "utf-8";
/* CSS Document */

.max_w1000{
	padding: 80px 5% 80px;
	text-align: justify;
	font-weight: normal;
}
.accessibility .title{
	font-size: 28px;
	margin-bottom: .3em;
	font-weight: 600;
	color: #234083;
}
.accessibility p{margin-bottom: 40px;}
.accessibility p a{color: #2379c2;}
.table_wrap{
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}
.accessibility table{
	width: 100%;
	border-collapse:  collapse; 
	background-color: #ffffff;
	font-family: Yu Gothic Medium;
}
.accessibility th,.accessibility td{
	border: 1px #000000 solid;
	padding: 15px 6px;
}
.accessibility th{
	background-color: #f4f8ff;
	text-align: center;
}
.accessibility table tr > *:first-child {
	width: 80px;
}
.accessibility table tr > *:nth-child(2) {
	min-width: 80px;
}
.accessibility table tr > *:nth-child(3) {
	width: 97px;
	text-align: center;
}
.accessibility table tr > *:nth-child(4) {
	width: 50px;
	text-align: center;
}
.accessibility table tr > *:nth-child(5) {
	width: 45px;
	text-align: center;
}
.accessibility table tr > *:last-child {
	width: 165px;
}
@media screen and (max-width: 750px) {
	.max_w1000{padding: 25px 5% 25px;}
	.accessibility .title{font-size: 20px;}
	.accessibility p{margin-bottom: 20px;}
	.table_wrap{
		overflow-x: scroll;
		cursor: grab;
		position: relative;
	}
	.table_wrap:active {cursor: grabbing;}
	.table_wrap::after {
		content: "スクロールできます";
		position: absolute;
		background: #234083; 
		left: 50%;
		top: 50px;
		transform: translateX(-50%);
		color: #fff; 
		padding: 10px 20px;
		pointer-events: none;
		transition: ease .2s;
		opacity: .8;
		border-radius: 5px;
	}

.table_wrap.scrolled::after {opacity: 0;}
	.accessibility table{width: 800px;}
}