@charset "UTF-8";

.flexBox{
	display: box;
		display: -webkit-box;
	    display: -moz-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-justify-content: space-between;
		-moz-justify-content: space-between;
		-ms-justify-content: space-between;
		-o-justify-content: space-between;
		justify-content: space-between;
}

.flexBox dt{
	width: 22%;
	font-weight: bold;
}

.flexBox dd{
	width: 76%;
	margin-left: 2%;
}

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

	.flexBox{
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		-o-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.flexBox dt{
		width: 100%;
	}

	.flexBox dd{
		width: 100%;
		margin-left: 0;
	}
}