.page_header{
	background-image:url(img/header.jpg);
	background-repeat:  no-repeat;
	background-position:center center;
	height:90vh;
	max-height:800px;
	position:relative;
	overflow:hidden;
}

table{
	width:100%;
}

/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:1280px) {
	th{
		position: relative;
		padding:15px 20px;
		background:#EAEAEA;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		z-index:-999;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(50% - 10px);
		right:-10px;
		border-left: 10px solid #EAEAEA;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	
	td{
		padding:15px 20px;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
}
/*------------------------------------------------------------------------*/
/*CSS 1280px以上（大型PC）　エンド */


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:960px) and (max-width:1279px) {
	th{
		position: relative;
		padding:15px 20px;
		background:#EAEAEA;
		vertical-align:middle;
		line-height:120%;
		font-weight:normal;
		text-align:left;
		width:20%;
		color:#333333;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		z-index:-999;
	}
	
	th:after{
		display: block;
		content: "";
		width: 0px;
		height: 0px;
		position: absolute;
		top:calc(50% - 10px);
		right:-10px;
		border-left: 10px solid #EAEAEA;
		border-top: 10px solid transparent;
		border-bottom: 10px solid transparent;
	}
	
	td{
		padding:15px 20px;
		border-top:1px solid #999;
		border-bottom:1px solid #999;
		vertical-align:middle;
		line-height:120%;
		width:80%;
		color:#333333;
		text-align:left;
	}
}
/*------------------------------------------------------------------------*/
/*CSS 960px～1279px（小型PC）　エンド */


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:959px) {
	th{
		display: block;
		text-align:left;
		background:#EAEAEA;
		color:#333;
		padding:10px;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
	}
}
/*------------------------------------------------------------------------*/
/*CSS 600px～959px（タブレット）　エンド */


/*CSS 480px～599px（スマートフォン横）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:480px) and (max-width:599px) {
	th{
		display: block;
		text-align:left;
		background:#EAEAEA;
		color:#333;
		padding:10px;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
	}
}
/*------------------------------------------------------------------------*/
/*CSS 480px～599px（スマートフォン横）　エンド */


/*CSS ～479pxx（スマートフォン縦）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (max-width:479px) {
	
	th{
		display: block;
		text-align:left;
		background:#EAEAEA;
		color:#333;
		padding:10px;
	}
	
	td{
		display: block;
		text-align:left;
		padding:20px 10px;
		color:#333333;
	}
}
/*------------------------------------------------------------------------*/

