@charset "utf-8";
@import url("common.css");

.flexBox div p {
	margin-bottom: 2rem;
}

.flexBox div ul li.bottan a {
	width: 100%;
}

.map_in {
    max-width: 1000px;
    margin: 0 auto;
}

.map_image {
    margin-bottom: 30px;
}

.map_in .flexBox {
    justify-content: center;
}
.map_in .flexBox li {
    margin: 0 10px;
}

.map_info {
    max-width: 900px;
    margin: 0 auto 80px;
}


.map_info h3 {
        font-size: 150%;
    border-bottom: 1px solid #333;
    padding-bottom: 0.6rem;
    margin-bottom: 1rem;
}
.map_info p {
    margin-bottom: 2rem;
}




@media screen and (min-width: 320px) and (max-width: 767px)  {	
	.flexBox div:first-child {
		margin-bottom: 2rem;
	}
	
	.map_in .flexBox li {
        margin: 0 2%;
    width: 45%;
}
    
    .map_in .flexBox .bottan a {
            font-size: min(2vw,16px);
    }  
    
    .map_info h3 {
        font-size: 120%;
}
    
    
}

@media screen and (min-width: 768px) { 	
	h3 {
		margin-bottom: 1rem;
	}
	
	.flexBox div {
		width: 100%;
	}
	
	.map_in ul.flexBox {
		justify-content: center;
	}
	
	.map_in .flexBox li {
       width: auto;
}
 .map_in .flexBox .bottan a {
      font-size: min(2vw,16px);
    }   
    
    
}

/*追加*/
.mapContents {
	margin-top: 0 !important;
	padding-top: 0 !important;
}