@charset "utf-8";

body{
	width: 100%;
	margin: 0;
	padding: 0;
}
#flexbox{
}
#flex_left{
	width: 100%;
	height: 50vh;
	background-color: #ccffff;
}
#flex_right{
	width: 100%;
	height: 50vh;
	background-color: #ffd5ec;
}
#fr1{
	width: 100%;
	height: 33.3vh;
	background-color: #c2fcca;
}
#fr2{
	width: 100%;
	height: 33.3vh;
	background-color: #ffd5ec;
}
#fr3{
	width: 100%;
	height: 33.3vh;
	background-color: #ffcc66;
}
/*  PC向けのスタイル：1024px以上 */
@media only screen and (min-width: 1024px){
#flexbox{
	display: flex;
}
#flex_left{
	width: 50%;
	height: 100vh;
}
#flex_right{
	width: 50%;
	height: 100vh;
}
}