@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
}
.form-container {
	background: url(../img/_form-bg.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	width: 100vw;
	height: clamp(310px, 82vw, 631px);
	position: relative;
}
.form-inner {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.form-logo {
	width: clamp(340px, 40vw, 690px);
	margin: calc(-100% + 88%) auto;
	position: relative;
	top: 0;
	/*   transform: translate(-50%, -72%); */
}
.form-link-btn {
	width: clamp(287px, 30vw, 585px);
	position: relative;
	top: 30px;
	/*   transform: translate(-50%, 8%); */
}
.sp-btn {
	display: none;
}

@media screen and (max-width: 768px) {
	.form-container {
		background: url(../img/_form-bg-sp.jpg) no-repeat;
		background-position: bottom center;
		background-size: cover;
	}
	.form-logo {
		width: clamp(340px,60vw,460px);
		margin: calc(-100% + 83%) auto;
		top: 5px;
		/*     top: 50%; */
		/*     left: 50%; */
		/*     transform: translate(-51%, -72%); */
	}
	.form-link-btn {
		width: 287px;
		/*     transform: translate(-50%, -2%); */
	}
	.pc-btn {
		display: none;
	}
	.sp-btn {
		display: block;
	}
}

.bottom__apply-btn {
	height: clamp(50px, 13.6vw,72px);
	position: relative;
	top: 30px;
}
.btn-bg-w {
	background-color: #fff;
	height: 100%;
	border-radius: 120px;
}
.bottom__apply-btn a {
	background-color: #ef857d;
	background-image: linear-gradient(45deg, rgba(255, 112, 101, 1) 35%, rgba(250, 156, 102, 1) 100%, rgba(254, 220, 64, 1));
	background-image: -moz-linear-gradient(45deg, rgba(255, 112, 101, 1) 35%, rgba(250, 156, 102, 1) 100%, rgba(254, 220, 64, 1));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 112, 101, 1) 35%, rgba(250, 156, 102, 1) 100%, rgba(254, 220, 64, 1));
	background-image: -ms-linear-gradient(45deg, rgba(255, 112, 101, 1) 35%, rgba(250, 156, 102, 1) 100%, rgba(254, 220, 64, 1));
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	padding: 0 100px;
	border-radius: 120px;
	box-shadow: 3px 3px 15px #000;
}
.bottom__apply-btn img {
	width: 40px;
}
.bottom__apply-btn p {
	font-size: clamp(1.5rem, 4vw, 2rem);
	font-weight: 600;
	color: #fff;
	padding-left: 15px;
}

@media screen and (max-width: 768px) {
	.bottom__apply-btn {
		height: clamp(50px, 13.6vw,72px);
		position: relative;
		top: 40px;
	}
	.bottom__apply-btn a {
		padding: 0 15px;
	}
	.bottom__apply-btn p {
		font-weight: 600;
		letter-spacing: 0em;
		padding-left: 8px;
	}
}