@charset "utf-8";
/*------------------------------------------------------------
	office
------------------------------------------------------------*/
#main .linkList {
	margin: -2rem -0.1rem 10rem;
}
#main .linkList li {
	margin-top: 2rem;
}
#main .linkList li a {
	padding: 0.3rem 4.4rem 0.3rem 2.1rem;
	display: inline-block;
	letter-spacing: 0.08rem;
	border-right: 1px solid #E5E5E5;	
	background: url("../img/common/icon06.png") no-repeat right 1.8rem center / 0.7rem;
}
#main .linkList li a:hover {
	opacity: 0.7;
}
#main .imgBox:not(:last-child) {
	margin-bottom: 9rem;
}
#main .imgBox .mapBox {
	width: 54rem;
	position: relative;
}
#main .imgBox .txtBox {
	margin-top: -0.4rem;
	width: 41rem;
}
#main .imgBox .txtBox p {
	margin-bottom: 2rem;
	line-height: 2;
}
#main .imgBox .txtBox p:last-child {
	margin-bottom: 0;
} 
#main .imgBox .mapBox iframe {
	width: 100%;
	height: 36rem;
	vertical-align: top;
}
@media all and (max-width: 896px) {
	#main .linkList {
		margin-bottom: 4.7rem;
	}
	#main .linkList li {
		margin-top: 2.1rem;
	}
	#main .linkList li a {
		padding: 0.3rem 2.4rem 0.3rem 1.1rem;
		font-size: 1.2rem;
		letter-spacing: 0.06rem;
		background-position: right 0.8rem center;
	}
	#main .imgBox:not(:last-child) {
		margin-bottom: 4.7rem;
	}
	#main .imgBox {
		display: block;
	}
	#main .imgBox .mapBox {
		width: auto;
	}
	#main .imgBox .txtBox {
		margin: 0 0 2rem;
		width: auto;
	}
	#main .imgBox .txtBox p {
		margin-bottom: 1.4rem;
	}
	#main .imgBox .mapBox {
		height: 0;
		padding-bottom: 66.6666%;
	}
	#main .imgBox .mapBox iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		object-fit: cover;
	}
}