@charset "UTF-8";
/* CSS Document */

#contents {
	padding:0 0 100px 0;
}
#mainBlock {
	position:relative;
	overflow:hidden;
	width:100%;
	height:485px;
	background:#EEEEEE;
}
.mainBox {
	position:absolute;
	display:table;
	width:1080px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.mainBox > div {
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
.textBox {
}
.photoBox {
}

#kaisekiBlock {
	position:relative;
	height:900px;
}
#kaisekiBlock > div {
	position:absolute;
}
#txt1 {
	left:18px;
	top:245px;
}
#txt2 {
	left:18px;
	top:320px;
}
#txt3 {
	left:18px;
	top:606px;
}
#txt4 {
	left:18px;
	top:710px;
}
#img1 {
	left:380px;
	top:0px;
}
#img2 {
	left:540px;
	top:160px;
}
#img3 {
	left:860px;
	top:160px;
}
#img4 {
	left:1020px;
	top:60px;
}
#img5 {
	left:700px;
	top:320px;
}
#img6 {
	left:540px;
	top:480px;
}
#img7 {
	left:860px;
	top:480px;
}
#img8 {
	left:700px;
	top:640px;
}
#img9 {
	left:860px;
	top:800px;
}

@media screen and (max-width: 767px) {

	#contents {
		padding:0 0 10vw 0;
	}
	#mainBlock {
		position:static;
		overflow:hidden;
		width:100%;
		height:auto;
		background:#EEEEEE;
	}
	.mainBox {
		position:static;
		display:block;
		width:100%;
		top:auto;
		left:auto;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	.mainBox > div {
		width:100%;
		display:block;
	}
	.textBox {
		-webkit-box-ordinal-group:1;
		-ms-flex-order:1;
		-webkit-order:1;
		order:1;
	}
	.textBox img {
		/*width:120%;
		margin-left:-10%;*/
	}
	.photoBox {
		-webkit-box-ordinal-group:0;
		-ms-flex-order:0;
		-webkit-order:0;
		order:0;
	}
	
	#kaisekiBlock {
		position:static;
		width:100%;
		height:auto;
		padding:7vw 4vw 0 4vw;
	}
	#kaisekiBlock > div {
		position:static;
	}
	#txt1 {
		float:left;
		width:calc((490% * 2) / 12.5);
		margin-bottom:7vw;
	}
	#txt2 {
		float:left;
		width:calc((490% * 2) / 12.5);
		margin-bottom:7vw;
	}
	#txt3 {
		float:left;
		width:calc((490% * 2) / 12.5);
		margin-bottom:7vw;
	}
	#txt4 {
		float:left;
		width:calc((490% * 2) / 12.5);
		margin-bottom:7vw;
	}
	#img1 {
		float:right;
		width:12vw;
	}
	#img2 {
		float:right;
		width:12vw;
	}
	#img3 {
		float:right;
		width:12vw;
		margin-top:1vw;
	}
	#img4 {
		display:none;
	}
	#img5 {
		float:right;
		width:12vw;
		margin-top:1vw;
	}
	#img6 {
		float:right;
		width:12vw;
		margin-top:1vw;
	}
	#img7 {
		display:none;
	}
	#img8 {
		float:right;
		width:12vw;
		margin-top:1vw;
	}
	#img9 {
		display:none;
	}
}