@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 1441px) {
	#PageForm{
		width: 100%;
		max-width: 800px;
		height: 100px;
		padding-top: 5px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
	}
	.Prev{
		width: 91px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_04.svg")center center no-repeat;
		background-size: 91px;	
		margin-right: 22px;
		margin-top: 22px;
		cursor: pointer;
		transform: rotateY(180deg);
		filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(689%) hue-rotate(145deg) brightness(93%) contrast(81%);
	}
	.Next{
		width: 91px;
		height: 50px;
		margin-left: 22px;
		margin-top: 22px;
		cursor: pointer;
		background: url("/Assets/Web/Images/is_arrow_04.svg")center center no-repeat;
		background-size: 91px;
		filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(689%) hue-rotate(145deg) brightness(93%) contrast(81%);
	}
	.PageNum{
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 22px;
		font-weight: 200;
		border-radius: 50%;
		margin: 18px;
		cursor: pointer;
		color: #000;
	}
	.PageAct{
		background: #FFF;
	}
	.PageNull{
		filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(16%) hue-rotate(199deg) brightness(91%) contrast(86%);
	}

}
@media screen and (min-width: 1260px) and  (max-width: 1440px) {
	#PageForm{
		width: 100%;
		max-width: 668px;
		padding-top: 0px;
		border-bottom: 0px;
		padding-left: 60px;
		padding-right: 60px;
		display: flex;
		justify-content:space-between;
		box-sizing: border-box;
		text-align:justify;
		margin: auto;
		padding-bottom: 100px;
	}
	.Prev{
		width: 51px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_05.svg") left center no-repeat;		
		background-size: 51px;		
		margin-top: 3px;
		cursor: pointer;
		transform: rotateY(180deg);
		float: left;
	}
	.Next{
		width: 51px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_05.svg") right center no-repeat;
		background-size: 51px;
		margin-top: 3px;
		cursor: pointer;
		float: right;
		
	}
	.PageNum{
		width: 50px;
		height: 50px;
		line-height: 48px;
		text-align: center;
		font-size: 22px;
		display: block;
		font-weight: 200;
		border-radius: 50%;
		cursor: pointer;
		color: #000;
	}
	.PageAct{
		background: #FFF;
	}
	#PageFormM{
		padding: 30px 0px;	
		padding-top: 50px;
	}
	.PageNull{
		filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(16%) hue-rotate(199deg) brightness(91%) contrast(86%);
	}

}
@media screen and (min-width: 768px) and  (max-width: 1259px) {
	#PageForm{
		width: 100%;
		max-width: 668px;
		padding-top: 60px;
		border-bottom: 0px;
		padding-left: 60px;
		padding-right: 60px;
		display: flex;
		justify-content:space-between;
		box-sizing: border-box;
		text-align:justify;
		margin: auto;
		padding-bottom: 60px;
	}
	.Prev{
		width: 51px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_05.svg") left center no-repeat;		
		background-size: 51px;		
		margin-top: 3px;
		cursor: pointer;
		transform: rotateY(180deg);
		float: left;
	}
	.Next{
		width: 51px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_05.svg") right center no-repeat;
		background-size: 51px;
		margin-top: 3px;
		cursor: pointer;
		float: right;
		
	}
	.PageNum{
		width: 50px;
		height: 50px;
		line-height: 48px;
		text-align: center;
		font-size: 22px;
		display: block;
		font-weight:inherit;
		border-radius: 50%;
		cursor: pointer;
		color: #000;
	}
	.PageAct{
		background: #FFF;
	}
	#PageFormM{
		padding: 30px 0px;	
		padding-top: 50px;
	}
	.PageNull{
		filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(16%) hue-rotate(199deg) brightness(91%) contrast(86%);
	}

}
@media screen and (max-width: 767px) {
	#PageForm{
		width: 100%;
		height: 60px;
		padding-top: 0px;
		border-bottom: 0px;
		padding-left: 30px;
		padding-right: 30px;
		display: flex;
		justify-content:space-between;
		box-sizing: border-box;
		text-align:justify;
	}
	.Prev{
		width: 50px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_05.svg") left center no-repeat;
		background-size: 50px;
		cursor: pointer;
		transform: rotateY(180deg);
		float: left;
	}
	.Next{
		width: 50px;
		height: 50px;
		background: url("/Assets/Web/Images/is_arrow_05.svg") right center no-repeat;
		background-size: 50px;
		cursor: pointer;
		float: right;
	}
	.PageNum{
		width: 45px;
		height: 45px;
		line-height: 45px;
		text-align: center;
		font-size: 20px;
		display: block;
		font-weight:inherit;
		border-radius: 50%;
		cursor: pointer;
		color: #000;
	}
	.PageAct{
		background: #FFF;
	}
	#PageFormM{
		padding: 30px 0px;	
		padding-top: 50px;
	}
	#FooterLine{
		width: calc(100% - 60px);
		padding-top: 50px;
		border-bottom: 1px solid #FFF;
		margin: 0 auto;
	}
	.PageNull{
		filter: brightness(0) saturate(100%) invert(77%) sepia(0%) saturate(16%) hue-rotate(199deg) brightness(91%) contrast(86%);
	}

}