@charset "utf-8";

/*------------------------------------------
 pc
------------------------------------------*/
@media print, screen and (min-width: 769px){
	#web-accessibility h2{
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		transform: rotate(0.03deg);
		font-size: 32px;
		width: 100%;
		height: 300px;
		background: url("../../images/bg-cont-h2.png"), url("../../images/bg-cont-h2-02.png");
		background-repeat: repeat, no-repeat;
		background-position: center center, center center;
	}
	.web-accessibility-tbl{
		width: 100%;
		max-width: 1200px;
		border-collapse: collapse;
		margin-top: 20px;
	}
	.web-accessibility-tbl thead th{
		background: #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		color: #fff;
		padding: 10px 20px;
	}
	.web-accessibility-tbl thead th:nth-child(1){
		width: 40%;
	}
	.web-accessibility-tbl thead th:nth-child(2){
		width: 60%;
	}
	.web-accessibility-tbl tbody th{
		background: #fff8f7;
		border-bottom: 1px solid #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		padding: 10px 20px;
		text-align: left;
	}
	.web-accessibility-tbl tbody td{
		padding: 10px 20px;
		border-bottom: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		background: rgba(255,255,255,0.8);
	}
	.web-accessibility-tbl tbody td ul li{
		margin-bottom: 10px;
	}
	.web-accessibility-tbl-list{
		width: 100%;
		margin-top: 20px;
		border-collapse: collapse;
	}
	.web-accessibility-tbl-list thead th{
		background: #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		color: #fff;
		padding: 10px 20px;
	}
	.web-accessibility-tbl-list thead th:nth-child(1),
	.web-accessibility-tbl-list thead th:nth-child(4),
	.web-accessibility-tbl-list thead th:nth-child(5){
		width: 10%;
	}
	.web-accessibility-tbl-list thead th:nth-child(3){
		width: 15%;
	}
	.web-accessibility-tbl-list thead th:nth-child(2){
		width: 35%;
	}
	.web-accessibility-tbl-list thead th:nth-child(6){
		width: 20%;
	}
	.web-accessibility-tbl-list tbody th{
		background: #fff8f7;
		border-bottom: 1px solid #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		padding: 10px 20px;
	}
	.web-accessibility-tbl-list tbody td{
		padding: 10px 20px;
		border-bottom: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		background: rgba(255,255,255,0.8);
	}
	.web-accessibility-tbl-list tbody td:nth-child(3),
	.web-accessibility-tbl-list tbody td:nth-child(4),
	.web-accessibility-tbl-list tbody td:nth-child(5){
		text-align: center;
	}
}

/*------------------------------------------
 sp
------------------------------------------*/
@media screen and (max-width: 768px){
	#web-accessibility h2{
		display: flex;
		justify-content: center;
		align-items: center;
		font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		transform: rotate(0.03deg);
		font-size: 26px;
		width: 100%;
		height: 300px;
		background: url("../../images/bg-cont-h2.png"), url("../../images/bg-cont-h2-02.png");
		background-repeat: repeat, no-repeat;
		background-position: center center, center center;
	}
	.web-accessibility-tbl{
		width: 100%;
		border-collapse: collapse;
		margin-top: 20px;
	}
	.web-accessibility-tbl thead th{
		background: #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		color: #fff;
		padding: 10px 20px;
	}
	.web-accessibility-tbl thead th:nth-child(1){
		width: 40%;
	}
	.web-accessibility-tbl thead th:nth-child(2){
		width: 60%;
	}
	.web-accessibility-tbl tbody th{
		background: #fff8f7;
		border-bottom: 1px solid #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		padding: 10px 20px;
		text-align: left;
	}
	.web-accessibility-tbl tbody td{
		padding: 10px 20px;
		border-bottom: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		background: rgba(255,255,255,0.8);
		word-break: break-all;
	}
	.web-accessibility-tbl tbody td ul li{
		margin-bottom: 10px;
	}
	.sp-web-accessibility-tbl-list{
		position: relative;
		overflow-x: scroll;
	}
	.web-accessibility-tbl-list{
		width: 100%;
		margin-top: 20px;
		border-collapse: collapse;
	}
	.web-accessibility-tbl-list thead th{
		background: #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		color: #fff;
		padding: 10px 20px;
		white-space: nowrap;
	}
	.web-accessibility-tbl-list thead th:nth-child(1),
	.web-accessibility-tbl-list thead th:nth-child(4),
	.web-accessibility-tbl-list thead th:nth-child(5){
		width: 10%;
	}
	.web-accessibility-tbl-list thead th:nth-child(3){
		width: 15%;
	}
	.web-accessibility-tbl-list thead th:nth-child(2){
		width: 35%;
	}
	.web-accessibility-tbl-list thead th:nth-child(6){
		width: 20%;
	}
	.web-accessibility-tbl-list tbody th{
		background: #fff8f7;
		border-bottom: 1px solid #9C5B4F;
		border-left: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		font-weight: bold;
		padding: 10px 20px;
	}
	.web-accessibility-tbl-list tbody td{
		padding: 10px 20px;
		border-bottom: 1px solid #9C5B4F;
		border-right: 1px solid #9C5B4F;
		background: rgba(255,255,255,0.8);
		white-space: nowrap;
	}
	.web-accessibility-tbl-list tbody td:nth-child(3),
	.web-accessibility-tbl-list tbody td:nth-child(4),
	.web-accessibility-tbl-list tbody td:nth-child(5){
		text-align: center;
	}
	
}

/*------------------------------------------
scrollElement
------------------------------------------*/
.sp-web-accessibility-tbl-list .wa-scroll{
	position: absolute;
	top: 0;
	left: -50000%;
}
@media screen and (max-width: 767px) {
	.sp-web-accessibility-tbl-list .wa-scroll{
		position: absolute;
		top: 100px;
		left: 50%;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 50%;
		background: rgba(0, 0, 0, 0.5);
		padding: 16px;
		transition: 1s;
		transform: translateX(-50%);
		opacity: 1;
	}
	.wa-scroll-img{
		width: 20px;
		height: auto;
	}
	.wa-scroll-text{
		color: #fff;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		line-height: 23px;
		margin-top: 8px;
	}
}