@charset "UTF-8";
/* CSS Document */
/* ttlArea */
.imgArea {
	background-image: url("../img/access/main_bg.jpg");
}
.ttlArea .inner .h1Area h1:before {
	content: "ACCESS";
}
/* companyArea */
.companyArea .inner {
	padding: 100px 20px 60px;
}
.companyArea .inner dl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	border-bottom: 1px solid #44618b;
	margin-bottom: 26px;
}
.companyArea .inner dl dt {
	width: 260px;
	background-color: #44618b;
	margin-right: 40px;
	padding: 12px 0;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
}
.companyArea .inner dl dd {
	font-size: 15px;
}

/*map*/
.companyArea .map {
	height: 360px;
	background-color: #eee;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.companyArea .map div {
	font-weight: 700;
	font-size: 18px;
}

@media screen and (max-width: 1200px) {
}	

@media screen and (max-width: 1000px) {
/* companyArea */
	.companyArea .inner {
		padding: 40px 6vw 30px;
	}
	.companyArea .inner dl dt {
		width: 140px;
		margin-right: 20px;
		font-size: 16px;
	}
	.companyArea .inner dl dd {
		font-size: 14px;
	}
}	

@media screen and (max-width: 767px) {
/* companyArea */
	.companyArea .inner dl {
		display: block;
		margin-bottom: 20px;
	}
	.companyArea .inner dl dt {
		width: 100%;
		font-size: 15px;
		margin-right: 0;
	}
	.companyArea .inner dl dd {
		padding: 16px 20px;
	}
	
	/*map*/
	.companyArea .map {
		height: 300px;
	}
}	

@media screen and (max-width: 600px) {
/* companyArea */
	.companyArea .inner dl dd {
		padding: 16px 10px;
		line-height: 1.4;
	}

	/*map*/
	.companyArea .map {
		height: 200px;
	}
}	


