@charset "UTF-8";

/*---CVボタン---*/

.button-wrapper {
  position: relative;
  max-width: 800px;
  width:95%;
  height: auto;
  margin: 0 auto;
  padding: 40px 0px 0px;
}

.fv .button-wrapper{
	position: absolute;
	width:95%;
	left: 50%;
	bottom: 10px;
	transform: translateX(-50%);
}

.button-wrapper form,[type="submit"]{
  display: flex;
  position: relative;
  z-index: 1;
  justify-content: center;
	text-align: center;
  align-items: center;
  height: 70px;
  overflow: hidden;
  transition: all 300ms;
  border-radius: 100vh;
  color: var(--white);
  font-size: 1.7rem;
  font-weight: 900;
  width:100%;
}

.button-wrapper .cv-button::before {
	position: absolute;
	content:"";
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  -webkit-animation: shiny-btn1 4000ms ease-in-out infinite;
  animation: shiny-btn1 4000ms ease-in-out infinite;
}
.button-wrapper form:hover {
  transform: translateY(8px);
 }

.button-wrapper img {
  display: block;
  width: 13px;
  height: auto;
  margin-right: 20px;
}

.cv-button{
margin-bottom:15px;
margin-top:10px;
width:100%;
}

.fa-chevron-right{
padding-left:20px;
}

.cv-button_red{
	background:linear-gradient(90deg, #c10000, #890000);
	box-shadow: 0 8px 0 var(--red-02);
	}

form.cv-button_red:hover{
	box-shadow: 0 0 0 var(--red-02);
	}

.cv-button_gold{
background: linear-gradient(90deg, #d3bf4f, #a88c17);
box-shadow: 0 8px 0 var(--gold-02);
}

form.cv-button_gold:hover{
	box-shadow: 0 0 0 var(--gold-02);
	}


.btn__caution {
  display:block;
  margin-top:-10px;
	margin-bottom: 30px;
	color: var(--white);
	font-size: 1.6rem;
  color: #000;
	font-weight: bold;
  text-align: center;
  text-shadow:2px 2px 2px #fff, -2px -2px 2px #fff,
  -2px 2px 2px #fff,  2px -2px 2px #fff,
   2px 0px 2px #fff, -2px  0px 2px #fff,
   0px 2px 2px #fff,  0px -2px 2px #fff;
   margin: 0;
}

@-webkit-keyframes shiny-btn1 {
	0% {
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		transform: scale(100) rotate(45deg);
		opacity: 0;
	}
}

@keyframes shiny-btn1 {
	0% {
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}

	80% {
		transform: scale(0) rotate(45deg);
		opacity: 0.5;
	}

	81% {
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}

	100% {
		transform: scale(100) rotate(45deg);
		opacity: 0;
	}
}


@media screen and (min-width: 768px) {

	/*---CVボタン---*/

	.fv .button-wrapper {
		width: 100%;
		max-width: 800px;
	}
	
	.button-wrapper a {
    font-size: 1.9rem;
	}

	.button-wrapper form,[type="submit"]{
		padding-left:20px;
		cursor:pointer;
	  }

	.button-wrapper img {
	margin-right: 30px;
	}
}