body {
	display: grid;
	grid-template-columns: 100vw;
	grid-template-rows: 100vh;
	background: #fff;
}
 
.conainter {
	justify-self: center;
	align-self: center;
	padding: 0;
	background: rgba(0,0,0,0.4);
	color: #fff;
	width: 960px;
	text-align: center;
}

.conainter {
	background-image: url("pic_pc.png");
	background-repeat: no-repeat;
	width: 960px;
	height: 720px;
}
	
@media screen and (max-width: 767px) {
.conainter {
	background-image: url("pic_sp.png");
	width: 750px;
	height: 1350px;
}
}

@media screen and (max-width: 479px) {
.conainter {
	background-image: url("pic_sp.png");
	width: 400px;
	height: 720px;
	background-size: 400px 720px; 
}
}