@charset "UTF-8";
/* Responsive DESIGN TEMPLATE
    system research
______________________________________________________________________________*/

div.pane_body_mid {
	display: flex;
	justify-content: space-between;
}
.pane_body_mid_1 {
	order: 1;
	flex-grow: 1;
	flex-shrink: 1;
	box-sizing:border-box;
}

.pane_body_mid_2 {
	order: 0;
	flex-grow: 1;
	flex-shrink: 1;
	box-sizing:border-box;
}

.pane_body_mid_3 {
	order: 2;
	flex-grow: 1;
	flex-shrink: 1;
	box-sizing:border-box;
}
.pane_body_mid_2,
.pane_body_mid_3 {
	padding: 0 10px;
}

@media only screen and (min-width:701px) {
	.pane_body_mid_2 {
		flex-basis: 224px;
		min-width: 224px;
	}
	.pane_body_mid_3 {
		flex-basis: 224px;
		min-width: 224px;
	}
	.pane_body_mid_1 {
		flex-basis: 100%;
		width: 1px;
	}
	.pane_body_mid_2,
	.pane_body_mid_3 {
		flex-grow: 0;
		flex-shrink: 1;
	}
}

@media only screen and (max-width: 700px){
	.pane_body_mid {
		flex-direction: column;
	}

	.pane_body_mid_1,
	.pane_body_mid_2,
	.pane_body_mid_3 {
		padding: 0;
	}

	.pane_body_mid_1 {
		order:1
	}
	.pane_body_mid_2 {
		order:1
	}
	.pane_body_mid_3 {
		order:1
	}
}