.gmap {
	margin: 0 0 20px 0;
}
.gmap iframe {
	width: 100%;
	height: 500px;
}
.accessinfo {
	background: #f7f0f8;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid  #af48b8;
	border-radius: 4px;
	margin: 20px 0;
}
.accessinfo p {
	font-size: 1.5rem;
}
.rootbox {
	display: flex;
	flex-wrap: wrap;
}
.rootbox li {
	width: 32.4%;
	margin: 0 5px 10px 5px;
}
.rootbox li figure {
position: relative;
	margin-bottom: 5px;
}
.rootbox li figure img {
width: 100%;
height: 350px;
	object-fit: cover;
}

.rootbox li figure .circle{
	position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #af48b8;
  text-align:center;
  line-height: 50px;
	font-size: 2rem;
	font-weight: bold;
	top:-10px;
	left: 5px;
	color:#fff;
}
.rootbox li figure .arrow{
	position: absolute;
	width: 50px;
	right:5px;
	bottom:5px;
}
.rootbox li figure .arrow img {
	width: 100%;
height: auto;
}

.rootbox li  p {
position: relative;
font-size: 1.5rem;
}



@media screen and (max-width: 834px) {
.gmap {
	margin: 0 0 20px 0;
}
.gmap iframe {
	width: 100%;
	height: 250px;
}
.accessinfo {
	background: #f7f0f8;
	padding: 20px;
	box-sizing: border-box;
	border: 1px solid  #af48b8;
	border-radius: 4px;
	margin: 20px 0;
}
.accessinfo p {
	font-size: 1.4rem;
}
.rootbox {
	display: flex;
	flex-wrap: wrap;
}
.rootbox li {
	width: 100%;
	margin: 0 0 15px 0;
}
.rootbox li figure {
position: relative;
	margin-bottom: 5px;
}
.rootbox li figure img {
width: 100%;
height: 350px;
	object-fit: cover;
}

.rootbox li figure .circle{
	position: absolute;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #af48b8;
  text-align:center;
  line-height: 50px;
	font-size: 2rem;
	font-weight: bold;
	top:-10px;
	left: 5px;
	color:#fff;
}
.rootbox li figure .arrow{
	position: absolute;
	width: 50px;
	right:5px;
	bottom:5px;
}
.rootbox li figure .arrow img {
	width: 100%;
height: auto;
}

.rootbox li  p {
position: relative;
font-size: 1.5rem;
}
}