@charset "utf-8";

/* Office List */
.office-list {
}
.office-list__items {
	display: flex;
	flex-wrap: wrap;

	list-style: none;
	margin: 0 0 -3.5% -3.5%;
	padding: 0;
}
.office-list__item {
	margin: 0 0 3.5% 3.5%;
}
.office-list__link {
	color: inherit;
	text-decoration: inherit;
}
.office-list__link:hover {
	opacity: 0.78;
}
.office-list__photo {
	width: 100%;
}
.office-list__name {
	line-height: 1.33;
	font-size: 1.25em;
	font-weight: normal;
	text-align: center;

	color: #fff;
	background: #0099ce;

	position: relative;
	z-index: 0;

	margin: 0;
	padding: 0.75em 1em;
}
.office-list__name:after {
	content: '';

	display: block;

	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;

	width: 1.85em;
	height: 0.5em;

	border-style: solid;
	border-width: 0 1px 1px 0;
	transform: skewX(45deg);

	margin: auto 0;
}

.office-list__section {
	display: flex;
	column-gap: 20px;
}

@media (min-width: 769px) {
	.office-list__item {
		flex: 0 0 29.5%;
	}
}
@media (max-width: 768px) {
	.office-list__item {
		flex: 0 0 46.5%;
	}
	.office-list__section {
		flex-direction: column;
	}
}

/* Office Data */
.title-icon1--office-data {
	margin-bottom: 4.25em;
}

/* Office Info */
.office-info__photo {
	width: 100%;
}
.office-info__address,
.office-info__tel {
	font-size: 1.125em;
	font-style: normal;
}
.office-info__address {
	margin-bottom: 2em;
}
.office-info__note {
	margin: 0;
}
.office-info__note + .office-info__note {
	margin-top: 1em;
}
.office-info__inside {
	width: 100%;
}

@media (min-width: 769px) {
	.office-info-grid {
		display: flex;
	}
	.office-info-grid__photo,
	.office-info-grid__data {
		box-sizing: border-box;
	}
	.office-info-grid__photo {
		flex: 0 0 30%;
		margin-right: 3%;
	}
	.office-info-grid__data {
		flex: 1 1 auto;
	}
}
@media (max-width: 768px) {
	.office-info-grid__photo {
		margin-bottom: 1em;
	}
}

/* Office Profile */
.office-profile {
	margin: 2.5em 0;
}
.office-profile__notes {
}
.office-profile__photo {
}

@media (min-width: 769px) {
	.office-profile {
		display: flex;
	}
	.office-profile__notes,
	.office-profile__photo {
		box-sizing: border-box;
	}
	.office-profile__notes {
		flex: 1 1 auto;
	}
	.office-profile__photo {
		flex: 0 0 auto;
		order: 1;
		max-width: 30%;
		margin-left: 3%;
	}
}
@media (max-width: 768px) {
	.office-profile {
	}
	.office-profile__notes {
	}
	.office-profile__photo {
		margin-bottom: 1em;
	}
}