@charset "utf-8";
.wrapper {
  //position: relative;
}

.kousi {
	position: fixed;
	top: 0px;
	width: 100%;
	height: 100VH;
	display: flex;
	left: 0px;
	margin: 0px;
	padding: 0px;
	z-index: -10;
}
/*
.kousi div {
	height: 100%;
	border-right: 1px solid #777;
	width: 20%;
	background-color: #66CCCC;
}
*/
.tate1 {
	width: 10%;
	height: 100%;
	border-right: 1px solid #ccc;
	//background-color: #aaCCCC;
}
.tate2 {
	width: 26%;
	height: 100%;
	border-right: 1px solid #ccc;
	//background-color: #88CCCC;
}
.tate3 {
	width: 28%;
	height: 100%;
	border-right: 1px solid #ccc;
	//background-color: #88CCCC;
}
.tate4 {
	width: 26%;
	height: 100%;
	border-right: 1px solid #ccc;
	//background-color: #88CCCC;
}
.tate5 {
	width: 10%;
	height: 100%;
	border-right: 1px solid #ccc;
	//background-color: #88CCCC;
}