html, body {
	margin:0;
	padding:0;
	font-family: Arial;
}
.landscape {
	margin:0;
	padding:0;
}
.landscape p {
	margin:0;
	padding:0;
	text-align:center;
}
.landscape p img {
	margin:0;
	padding:0;
	width:100%;
	max-width:1920px;
	height:100%;
}


.portrait {
	margin:0;
	padding:0;
	position:relative;
}
.portrait p {
	margin:0;
	padding:0;
	text-align:center;
	font-size:32px;
	font-size:4vw;
	color:#000;
}
.portrait .portrait_content {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
	width:85%;
}
.portrait .portrait_content p.image {
	margin:0;
	padding:0 0 20px;
}
.portrait .portrait_content p img {
	width:86px;
}
.portrait .header {
	position: fixed;
	left:50%;
	top:10%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
}
.portrait .header img {
	width:253px;
}
.portrait .footer {
	position: fixed;
	left:50%;
	bottom:5%;
	transform: translate(-50%, -50%);
	transform: -webkit-translate(-50%, -50%);
	transform: -ms-translate(-50%, -50%);
}
.portrait .footer img {
	width:71px;
}

/* portrait */
@media screen and (orientation:portrait) {
	.portrait {
		display:block;
	}
	.landscape {
		display:none;
	}
	
}
/* landscape */
@media screen and (orientation:landscape) {
	.portrait {
		display:none;
	}
	.landscape {
		display:block;
	}
}