@charset "utf-8";
/* CSS Document */

.business-offices h1 + p{
	margin: 20px 0;
	text-align: center;
}
.business-offices h2 + p{
	text-align: center;
	margin-bottom: 20px;
}
.business-offices a:not(.tel-namber) {
	text-decoration: underline;
}
.business-offices a:hover {
	text-decoration: none;
}
.business-offices nav{ width: 100%;}
.business-offices nav li{
	float: left;
	margin: 10px 1%;
	background-color: #11116e;

}
.business-offices nav li a{
	color: #ffffff !important;
	padding: 15px 0;
	text-align: center;
	display: block;
	text-decoration: none !important;
	border: 1px solid #11116e;
}
.business-offices nav li a.link-none{
	background-color: #ffffff;
	border: 1px solid #11116e;
	color: #11116e !important;
	opacity: inherit;
	box-sizing: border-box;
}
.business-offices nav li a:hover:not(.link-none){
	background-color: #ffffff;
	border: 1px solid #11116e;
	color: #11116e !important;
	opacity: inherit;
	box-sizing: border-box;
}
.business-offices .photo img{ width: 100%;}


iframe{
	display: block;
	margin: 20px auto;
}

@media screen and (min-width: 769px) {
	.business-offices nav li{ width: 31.3%;}
	.business-offices .photo{
		float: left;
		width: 40%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.business-offices .office-box{ width: 58%;}
}

@media screen and (max-width: 768px) {
	.business-offices h2 + p{ 
		width: 96%; 
		margin: 0 2% 10px;
	}
	.business-offices nav li{ width: 48%;}
	.business-offices .office-box{ 
		width: 98%;
		margin: 10px auto;
	}
	.g-map {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		clear: both;
	}
	.g-map iframe,
	.g-map object,
	.g-map embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}