@charset "UTF-8";
/*----------------------------------------

	index CSS

-----------------------------------------*/
.content-head_title img {
	display: inline-block;
	vertical-align: sub;
	width: 96px;
}
@media print, screen and (min-width:768px) {
	.content-head_title img {
		width: 128px;
	}
}

.map > ul > li:not(:last-child) {
	margin: 0 0 10px;
}
.map > ul > li > a {
	display: flex;
	position: relative;
	padding: 9px 30px 9px 9px;
	border: 2px solid;
}
.map > ul > li:nth-child(1) > a {border-color: #ce8101;}
.map > ul > li:nth-child(2) > a {border-color: #fe6b59;}
.map > ul > li:nth-child(3) > a {border-color: #710fbc;}
.map > ul > li:nth-child(4) > a {border-color: #8dc337;}
.map > ul > li:nth-child(5) > a {border-color: #f1f122;}
.map > ul > li:nth-child(6) > a {border-color: #f08300;}
.map > ul > li > a::after {
	content: '';
	position: absolute;
	top: calc(50% - 5px);
	right: 15px;
	width: 10px;
	height: 10px;
	border-width: 0 2px 2px 0;
	border-style: solid;
	border-color: #000;
	transform: rotate(-45deg);

}
.map > ul > li > a > figure {
	width: 80px;
	margin: 0 10px 0 0;
}
.map > ul > li > a > div {
	flex: 1;
}
.map > ul > li > a > div > p {
	margin: 0;
	line-height: 1.2;
}
.map > ul > li > a > div > p:nth-child(1) {
	display: table;
	margin-bottom: 2px;
	padding: 2px 10px;
	border-radius: 100px;
	background: #ddd;
	color: #000;
	font-size: 0.9rem;
}
.map > ul > li:nth-child(1) > a > div > p:nth-child(1) {background: #c88618;}
.map > ul > li:nth-child(2) > a > div > p:nth-child(1) {background: #fe6b59;}
.map > ul > li:nth-child(3) > a > div > p:nth-child(1) {background: #b27ddb;}
.map > ul > li:nth-child(4) > a > div > p:nth-child(1) {background: #9bcd4c;}
.map > ul > li:nth-child(5) > a > div > p:nth-child(1) {background: #f1f13c;}
.map > ul > li:nth-child(6) > a > div > p:nth-child(1) {background: #ed9224;}
.map > ul > li > a > div > p:nth-child(2) {
	color: #000;
	font-weight: 700;
}
@media print, screen and (min-width:768px) {
	.map {
		position: relative;
	}
	.map > ul > li {
		position: absolute;
		top: 0;
		margin: 0;
		opacity: 0;
	}
	.map > ul > li:nth-child(1) {
		top: 7.4%;
		left: 52.7%;
		width: 15.5%;
		height: 34%;
	}
	.map > ul > li:nth-child(2) {
		top: 18.4%;
		left: 26.6%;
		width: 21.5%;
		height: 27%;
	}
	.map > ul > li:nth-child(3) {
		top: 64.4%;
		left: 29.7%;
		width: 19.5%;
		height: 27%;
	}
	.map > ul > li:nth-child(4) {
		top: 15.8%;
		left: 70.4%;
		width: 15.5%;
		height: 34%;
	}
	.map > ul > li:nth-child(5) {
		top: 59%;
		left: 54%;
		width: 19.5%;
		height: 27%;
	}
	.map > ul > li:nth-child(6) {
		top: 0.4%;
    	left: 21.7%;
    	width: 15.5%;
    	height: 23%;
	}
	.map > ul > li > a {
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
}
