.contactBox {}

.contactBox-title {
	/* font-family: Arial, Helvetica, sans-serif; */
	font-size: 22px;
	color: #ff6a00;
	font-weight: bold;
}

.contactBox-topBox {
	display: flex;
}

.contactBox-topBox-inner {
	flex: 1;
	/* border: #000000 solid 1px; */
	margin: auto auto;
	color: #333333;
	font-size: 18px;
}

.contactBox-topBox-inner img {
	height: 274.5px;
	width: 445.5px;
	margin: 0 auto;
}

.contactBox-topBox-inner-box {
	display: flex;
}

.contactBox-topBox-inner-box-title {
	text-align: right;
	flex: 1;
}

.contactBox-topBox-inner-box-span {
	text-align: left;
	flex: 2;
	margin-left: 10px;
}

.contactBox-bottomBox {
	padding-top: 20px;
	font-size: 18px;
}

.contactBox-bottomBox-inner-box-title {
	text-align: right;
	flex: 1;
}

.contactBox-bottomBox-inner-box-span {
	text-align: left;
	flex: 6;
	margin-left: 10px;
}

@media only screen and (max-width: 800px) {
	.contactBox-topBox {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.contactBox-topBox-inner {
		width: 100%;
		text-align: center;
	}

	.contactBox-topBox-inner img {
		height: 190px;
		width: 280px;
		text-align: center;
	}

	.contactBox-topBox-inner-box {
		width: 100%;
		margin-bottom: 10px;
	}

	.contactBox-topBox-inner-box-title {
		text-align: right;
		flex: 1;
	}

	.contactBox-topBox-inner-box-span {
		text-align: left;
		flex: 1;
		margin-left: 10px;
	}

	.contactBox-bottomBox-inner-box-title {
		text-align: right;
		flex: 2;
		font-size: 16px;
	}

	.contactBox-bottomBox-inner-box-span {
		text-align: left;
		flex: 3;
		margin-left: 10px;
		font-size: 16px;
	}
}