/* CSS Document */
.pc {
	display: inherit;
}
.sp {
	display: none;
}

.btn a {
  display: block;
  position: relative;
  margin: 1em auto;
  padding: 1em 2em;
  width: 50%;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  background-color:rgba(32,128,255,1.00);
  border-radius: 50vh;
  transition: 0.3s;
	text-decoration: none;
	text-shadow: none;
}

.btn a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color:rgba(255,255,255,1.0);
	color: rgba(32,128,255,1.00);
  border-radius: 50vh;
}

.btn a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 3px solid rgba(0,81,255,1.00);
  border-right: 3px solid rgba(0,81,255,1.00);
}

.btn a:hover {
  text-decoration: none;
  background-color:rgba(0,81,255,1.00);
}

.btn2 a {
  display: block;
  position: relative;
  margin: 1em auto;
  padding: 1em 2em;
  width: 50%;
  color: #fff;
  font-size: 120%;
  font-weight: 700;
  background-color:rgba(234,79,0,1.00);
  border-radius: 50vh;
  transition: 0.3s;
	text-decoration: none;
	text-shadow: none;
}

.btn2 a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 50px;
  height: 50px;
  background-color:rgba(255,255,255,1.0);
	color: rgba(234,79,0,1.00);
  border-radius: 50vh;
}

.btn2 a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 32px;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 3px solid rgba(234,79,0,1.00);
  border-right: 3px solid rgba(234,79,0,1.00);
}

.btn2 a:hover {
  text-decoration: none;
  background-color:rgba(255,113,0,1.00);
}

.txt_center {
	text-align: center;
}
/*------------------------------------------------------------------------------*/
/*-- スマホ用 --*/
@media screen and (max-width: 999px) {/* 1000px以下*/
	.pc {
		display: none;
	}
	.sp {
		display: inherit;
	}
	.btn a {
		padding: 0.25em 0.5em;
		width:80%;
	}
	.btn a::before {
		width:1em;
		height: 1em;
	}
	.btn a::after {
		right: 0.85em;
	}

	.btn2 a {
		padding: 0.25em 0.5em;
		width:80%;
	}
	.btn2 a::before {
		width:1em;
		height: 1em;
	}
	.btn2 a::after {
		right: 0.85em;
	}

	
}