@charset "UTF-8";
/* CSS Document */





	
	
/* kv
--------------------- */
#kv {
	background: #F2F2F2;
	padding-top: 175px;
	padding-bottom: 70px;
}
	#kv h1 {
		font-size: 3.4rem;
		font-weight: 700;
		line-height: 1.3em;
		text-align: center;
	}
@media screen and (max-width: 1024px) {
	#kv {
		padding-top: 135px;
		padding-bottom: 65px;
	}
		#kv h1 {
			font-size: 3.0rem;
		}
}
@media screen and (max-width: 768px) {
	#kv {
		padding-top: 110px;
		padding-bottom: 40px;
	}
		#kv h1 {
			font-size: 2.2rem;
		}
}





	
	
/* cta
--------------------- */
#cta {
	padding: 60px 0 100px 0;
}
	#cta .inner {
		width: 800px;
		padding: 0;
	}
		#cta .txt {
			letter-spacing: 0;
			margin-bottom: 40px;
		}


		#cta table {
			width: 100%;
			border-collapse: collapse;
			margin-bottom: 50px;
		}
			#cta table th {
				width: 250px;
				border-top: solid 1px #ddd;
				border-bottom: solid 1px #ddd;
				padding: 20px 0;
				font-size: 1.4rem;
				font-weight: 500;
				letter-spacing: 0;
				text-align: left;
				position: relative;
			}
				#cta table th span {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 40px;
					height: 24px;
					background: #FCEFEF;
					border-radius: 5px;
					font-size: 1.1rem;
					color: #c3002e;
					font-weight: 600;
					text-align: center;
					position: absolute;
					top: 50%;
					right: 15px;
					margin-top: -12px;
				}

			#cta table td {
				width: -webkit-calc(100% - 250px);
				width: calc(100% - 250px);
				border-top: solid 1px #ddd;
				border-bottom: solid 1px #ddd;
				padding: 20px 0 20px 0;
				letter-spacing: 0;
			}
				#cta table td .txtbox {
					width: 100%;
					background: #F5F5F5;
					font-size: 1.6rem;
					border-radius: 5px;
					border: none;
					padding: 20px 15px;
				}
				#cta table td .txtbox.half {
					width: 50%;
				}
				#cta table td textarea {
					width: 100%;
					height: 200px;
					background: #F5F5F5;
					font-size: 1.6rem;
					border-radius: 5px;
					border: none;
					padding: 20px 15px;
				}

				#cta table td .mt {
					margin-top: 12px;
					font-size: 1.2rem;
				}

				.cp_ipselect {
					overflow: hidden;
					width: 50%;
				}
				.cp_ipselect select {
					width: 100%;
					cursor: pointer;
					text-overflow: ellipsis;
					border: none;
					outline: none;
					background: transparent;
					background-image: none;
					box-shadow: none;
					-webkit-appearance: none;
					appearance: none;
				}
				.cp_ipselect select::-ms-expand {
					display: none;
				}
				.cp_ipselect.cp_sl01 {
					position: relative;
					border-radius: 5px;
					background: #F5F5F5;
				}
				.cp_ipselect.cp_sl01::before {
					position: absolute;
					top: 50%;
					right: 15px;
					width: 0;
					height: 0;
					padding: 0;
					margin-top: -5px;
					content: '';
					border-left: 6px solid transparent;
					border-right: 6px solid transparent;
					border-top: 6px solid #666666;
					pointer-events: none;
				}
				.cp_ipselect.cp_sl01 select {
					padding: 20px 15px;
					font-size: 1.6rem;
				}


		#cta .check {
			text-align: center;
		}


		#cta .btn-list {
			display: flex;
			display: -webkit-flex;
			justify-content: space-between;
			width: 730px;
			margin: 50px auto 0 auto;
		}


		#cta .submit-btn {
			width: 350px;
			margin: 0 auto;
		}
			#cta .submit-btn input {
				width: 100%;
				height: 70px;
				border: none;
				border-radius: 35px;
				background: #c3002e;
				font-size: 1.8rem;
				font-weight: 700;
				color: #fff;
				text-align: center;
				cursor: pointer;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#cta .submit-btn input:hover {
				background: #000;
			}


		#cta .back-btn {
			width: 350px;
			margin: 0 auto;
		}
			#cta .back-btn input {
				width: 100%;
				height: 70px;
				border: none;
				border-radius: 35px;
				background: #E8E8E8;
				font-size: 1.8rem;
				font-weight: 700;
				text-align: center;
				cursor: pointer;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#cta .back-btn input:hover {
				background: #4B4B4B;
				color: #fff;
			}
@media screen and (max-width: 1024px) {
	#cta .inner {
		width: 80%;
	}
}
@media screen and (max-width: 768px) {
	#cta {
		padding: 40px 0 70px 0;
	}
		#cta .txt {
			font-size: 1.2rem;
			margin-bottom: 30px;
		}


		#cta table {
			margin-bottom: 40px;
			border-bottom: solid 1px #ddd;
		}
			#cta table th {
				display: block;
				width: 100%;
				border-bottom: none;
				padding: 20px 0 15px 0;
				font-size: 1.3rem;
			}
				#cta table th span {
					width: 36px;
					height: 20px;
					font-size: 1.0rem;
					top: 20px;
					right: 0;
					margin-top: 0;
				}

			#cta table td {
				display: block;
				width: 100%;
				border-top: none;
				border-bottom: none;
				padding: 0 0 20px 0;
			}
				#cta table td .txtbox {
					width: 100%;
					font-size: 1.6rem;
				}
				#cta table td .txtbox.half {
					width: 100%;
				}
				#cta table td textarea {
					width: 100% !important;
					height: 200px !important;
					font-size: 1.6rem !important;
					border-radius: 5px !important;
					border: none !important;
					padding: 20px 15px !important;
				}

				.cp_ipselect {
					width: 100%;
				}


		#cta .btn-list {
			display: block;
			width: 100%;
			margin: 40px auto 0 auto;
		}


		#cta .submit-btn {
			width: 100%;
		}
			#cta .submit-btn input {
				height: 60px;
				border-radius: 30px;
			}


		#cta .back-btn {
			width: 100%;
			margin-bottom: 20px;
		}
			#cta .back-btn input {
				height: 60px;
				border-radius: 30px;
			}
}





	
	
/* thanks
--------------------- */
#thanks {
	padding: 60px 0 100px 0;
}
	#thanks .inner {
		width: 800px;
		padding: 0;
	}
		#thanks .txt {
			letter-spacing: 0;
			margin-bottom: 40px;
			text-align: center;
		}

		#thanks .btn {
			width: 250px;
			margin: 0 auto;
		}
			#thanks .btn a {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 60px;
				border: none;
				border-radius: 30px;
				background: #c3002e;
				font-size: 1.6rem;
				font-weight: 700;
				letter-spacing: 0;
				color: #fff;
				text-align: center;
				cursor: pointer;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#thanks .btn a:hover {
				background: #000;
			}
@media screen and (max-width: 1024px) {
	#thanks .inner {
		width: 80%;
	}
}
@media screen and (max-width: 768px) {
	#thanks {
		padding: 40px 0 70px 0;
	}
		#thanks .txt {
			font-size: 1.4rem;
			margin-bottom: 30px;
		}

		#thanks .btn {
			width: 220px;
		}
			#thanks .btn a {
				height: 54px;
				border: none;
				border-radius: 27px;
				font-size: 1.4rem;
				font-weight: 700;
			}
}