@charset "UTF-8";



#illust {
	width: 640px !important;
	display: block;
	position: fixed;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 100%;
	height: 100vh;
	z-index: 1;
}

.illust01 {
position: absolute;
top: 20px;
left: 10px;
}

.illust02 {
position: absolute;
top: 140px;
left: 245px;
}

.illust03 {
position: absolute;
top: 15px;;
left: 470px;
}

.illust04 {
position: absolute;
top: 750px;
left: 250px;
}

.illust05 {
position: absolute;
top: 890px;
left: -10px;
}

.illust06 {
position: absolute;
top: 890px;
left: 470px;
}

.illust07 {
position: absolute;
top: 1040px;
left: 250px;
}

.illust08 {
position: absolute;
top: 1200px;
left: 0px;
}

.illust09 {
position: absolute;
top: 1180px;
left: 480px;
}

.illust_main01 {
position: absolute;
top: 300px;
left: 0px;
}

.illust_main02 {
position: absolute;
top: 302px;
left: 430px;
}

.illust_main03 {
position: absolute;
top: 595px;
left: -10px;
}

.illust_main04 {
position: absolute;
top: 592px;
left: 425px;
}


.illust01 img, .illust02 img, .illust03 img, .illust04 img, 
.illust05 img, .illust06 img, .illust07 img, .illust08 img, .illust09 img, 
.illust_main01 img, .illust_main02 img, 
.illust_main03 img, .illust_main04 img {
width: 100% !important;
vertical-align: top;
margin: 0px;
padding: 0px;
}