@charset "UTF-8";



	
/* contact-list
------------------------------  */
#contact-list .box {
	width: 48%;
	border-radius: 1vw;
	padding: 4vw;
}
	#contact-list .box h2 {
		font-size: 1.8vw;
		font-weight: 700;
		line-height: 1.5em;
		text-align: center;
		margin-bottom: 1.5vw;
	}

	#contact-list .box .btn {
		margin: 2vw auto 0 auto;
	}
@media screen and (max-width: 767px) {
	#contact-list .inner-detail {
		display: block;
	}
		#contact-list .box {
			width: 100%;
			border-radius: 2vw;
			padding: 7vw;
			margin-bottom: 6vw;
		}
		#contact-list .box:nth-last-child(1) {
			margin-bottom: 0;
		}
			#contact-list .box h2 {
				font-size: 4.8vw;
				margin-bottom: 3vw;
			}
	
			#contact-list .box .txt-18 {
				font-size: 3.8vw;
			}

			#contact-list .box .btn {
				margin: 5.5vw auto 0 auto;
			}
}



	
/* contact-area
------------------------------  */
#contact-area .c-tit {
	text-align: center;
	margin-bottom: 2.5vw;
}
#contact-area .c-tit.confirm {
	display: none;
}
#contact-area.confirm .c-tit.contact {
	display: none;
}
#contact-area.confirm .c-tit.confirm {
	display: block;
	color: #000;
}
	#contact-area .c-tit h2 {
		font-size: 2.4vw;
		font-weight: 700;
		line-height: 1.3em;
		margin-bottom: 1.5vw;
	}

#contact-area .glaybox {
	width: 80%;
	margin: 0 auto 0 auto;
}
	#contact-area .glaybox table {
		width: 100%;
		border-collapse: collapse;
		margin-bottom: 6vw;
	}
		#contact-area .glaybox table th {
			width: 30%;
			line-height: 1.4em;
			text-align: left;
			padding: 1.2vw 0;
		}

		#contact-area .glaybox table td {
			width: 70%;
			padding: 1.2vw 0;
		}
			#contact-area .glaybox table td .textbox {
				width: 100%;
				padding: 1.5vw;
				border: none;
				border-radius: 0.5vw;
				font-size: 1.3vw;
			}
			#contact-area .glaybox table td textarea {
				width: 100%;
				height: 20vw;
				padding: 1.5vw;
				border: none;
				border-radius: 0.5vw;
				font-size: 1.3vw;
			}

			#contact-area .glaybox table td .horizontal-item {
				display: block;
				margin-left: 0 !important;
				margin-bottom: 0.5vw;
			}
			#contact-area .glaybox table td .horizontal-item:nth-last-child(1) {
				margin-bottom: 0;
			}
				#contact-area .glaybox .linktxt a {
					text-decoration: underline;
				}
				#contact-area .glaybox .linktxt a:hover {
					text-decoration: none;
				}

				#contact-area input[type=checkbox].check_btn_item{
					display: none;
				}
				#contact-area label {
					display: inline-block;
				}
				#contact-area .check_btn_item + span {
					padding-left: 2.2vw;
					display: inline-block;
					position: relative;
				}
				#contact-area .check_btn_item + span::after,
				#contact-area .check_btn_item + span::before {
					content: '';
					display: block;
					position: absolute;
					top: 0.6vw;
				}
				#contact-area .check_btn_item + span::before {
					border: 1px solid #BDBFC4;
					background: #fff;
					border-radius: 0.3vw;
					left: 0;
					height: 1.2vw;
					width: 1.2vw;
				}
				#contact-area .check_btn_item + span::after{
					border: none;
					border-right: 0.25vw solid #000;
					border-bottom: 0.25vw solid #000;
					height: 0.6vw;
					left: 0.4vw;
					opacity: 0;
					top: 0.8vw;
					transform: rotate(45deg);
					width: 0.3vw;
				}
				#contact-area .check_btn_item:checked + span::after {
					opacity: 1;
				}

			#contact-area .glaybox .privacy-box {
				background: #fff;
				margin-bottom: 1.5vw;
			}
			#contact-area.confirm .glaybox .privacy-box {
				display: none;
			}
				#contact-area .glaybox .privacy-box .scroll {
					overflow-y: scroll;
					height: 30vw;
					padding: 3vw 4vw;
				}
				#contact-area .glaybox .privacy-box .scroll::-webkit-scrollbar {
					width: 3px;
					height: 3px;
				}
				#contact-area .glaybox .privacy-box .scroll::-webkit-scrollbar-track {
					background: #eeeeee;
				}
				#contact-area .glaybox .privacy-box .scroll::-webkit-scrollbar-thumb {
					background: #727272;
				}
					#contact-area .glaybox .privacy-box .scroll .txt-16 {
						color: #22201E;
						margin-bottom: 1.2vw;
					}
					#contact-area .glaybox .privacy-box .scroll .txt-16:nth-last-child(1) {
						margin-bottom: 0;
					}

			#contact-area .glaybox .check {
				display: flex;
				justify-content: center;
				align-items: center;
			}
			#contact-area.confirm .glaybox .check {
				display: none;
			}

