@charset "UTF-8";

.low.areamap .secttl {
	margin-bottom: 30px;
}

/* -------------------------------------
map
------------------------------------- */
.areamap #map .imgbk.main {
	margin-bottom:70px;
	overflow-x: scroll;
}
.areamap #map .imgbk.main .img {
	min-width:850px;
}

/* -------------------------------------
facility
------------------------------------- */
.areamap #facility #fac-list {
	justify-content: space-between;
}
.areamap #facility #fac-list li {
		width:50%;
		margin-bottom:25px;
		border-right:1px solid #e6e6e6;
}
.areamap #facility #fac-list li:nth-child(odd) {
	border-left:1px solid #e6e6e6;
}
.areamap #facility #fac-list li a {
	display: flex;
	padding:30px;
	justify-content: space-between;
}

.areamap #facility #fac-list .imgbk {
	width:calc((100% - 20px )*.46);
	max-width:216px;
	min-width:120px;
}
.areamap #facility #fac-list .txtbk {
	width:calc((100% - 20px )*.54);
	max-width:256px;
}
.areamap #facility #fac-list .sttl {
	font-size:18px;
}
.areamap #facility #fac-list .sttl br {
	display:none;
}
.areamap #facility #fac-list p {
	font-size:14px;
}



@media screen and (max-width: 1060px) {
	.areamap #facility #fac-list li a {
		padding:5%;
}
}

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

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

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

@media screen and (max-width: 768px) {
	.areamap #facility #fac-list .sttl br {
		display:block;
	}
}

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

@media screen and (max-width: 640px) {
	/* -------------------------------------
	facility
	------------------------------------- */
	.areamap #facility #fac-list {
		display: block;
	}
	.areamap #facility #fac-list li {
			width:100%;
			border:none;
	}
	.areamap #facility #fac-list li:nth-child(odd) {
		border-left:none;
}
.areamap #facility #fac-list li a {
	padding:0;
}
	.areamap #facility #fac-list .imgbk {
		width:120px;
	}
	.areamap #facility #fac-list .txtbk {
		width:calc(100% - 140px);
		max-width:100%;
	}
}

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


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

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

@media screen and (min-width: 769px) {
}