@charset "UTF-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	background-image: url("sikaku.PNG");
	background-size: auto 20%;
	background-position: center
}

body,html{
	margin: 0;
	padding: 0;
	height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.background-container{
	position: relative;
	width: 100vw;
	height: 100vh;
	background-position: center;
}


.center-image-container{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}

.lower-centered-image-container{
	position: absolute;
	top: 70%;
	left: 57%;
	
	transform: translate(-50%,-50%);
	z-index: 2;
}

.centered-image{
	max-width: 100%;
	height: auto;
}

.lower-centered-image{
	max-width: 60%;
	height: auto;
}


.background-image{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left:0;
	z-index: 0;
}


.asa{
	position: absolute;
	top:7%;
	left: 4%;
	z-index: 3;
	width: 230px;
}



.taberu{
	position: absolute;
	top: 5%;
	left: 70%;
	z-index: 3;
	width: 260px;
}


.nashi{
	position: absolute;
	top: 68%;
	left: 10%;
	z-index: 3;
	width: 250px;
}


.tukuru{
	position: absolute;
	top: 76%;
	left: 60%;
	z-index: 3;
	width: 250px;
}


.hutarigumi{
	position: absolute;
	top: 45%;
	left: 60%;
	z-index: 3;
	width: 350px;
}

.taisyou{
	position: absolute;
	top: 45%;
	left: 3%;
	z-index: 3;
	width: 350px;
}