#contact-area.confirm .glaybox {
	width: 100%;
	background: #FFF;
	color: #000;
	padding: 5vw 10vw;
	margin: 0 auto 0 auto;
}
	#contact-area.confirm .glaybox table {
		margin-bottom: 4vw;
	}
	#contact-area.confirm .glaybox table.mb0 {
		margin-bottom: 0;
	}
		#contact-area.confirm .glaybox table th {
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			text-align: right;
			padding-right: 4vw;
		}
		#contact-area.confirm .glaybox table.mb0 th,
		#contact-area.confirm .glaybox table.last th {
			border-top: none;
		}

		#contact-area.confirm .glaybox table td {
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
		}
		#contact-area.confirm .glaybox table.mb0 td,
		#contact-area.confirm .glaybox table.last td {
			border-top: none;
		}
			#contact-area.confirm .glaybox table td .linktxt {
				display: none;
			}

#contact-area .contact_submitbtn {
	padding-top: 4vw;
}
#contact-area.confirm .contact_submitbtn {
	margin: auto;
	padding-top: 0;
}
	#contact-area .button {
		width: 28%;
		height: 5vw;
		background: #EAFF01;
		border-radius: 2.5vw;
		border: none;
		font-size: 1.3vw;
		font-weight: 700;
		color: #3D3D3D;
		cursor: pointer;
		transition: 0.3s;
		-webkit-transition: 0.3s;
	}
	#contact-area.confirm .button {
		width: 18%;
		height: 4vw;
		background: #03BFBB;
		color: #fff;
		border-radius: 2vw;
	}
	#contact-area .button:hover {
		background: #fff;
	}
	#contact-area.confirm .button:hover {
		background: #22201E;
	}

	#contact-area .back {
		width: 18%;
		height: 4vw;
		background: #FF1010;
		border-radius: 2vw;
		font-size: 1.3vw;
		color: #fff;
		border: none;
		font-weight: 700;
		cursor: pointer;
		transition: 0.3s;
		-webkit-transition: 0.3s;
		margin-right: 2%;
	}
	#contact-area .back:hover {
		background: #22201E;
	}
