@charset "UTF-8";

/*
---------------------------------------------------------- */
#contactForm {
	margin-top: 35px;
}
	#contactForm .errorText {
		color: #d51717;
	}
	#contactForm > ul {
		position: relative;
		margin-bottom: 840px;
		padding: .9em 2em;
		height: 47px;
		background-color: #f3f4f8;
	}
	#contactForm.confirm > ul {
		margin-bottom: 500px;
  }
	@media screen and (max-width: 767px) {
		#contactForm > ul {
			padding: .9em;
			margin-bottom: 1670px;
			height: auto;
		}
    #contactForm.confirm > ul {
      margin-bottom: 1100px;
    }
	}
		#contactForm > ul > li {}
		@media screen and (max-width: 767px) {
			#contactForm > ul > li {
				display: block;
				overflow: hidden;
			}
		}
		#contactForm > ul > li > input {
			float: left;
			margin: 5px 5px 0 0;
		}
		@media screen and (max-width: 767px) {
			#contactForm > ul > li > input {
				margin-left: 5px;
			}
		}
		#contactForm > ul > li > label {
			float: left;
			margin-right: 2em;
			font-size: 14px;
			font-weight: bold;
		}
		#contactForm > ul > li > div.cf_inner {
			display: none;
			position: absolute;
			top: 65px;
			left: 0;
			width: 100%;
		}
		@media screen and (max-width: 767px) {
			#contactForm > ul > li > div.cf_inner {
				top: 75px;
			}
		}
		#contactForm > ul > li > input:checked ~ div.cf_inner {
			display: block;
		}
			#contactForm > ul > li table {
				width: 100%;
				font-size: 12px;
			}
			@media screen and (max-width: 767px) {
				#contactForm > ul > li table tbody {
					display: block;
				}
					#contactForm > ul > li table tbody tr {
						display: block;
						width: 100%;
					}
			}
				#contactForm > ul > li table th,
				#contactForm > ul > li table td {
					border: 1px solid #d6d6d6;
					vertical-align: middle;
					text-align: left;
				}
				@media screen and (max-width: 767px) {
					#contactForm > ul > li table th,
					#contactForm > ul > li table td {
						display: block;
					}
					#contactForm > ul > li table tr + tr th,
					#contactForm > ul > li table tr + tr td,
					#contactForm > ul > li table th + td,
					#contactForm > ul > li table td + th {
						border-top: none;
					}
				}
				#contactForm > ul > li table th {
					padding: 8px 15px;
					width: 179px;
					background-color: #e6e6e6;
					font-weight: bold;
				}
				@media screen and (max-width: 767px) {
					#contactForm > ul > li table th {
						width: 100%;
					}
						#contactForm > ul > li table th br {
							display: none;
						}
				}
					#contactForm > ul > li table th span.ico_required {
						display: inline-block;
						float: right;
						margin-top: 2px;
						padding-top: 1px;
						width: 39px;
						height: 19px;
						background-color: #f1af00;
						font-size: 11px;
						font-weight: bold;
						text-align: center;
					}
					@media screen and (max-width: 767px) {
						#contactForm > ul > li table th span.ico_required {
							margin-top: 0;
							padding-top: 3px;
						}
					}
				#contactForm > ul > li table td {
					padding: 8px;
				}
				@media screen and (max-width: 767px) {
					#contactForm > ul > li table td {
						padding: 15px 8px;
					}
				}
					#contactForm > ul > li table td input,
					#contactForm > ul > li table td select {
						position: relative;
						display: block;
						width: 295px;
						height: 29px;
					}
					#contactForm > ul > li table td select[size] {
						height: auto;
					}
					@media screen and (max-width: 767px) {
						#contactForm > ul > li table td input,
						#contactForm > ul > li table td select {
							position: relative;
							display: block;
							border: 1px solid #d6d6d6;
							width: 100%;
							height: auto;
						}
					}
					#contactForm > ul > li table td input {
						padding: 3px 10px;
					}
					#contactForm > ul > li table td textarea {
						width: 295px;
						height: 230px;
					}
					@media screen and (max-width: 767px) {
						#contactForm > ul > li table td textarea {
							resize: vertical;
							border: 1px solid #d6d6d6;
							width: 100%;
							height: auto;
						}
					}
					#contactForm > ul > li table td p.errorText {
						font-size: 10px;
						color: #d51717;
					}
						#contactForm > ul > li table td dl {
						}
							#contactForm > ul > li table td dl dt {
								clear: left;
								float: left;
								padding-top: 3px;
								width: 90px;
								min-height: 29px;
							}
							@media screen and (max-width: 767px) {
								#contactForm > ul > li table td dl dt {
									float: none;
									width: 100%;
								}
							}
							#contactForm > ul > li table td dl dd {
								overflow: hidden;
								margin-bottom: 8px;
							}
							#contactForm > ul > li table td dl dd:last-child {
								margin-bottom: 0;
							}
								#contactForm > ul > li table td dl dd input,
								#contactForm > ul > li table td dl dd select {
									width: 205px;
								}
								@media screen and (max-width: 767px) {
									#contactForm > ul > li table td dl dd input,
									#contactForm > ul > li table td dl dd select {
										width: 100%;
									}
								}
			ul.cf_button {
				margin-top: 20px;
				text-align: center;
			}
				ul.cf_button li {
					display: inline-block;
					margin: 0 10px;
				}
				@media screen and (max-width: 767px) {
					ul.cf_button li {
						margin: 0;
						padding: 0 10px;
						width: 48%;
					}
				}
				ul.cf_button li input,
				ul.cf_button li a {
					cursor: pointer;
					display: inline-block;
					border: none;
					border-radius: 4px;
					width: 309px;
					height: 58px;
					background-color: #f3f4f8;
					font-weight: bold;
					color: #0e2a7f;
					text-decoration: none;
				}
				ul.cf_button li a {
					padding-top: 1.2em;
				}
				@media screen and (max-width: 767px) {
					ul.cf_button li input,
					ul.cf_button li a {
						display: block;
						padding: .5em 0;
						width: 100%;
						height: auto;
						font-size: 14px;
					}
				}
				ul.cf_button li input.cfb_send {
					background-color: #f1af00;
					font-size: 18px;
					color: #fff;
				}
				@media screen and (max-width: 767px) {
					ul.cf_button li input.cfb_send {
						font-size: 14px;
					}
				}
				ul.cf_button li input:hover,
				ul.cf_button li a:hover {
					opacity: .8;
				}
div.completeMessage {
	padding: 45px;
	background-color: #f3f4f8;
	text-align: center;
}
	div.completeMessage h2 {
		margin-bottom: .5em;
		font-size: 22px;
		font-weight: bold;
	}




.agreementConfirm{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 10px;
}
.agreementConfirm span.ico_required {
	display: inline-block;
	float: right;
	margin-left: 8px;
	padding-top: 1px;
	width: 39px;
	height: 19px;
	background-color: #f1af00;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
}
.agreementConfirmText{
	text-align: center;
	color: #ff0000;
}
.agreementConfirmErrorText{
	text-align: center;
	font-size: 10px;
    color: #d51717;
	margin-top: -10px;
}
@media screen and (max-width: 767px) {
	.agreementConfirm{
		align-items: baseline;
	}

	.agreementConfirm span.ico_required {
		margin-top: 0;
		padding-top: 3px;
	}

	.agreementConfirmText{
		text-align: left;
	}
}


	/*
---------------------------------------------------------- */
.error_js {
	font-weight: bold;
	color: #ff0000;
}
.error_mes01 {
	color: #ff0000;
}

.entry_req01 {
	color: #ff0000;
}