.subpage_map_box{
	position: relative;
	margin-top: 40px;
}
.subpage_map_bg{
	width: 100%;
	display: block;
}
.subpage_map_img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.subpage_map_text{
	/*width: 100%;
	height: 100%;*/
	max-width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.subpage_map_address{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.subpage_map_address div{
	position: absolute;
	opacity: 0;
}
.map_address01{
	width: 36%;
	height: 24%;
	top: 9%;
	left: 5%;
}
.map_address02{
	width: 34%;
    height: 24%;
    top: 39%;
    left: 23%;
}
.map_address03{
	width: 24%;
    height: 21%;
    top: 21%;
    left: 42%;
}
.map_address04{
	width: 8%;
    height: 30%;
    top: 25%;
    left: 66%;
    z-index: 3;
}
.map_address05{
	width: 12%;
    height: 9%;
    top: 19%;
    left: 71%;
}
.map_address06{
	width: 11%;
    height: 19%;
    top: 30%;
    left: 75%;
    z-index: 3;
}
.map_address07{
	width: 12%;
    height: 19%;
    top: 47%;
    left: 74%;
}
.map_address08{
	width: 15%;
    height: 38%;
    top: 15%;
    left: 84%;
    z-index: 2;
}
.map_address09{
	width: 50%;
    height: 34%;
    bottom: 0%;
    left: 0%;
}


.map_area_box{
	padding-top: 60px;
}
.map_area_table{
	overflow: hidden;
}
.map_area_td{
	float: left;
	width: 48%;
}
.map_area_td02{
	float: right;
	width: 48%;
}
.map_area_title{
	padding: 8px 20px 5px;
}
.area_title_color01{
	background-color: #8dc21f;
}
.area_title_color02{
	background-color: #fff000;
}
.area_title_color03{
	background-color: #f7b52c;
}
.area_title_color04{
	background-color: #ed86b3;
}
.area_title_color05{
	background-color: #ac7cb6;
}
.area_title_color06{
	background-color: #4dbaa9;
}
.area_title_color07{
	background-color: #c3d600;
}
.area_title_color08{
	background-color: #f5ad6a;
}
.area_title_color09{
	background-color: #2ca6e0;
}

.map_area_title a{
	display: block;
}
.map_area_title span{
	font-size: 1.6rem;
	font-weight: bold;
}
.map_area_adder{
	padding: 10px 5px 30px 20px;
}



.map_area_adder span{
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #231815;
	display: inline-block;
}

.map_area_adder a{
	font-size: 1.5rem;
	line-height: 1.5rem;
	color: #231815;
	display: inline-block;
	padding: 0px 8px;
	margin-bottom: 10px;
	border-right: 1px solid #231815;
}

.map_area_adder a:nth-last-child(1){
	border-right: none;
}


@media screen and (max-width: 1020px) {
	
	.map_area_td {
	    width: 100%;
	}
	.map_area_td02 {
	    width: 100%;
	}
	
	
	
	
}
@media screen and (max-width: 768px) {
	
}
@media screen and (max-width: 480px) {
	
	.map_area_box {
	    padding-top: 40px;
	}
	
}