* {
	padding:0px;
	margin:0px;
}
html, body {
	margin			: 0 auto;
	height			: 100%;
	font-size:2.8vw !important;
}

.css_outer {
	text-align:center;
}

.css_image{
	display: block;
	margin: auto;
	width: 60%;
}
.css_image2{
	width: 16%
}
.css_image3{
	width: 26%
}

.css_text {
	margin: 10px;
	font-size: 0.9rem;
    font-weight: bold;
}
.css_tenpoblock {
	/* height: 300px; */
	height: 40%;
}
.css_bottom {
	/* height: 160px; */
	height: 20%;
}

.relative {
  position: relative;
}
.absolute01{
  position: absolute;
  top: 1%;
  left: 20%;
}
.absolute02{
  position: absolute;
  top: 1%;
  left: 42%;
}
.absolute03{
  position: absolute;
  top: 1%;
  left: 64%;
}
.absolute04{
  position: absolute;
  top: 45%;
  left: 20%;
}
.absolute05{
  position: absolute;
  top: 45%;
  left: 42%;
}
.absolute06{
  position: absolute;
  /* top: 85%; */
  /* bottom: 1%; */
  left: 37%;
}

@media screen and (min-width: 751px) {
	.spOnly {
		display: none !important;
	}
}

@media screen and (max-width: 750px) {
	.pcOnly {
		display: none !important;
	}
	.css_text {
		/* margin: 15px 0px 8px; */
		margin: 5% 0 2%;
		font-size: 1.4rem;
	}
	.css_tenpoblock {
		/* height: 160px; */
		height: 20%;
	}
	.css_bottom {
		/* height: 100px; */
		height: 15%;
	}
	.css_image{
		width: -webkit-fill-available;
	}
	.css_image2{
		width: 30%
	}
	.css_image3{
		width: 50%
	}
	.absolute01{
		top: 1%;
		left: 3%;
	}
	.absolute02{
		top: 1%;
		left: 35%;
	}
	.absolute03{
		top: 1%;
		left: 67%;
	}
	.absolute04{
		top: 50%;
		left: 3%;
	}
	.absolute05{
		top: 50%;
		left: 35%;
	}
	.absolute06{
		top: 1%;
		left: 25%;
	}
}