@charset "utf-8";
/* ==================================================
		
		オフィス一覧 PC

================================================== */

@media screen and (min-width:781px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/img/vi-bg01-about.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.map
-------------------------------------------------- */
.main .map {
	padding-top: 50px;
}
/* --------------------------------------------------
		.map-nav
-------------------------------------------------- */
.main .map .map-nav {
	margin-top: 7px;
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #e4e4e4;
}
.main .map .map-nav > ul {
	width: 904px;
	display: flex;
	justify-content: space-between;
}
.main .map .map-nav > ul > li {
	font-size: 20px;
	color: #00679a;
	width: calc(100% / 4 );
	display: flex;
	transition: opacity 0.5s;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	text-decoration: none;
	margin-bottom: 15px;
}
.main .map .map-nav > ul > li > a {
	text-decoration: none;
	color: #00679a;
}
.main .map .map-nav > ul > li:hover > a > span {
	padding: 0 40px 15px;
	border-bottom: 5px solid #00679a;
}
/* --------------------------------------------------
		section
-------------------------------------------------- */
.main .map section {
	padding-top: 70px;
	border-top: 1px solid #e4e4e4;
	margin-top: 70px;
}
.main .map section:first-of-type {
	border: none;
	margin-top: 0;
}
.main .map section > h3 {
	font-size: 35px;
	text-align: center;
	color: #00679a;
}
.main .map section .officemap {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.main .map section .officemap iframe {
	width: 904px;
	height: 478px;
}
.main .map section .section-inner {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.main .map section .section-inner .section-box > table {
	width: 904px;
	border-collapse: collapse;
	table-layout: fixed;
}
.main .map section .section-inner .section-box > table > tbody > tr > th {
	font-size: 14px;
	text-align: left;
	color: #ffffff;
	vertical-align: top;
	padding: 13px 20px;
	border: 1px solid #cccccc;
	background: #0775a8;
}
.main .map section .section-inner .section-box > table > tbody > tr > th:first-child {
	width: 117px;
}
.main .map section .section-inner .section-box > table > tbody > tr > td {
	font-size: 14px;
	text-align: left;
	color: #333333;
	padding: 13px 20px;
	border: 1px solid #cccccc;
}
}

/* ==================================================
		
		オフィス一覧 SP

================================================== */

@media screen and (max-width:780px) {
/* --------------------------------------------------
		.vi
-------------------------------------------------- */
.vi .vi-inner {
	background: url(/img/vi-bg01-about.jpg) no-repeat center / cover;
}
/* --------------------------------------------------
		.map
-------------------------------------------------- */
.main .map {
	padding-top: 25px;
}
/* --------------------------------------------------
		.map-nav
-------------------------------------------------- */
.main .map .map-nav {
	display: flex;
	justify-content: center;
	border-bottom: 1px solid #e4e4e4;
}
.main .map .map-nav > ul {
	width: 100%;
	padding: 0 12px;
	display: flex;
	justify-content: space-between;
	box-sizing: border-box;
}
.main .map .map-nav > ul > li {
	font-size: 12px;
	text-align: center;
	color: #00679a;
	width: calc(100% / 4 );
	height: 40px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	justify-content: center;
	padding-bottom: 10px;
}
.main .map .map-nav > ul > li:hover {
	padding: 0 5px 8px;
	border-bottom: 2px solid #00679a;
}
.main .map .map-nav > ul > li > a {
	text-decoration: none;
	color: #00679a;
}
/* --------------------------------------------------
		section
-------------------------------------------------- */
.main .map section {
	padding-top: 45px;
	border-top: 1px solid #e4e4e4;
	margin-top: 45px;
}
.main .map section:first-of-type {
	margin-top: 0;
	border: none;
}
.main .map section > h3 {
	font-size: 18px;
	text-align: center;
	color: #00679a;
	padding: 0 12px;
}
.main .map section .officemap .officemap-inner {
	margin: 10px 12px 0;
}
.main .map section .officemap .officemap-inner > iframe {
	width: 100%;
	height: 260px;
}
.main .map section .section-inner {
	margin: 10px 12px 0;
}
.main .map section .section-inner .section-box > table {
	width: 100%;
	border-collapse: collapse;
}
.main .map section .section-inner .section-box > table > tbody > tr:first-child {
	border-top: 1px solid #cccccc;
}
.main .map section .section-inner .section-box > table > tbody > tr > th {
	font-size: 12px;
	color: #ffffff;
	padding: 6px;
	border: 1px solid #cccccc;
	border-top: 1px solid transparent;
	background: #0775a8;
	display: block;
}
.main .map section .section-inner .section-box > table > tbody > tr > td {
	font-size: 12px;
	color: #333333;
	text-align: left;
	padding: 6px;
	border: 1px solid #cccccc;
	border-top: 1px solid transparent;
	display: block;
}
.main .map section .section-inner .section-box > table > tbody > tr > td > ul > li {
	margin-left: 12px;
	text-indent: -12px;
}
}