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

body{box-sizing: border-box;}
.max_w1200{
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	text-align: left;
}
#hed_box h2 img{max-width: 590px;width: 70%;}
.sp_br{
	display: none;
}
@media screen and (max-width: 1440px) {
	.max_w1200{
		max-width: 1000px;
	}
	#hed_box h2 img{margin: 0 auto;}
	.pc{display: none;}
	.sp,.sp_br{display: block;}
}
.accessibility h3{
	margin-bottom: 20px;
	font-size: 28px;
	font-weight: 600;
	color: #e9411a;
}
.accessibility p{
	margin-bottom: 30px;
}
.accessibility p a{
	color: #2c8bd2;
}
.table_wrap{
	max-width: 1200px;
	margin: 0 auto;
	width: 100%;
}
.accessibility table{
	width: 100%;
	border-collapse:  collapse; 
	
}
.accessibility th,.accessibility td{
	border: 1px #000000 solid; 
	padding: 15px 6px;
	vertical-align: middle;
}
.accessibility th{
	background-color: #fdffda;
	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: 80px;
	text-align: center;
}
.accessibility table tr > *:nth-child(5) {
	width: 45px;
	text-align: center;
}
.accessibility table tr > *:last-child {
}
@media screen and (max-width: 750px) {
	.accessibility h3{
		font-size: 21px;
	}
	.table_wrap{
		overflow-x: scroll;
		cursor: grab;
		position: relative;
	}
	.table_wrap:active {cursor: grabbing;}
	.table_wrap::after {
		content: "スクロールできます";
		position: absolute;
		background: #e9411a; 
		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;

	}
}