@charset "utf-8";

html {margin:0; padding:0;
		/* background: linear-gradient(to right, #cde5f0, white); */

  width: 100%;
  height: 100%;

}
body {
	margin:0; 
	padding:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:16px; 
	color:#333333; 
	/* background-color:#FFFFFF;  */
	text-align:center;
  width: 100%;
  height: 100%;

}

a{text-decoration:none }
a:hover{ text-decoration:none }


#test{
	display:block;
	position:relative;
	top:0;
	left:0;
	margin:0 auto;
	padding:0;
	z-index:5;
}


.sousaimg{
	display: block;
  width: 100%;
  height: 100%;
  z-index: 3;

}

.imgPc,.imgSp {
/*   width: 100%;
  height: auto; */
  width: auto;
  height: 100%;
}

.imgPc,.imgSp{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);

}

.sousaimgPc{
	display: none;
  z-index: 3;
}

.backImage{
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);

  z-index: 0;

}