.btn{
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 270px;
	height: 55px;
	color: #333;
	font-size: 1rem;
	font-weight: 700;
	text-decoration: none;
	transition: 0.3s;
}

.btn a:hover {
	color: #f2f2f2;
}

.btn07 a {
	background-color: #bbf;
	border: 1px solid transparent;
	border-radius: 35px;
}

.btn07 a::before {
	content: '';
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	width: 20px;
	height: 20px;
	background-color: transparent;
	border: 1px solid #333;
	border-radius: 50%;
}

.btn07 a::after {
	content: '';
	position: absolute;
	top: calc(50% - 1px);
	right: 27px;
	transform: rotate(45deg) translateY(-50%);
	width: 6px;
	height: 6px;
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #333 #333 transparent transparent;
}

.btn07 a:hover {
	background-color: #55f;
	border: 1px solid #333;
}

.btn07 a:hover::before {
	border: 1px solid #f2f2f2;
}

.btn07 a:hover::after {
	border-color: #f2f2f2 #f2f2f2 transparent transparent;
}


/*--- メールフォームボタン定義START ---*/

.button_wrapper{
  text-align:center;
}

.mf_button, .mf_button_a{
  font-size: 1.1rem;
  font-weight: bold;
  outline: 0;
  border: 1;
  cursor: pointer;
  padding: 15px;
  border-radius:5px;
  background: #FFFFFF;
  color: #000000;
}

.mf_button:hover {
  background: #000000;
  color: #FFFFFF;
}

.mf_button_a a{
  text-decoration: none;
  width:100%;
  color: #000;
}

/*--- メールフォームボタン定義END ---*/

.button-normal a {
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  color: #fff;
  background: #333;
  border: solid 3px #333;
  display: block;
  box-sizing: border-box;
  max-width: 300px;
  text-align: center; 
  padding: 16px 64px;
  margin: 24px;
  margin-inline: auto;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s;
}

.button-normal a:hover {
  color: #333;
  background: initial;
  transition: all 0.3s;
  font-weight: 700;
}