/*------------------------------------------
マップ
------------------------------------------*/

.gmap {
    position: relative;
    width: 100%;
    /* 16:9のアスペクト比 */
    height: 600px;
}

.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.gmap_btnarea{
	display:flex;
	justify-content:center;
	padding:20px 0;
}
.gmap_btnarea a{
	background:var(--orcher);
	border-radius:20px;
	padding:10px 40px;
	color:#fff;
	font-size:1.6rem;
	font-weight:600;
}




.sec_access{
	background: var(--greengray);
	padding:50px 0;
}
.sec_access_ttl{
	text-align:center;
	padding-bottom:50px;
}
.sec_access_ttl img{
	height:30px !important;
	margin:0px auto 10px;;
}
.sec_access_ttl h3{
	font-size:2.4rem;
	position: relative;
}
.sec_access_ttl h3::before {
  background-color: #fff; /* 線の色 */
  bottom: -20px; /* 線の位置 */
  content: "";
  height: 3px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 60px; /* 線の長さ */
}

.sec_access_point{
	display:flex;
	justify-content:center;
	gap:30px;
	margin-top:60px;
}
.sec_access_point p{
	background:#fff;
	padding:40px 20px;
	font-size:2rem;
	color:var(--red);
	font-weight:600;
	border-radius:15px;
}
.sec_access .table_area{
	max-width:600px;
	margin:40px auto 0;
}

.sec_access_flex{
	display:flex;
	justify-content:center;
	gap:4%;
	flex-wrap:wrap;
}
.sec_1_box{
	width:48%;
}
.sec_1_box h4{
	border-bottom:1px solid var(--greengray);
	padding-bottom:10px;
	margin-bottom:15px;
}
.sec_1_box p{
}
.sec_1_box table{
	font-size:1.4rem;
}
.sec_1_box table td{
	white-space:nowrap;
}
.sec_access_w{
	padding:60px 0;
	background:#fff;
}

.sec_2_box{
	width:48%;
}
.sec_2_box h4{
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:15px;
}
.sec_2_box ul{
	font-size:1.4rem;
	margin-top:15px;
}
.park_catch{
	display:inline-block;
	background: #fff;
	padding: 10px;
	color: var(--red);
	font-weight: 600;
	border-radius: 15px;
	margin-bottom:15px;
}

/*------------------------------------------
responsive
------------------------------------------*/

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


}

@media screen and (max-width: 599px) {
	.sec_access_flex{
		flex-direction:column;
	}
	.sec_1_box{
		width:100%;
	}
	.sec_2_box{
		width:100%;
	}
	.sec_access_point{
		flex-direction:column;
		gap:15px;
	}
	.sec_access_point p{
		text-align:center;
		padding:20px 20px;
		width:80%;
		margin:auto;
	}

}