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

table{
	width:100%;
}

/*CSS 1280px以上（大型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:1280px) {
	#viewer::after {
		content: "ご利用案内";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:42px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 1280px以上（大型PC）　エンド */


/*CSS 960px～1279px（小型PC）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:960px) and (max-width:1279px) {
	#viewer::after {
		content: "ご利用案内";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:38px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 960px～1279px（小型PC）　エンド */


/*CSS 600px～959px（タブレット）　スタート */
/*------------------------------------------------------------------------*/

@media screen and (min-width:600px) and (max-width:959px) {
	#viewer::after {
		content: "ご利用案内";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
}

/*------------------------------------------------------------------------*/
/*CSS 600px～959px（タブレット）　エンド */


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

@media screen and (min-width:480px) and (max-width:599px) {
	#viewer::after {
		content: "ご利用案内";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:26px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
}

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


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

@media screen and (max-width:479px) {
	#viewer::after {
		content: "ご利用案内";
		position: absolute;
		top: 36%;
		left: 0%;
		font-size:24px;
		font-weight:bold;
		text-align:center;
		width:100%;
		color:#333;
		background-color: rgba(255,255,255,0.5);
		padding:1% 0;
	}
}

/*------------------------------------------------------------------------*/