@charset "utf-8";

.image {
	width:300px;
	float:left;
}

.text {
	width:310px;
	float:right;
}

.memo {
	margin-top:1em;
	padding:1em;
	border:solid 1px #CACACA;
	background-color:#F6F6F6;
}

.map {
    width:280px;
    height:520px;
	float:left;
    border:1px solid #CACACA;
}

.map_text {
	width:230px;
	float:right;
}
.map_memo {
	height:520px;
	border:solid 1px #CACACA;
	background-color:#F6F6F6;
}
.map_text ul {
	padding:1em;
}

.map_title {
	font-weight:bold;
	color:#FFFFFF;
	background-color:#505050;
	padding:5px 10px;
}

.btn-simple-solid {
  background: #f6f0fa;
  color: #7c08c7;
  border-width: 1px;
  border-color: #d1c9d6;
  padding: 12px 32px;
  font-size: 16px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.3s ease;
  
  &:hover {
    background: #fbfafc;
    transform: translateY(-2px);
  }
  
  &:active {
    transform: translateY(0);
  }
}