@media screen and (max-width: 767px) {
	#contact-area .c-tit {
		margin-bottom: 5vw;
	}
		#contact-area .c-tit h2 {
			font-size: 5.4vw;
			margin-bottom: 3vw;
		}
	
		#contact-area .c-tit .txt-18 {
			font-size: 3.2vw;
		}

	#contact-area .glaybox {
		width: 100%;
		margin: 0 auto 0 auto;
	}
		#contact-area .glaybox table {
			margin-bottom: 4vw;
		}
			#contact-area .glaybox table th {
				display: block;
				width: 100%;
				padding: 3vw 0 4vw 0;
			}


			#contact-area .glaybox table td {
				display: block;
				width: 100%;
				padding: 0 0 6vw 0;
			}
				#contact-area .glaybox table td .textbox {
					width: 100%;
					padding: 5vw;
					border-radius: 1vw;
					font-size: 4.0vw;
				}
				#contact-area .glaybox table td textarea {
					width: 100% !important;
					height: 40vw !important;
					padding: 5vw !important;
					border-radius: 1vw !important;
					font-size: 4.0vw !important;
				}

				#contact-area .glaybox table td .horizontal-item {
					margin-bottom: 2vw;
				}
					#contact-area .check_btn_item + span {
						padding-left: 6vw;
					}
					#contact-area .check_btn_item + span::after,
					#contact-area .check_btn_item + span::before {
						top: 1.9vw;
					}
					#contact-area .check_btn_item + span::before {
						border-radius: 1vw;
						height: 3.4vw;
						width: 3.4vw;
					}
					#contact-area .check_btn_item + span::after{
						border-right: 0.8vw solid #000;
						border-bottom: 0.8vw solid #000;
						height: 1.2vw;
						left: 1.1vw;
						top: 2vw;
						width: 0.6vw;
					}

				#contact-area .glaybox .privacy-box {
					margin-bottom: 4vw;
				}
					#contact-area .glaybox .privacy-box .scroll {
						height: 60vw;
						padding: 5vw 6vw;
					}
						#contact-area .glaybox .privacy-box .scroll .txt-16 {
							font-size: 3.4vw;
							margin-bottom: 4vw;
						}

	#contact-area.confirm .glaybox {
		width: 100%;
		background: #FFF;
		color: #000;
		padding: 5vw 8vw 8vw 8vw;
		margin: 0 auto 0 auto;
	}
		#contact-area.confirm .glaybox table {
			margin-top: 6vw;
			margin-bottom: 8vw;
			border-bottom: solid 1px #ddd;
		}
		#contact-area.confirm.entry .glaybox table {
			margin-top: 0;
			margin-bottom: 0;
			border-bottom: none;
		}
		#contact-area.confirm.entry .glaybox table.last {
			border-top: solid 1px #ddd;
			border-bottom: solid 1px #ddd;
			margin-bottom: 8vw;
		}
			#contact-area.confirm .glaybox table th {
				border-bottom: none;
				text-align: left;
				padding-right: 0;
				padding-top: 6vw;
				padding-bottom: 1.4vw;
			}
			#contact-area.confirm .glaybox table.mb0 th {
				border-top: solid 1px #ddd;
			}

			#contact-area.confirm .glaybox table td {
				border-top: none;
				border-bottom: none;
			}

	#contact-area .contact_submitbtn {
		padding-top: 10vw;
	}
		#contact-area .button {
			width: 60%;
			height: 14vw;
			border-radius: 7vw;
			font-size: 4.0vw;
		}
		#contact-area.confirm .button {
			width: 48%;
			height: 12vw;
			border-radius: 6vw;
			font-size: 4.0vw;
		}


		#contact-area .back {
			width: 48%;
			height: 12vw;
			border-radius: 6vw;
			font-size: 4.0vw;
			margin-right: 4%;
		}
}



	
/* thanks-area
------------------------------  */
#thanks-area h2 {
	font-size: 2.6vw;
	font-weight: 700;
	line-height: 1.5em;
	padding-bottom: 2vw;
	margin-bottom: 2.2vw;
	border-bottom: solid 1px rgba(255,255,255,0.3);
}

#thanks-area .btn {
	margin-top: 3vw;
}
@media screen and (max-width: 767px) {
	#thanks-area h2 {
		font-size: 5.2vw;
		padding-bottom: 4.5vw;
		margin-bottom: 5vw;
	}

	#thanks-area .btn {
		margin: 8vw auto 0 auto;
	}
}



	
/* read
------------------------------  */
#read h2 {
	font-size: 2.6vw;
	font-weight: 700;
	line-height: 1.6em;
	text-align: center;
	padding-bottom: 5vw;
	border-bottom: solid 1px rgba(255,255,255,0.3);
}
@media screen and (max-width: 767px) {
	#read h2 {
		font-size: 5.2vw;
		padding-bottom: 10vw;
	}
}