body{
	margin:0; 
	padding:0;
	width: 100%;
	height: 100vh;
	font-family: "Courier New", AndaleMono, monospace;
	font-weight: 300 !important;
	overflow: hidden;
}

.content{
	position: relative;
	align-items: center;
	justify-content: center;
	display: flex;
	width: 100%;
	height: 100%;
	background: #fff;

}

.info{ 
	font-family: "Courier New", AndaleMono, monospace; 
	font-size: 15px; 
	color:#000000; 
	line-height:18px; 
	opacity:0.99; 
	position:absolute; 
	top:40px; 
	left:40px; 
	z-index:20;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.content-text{ 
	font-size: 16px; 
	color:#000000; 
	width:300px; 
	text-align: center;
}
.name, .etc{position: absolute; z-index:10; width:300px; left: calc(50% - 150px);}
.etc{bottom:80px; line-height:27px;}

.name{top:130px;}
a.map{color:#DF00FF !important;}
.tel a{text-decoration: none; color:#DF00FF;}
.tel{margin-bottom:30px;}

.cp{
	font-size: 14px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	color: #000000;
	text-align:center;
}
.cp-m{
	font-size: 12px;
	color: #000000;
	opacity: 0.0;
}
.cp a{text-decoration:none;color: #000000;}
.cp-m a{text-decoration:none;color: #000000; opacity:0;}
.cp-m{display:none; text-align:center; z-index:200; margin-top:50px; position:absolute; bottom:20px; left:0; width:100%;}

@media only screen and (max-width:600px) and (max-height:800px){

	.info{opacity:1;}
	
	.cp{position:absolute;}
	.etc{bottom:130px;}
	
}

@media only screen and (max-width:600px) and (max-height:695px) {
		html, body{background:#6FA9FA;}
	
	.content{
		display: block;
		align-items: initial;
		background:#6FA9FA;
	}
	.content-text{
		width: 100%;
		
	}
	.et{height:480px;}
	.etc{bottom:80px;}
	
	.name{top:55px;}
	.target{
		height: 100%; width: 100%;
	}
	.image{
		width:200px; 
		height:auto;
		position: absolute;
		top: calc(50% - 160px);
		left: calc(50% - 100px);
	}
	.image img{width:200px;}
}

@media only screen and (max-width:600px) and (max-height:600px) {
/* 	body{overflow-y:auto;}
	html{background:#000024;}
	.content-text{position: relative;}
	.target-c{height:auto;}
	.target{
		display: block;
		align-items: initial;
	}
	.image{top:120px;}
	.etc{bottom:-100px; width:100%; left:0;} */
	.cp{display:none;}
	.cp-m{display:block;}
	.name{top:20px;}
	.image{width:40%; left:30%; top:calc(50% - 125px);}
	.image img{width:100%;}
}

@media only screen and (max-width:600px) and (max-height:480px) {
	.etc{bottom:80px; line-height:20px;}
	.content-text{font-size:14px;}
	.image{width:25%; left:37%; top:calc(50% - 105px);}
	.tel{margin-bottom:10px;}
}

@media only screen and (max-width:600px) and (max-height:350px) {
	.image{width:25%; left:37%; top:calc(50% - 97px);}
	.etc{bottom:60px;}
}

@media only screen and (min-width:600px) and (max-height:695px) {
	.etc{position:fixed; bottom:60px;}
	.name{position:fixed; top:65px;}
	.image, .image img{width:200px; height:200px;}
}
@media only screen and (min-width:600px) and (max-height:550px) {
	body{height:500px; overflow:auto;}
	.etc{position:absolute;}

}

@media only screen and (max-width:600px){
	.cp{font-size:12px;}
}