@charset "utf-8";

body{
	width: 100%;
	margin: 0;
	padding: 0;
}
header{
	width: 100%;
	height: 16vh;
	background-color: #c2fcca;
}
#flexbox{
}
#flex_left{
	width: 100%;
	height: 28vh;
	background-color: #ccffff;
}
#flex_center{
	width: 100%;
	height: 28vh;
	background-color: #ffd5ec;
}
#flex_right{
	width: 100%;
	height: 28vh;
	background-color: #ddbffa;
}
/*  PC向けのスタイル：1024px以上 */
@media only screen and (min-width: 1024px){
header{
	height: 16vh;
}
#flexbox{
	display: flex;
}
#flex_left{
	width: 33%;
	height: 84vh;
}
#flex_center{
	width: 34%;
	height: 84vh;
}
#flex_right{
	width: 33%;
	height: 84vh;
}
}