@charset "utf-8";

/* subhead */
.map_sub_head{
	position: relative;
	/* margin: 130px auto 0; */
}
.map_sub_head img{
	object-fit: cover;
    height: 200px;
	width: 100%;
}
.map_sub_head h1{
	position:absolute;
	font-size: 24px;
	letter-spacing: 4px;
	top:50%;
	left:50%;
	width: 100%;
    text-align: center;
	color:#fff;
	transform: translate(-50%,-50%);
}
section{
	margin:0;
}
/* map */

.map_info{
	/* max-width:1000px; */
	/* margin: 60px auto 100px; */
	/* text-align:
	center; */
}

.map_info h2{
	font-size: 18px;
	text-align:
	left;
	letter-spacing: 1px;
	padding: 0;
	margin-bottom: 20px;
}

.map_cap{
	padding-top: 40px;
}

.map_cap p{
	/* color: #001a37; */
	text-align: center;
}

.g-map a {
    border: 1px solid #000;
    padding: 20px 5px;
    font-size: 20px;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.095em;
    text-align: center;
    margin: 40px auto 0;
    display: block;
    color: #000;
    text-decoration: none;
    width:45%;
	transition:0.5s;
}
.g-map a:hover{
	background:#01375e;
	transition:0.5s;
	color:#fff;
}

/* スマホ */

@media (max-width: 960px){
.map_sub_head {
    /* margin: 80px auto 0; */
}
}


@media (max-width: 768px){

.map_cap p{
    letter-spacing: 1px;
}
}

@media (max-width: 650px){

.map_sub_head img{
    height: 100px;
}

.map_sub_head h1{
	font-size: 18px;
}

.map_cap p{
	font-size: 14px;
}

.map_info h2 {
    /* padding: 5px 0; */
    /* margin: 40px 0 0; */
    font-size: 14px;
    margin-bottom: 15px;
}

.g-map a {
	font-size: 14px;
	width: 70%;
	padding: 15px 5px;
}
}

@media (max-width: 320px){
.map_cap p{
	font-size:12px;
}
}