@charset "UTF-8";

/* ---------------------------------------------------

	Layout - Second Page
	/inquiry/

--------------------------- */

/* ---------------------------------------------------

	Module

--------------------------- */
.f-contactarea { display: none; }

/* ---------------------------------------------------

	Setting

--------------------------- */
input[type=text], input[type=tel], input[type=email], 
textarea,
select {
	background-color: rgba(255, 255, 255, 1);
	border: 1px solid rgba(112, 112, 112, 1);
	display: inline-block;
	font-weight: 400;
	outline: none;
	vertical-align: middle;
	box-sizing: border-box;
	transition: .3s;
	}
input[type=text], input[type=tel], input[type=email] { width: 100%; line-height:1.4; }
label,
input[type=radio] { cursor: pointer; }
textarea {
	vertical-align: bottom;
	resize: vertical;
	width: 100%;
	}
input[type="radio"],
input[type="checkbox"] {
	background-color: rgba(255, 255, 255, 1);
	position: relative;
	}
select { cursor: pointer; }
input[type=text]:focus, input[type=tel]:focus, input[type=email]:focus,
textarea:focus,
select:focus {
	background-color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 30px rgba(0, 0, 0, .3);
	}
select::-ms-expand { display: none; }
[type=submit] { border: none; }
	/* input-number Spinbutton Dsiapper */
	input[type="number"]::-webkit-outer-spin-button,
	input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
		margin: 0;
		}
	input[type="number"] { -moz-appearance: textfield; }
/* ------------------------------------------------ */
@media (min-width: 751px) {
input[type="radio"],
input[type="checkbox"] { margin-right: 5px; }
input[type=text], input[type=tel], input[type=email], 
textarea,
select {
	font-size: 17px;
	padding: 20px 25px;
	border-radius: 5px;
	}
textarea { line-height: 1.75; }
}
/* ------------------------------------------------ */
@media (max-width: 750px) {
input[type="radio"],
input[type="checkbox"] { margin-right: 5px; }
input[type=text], input[type=tel], input[type=email], 
textarea,
select {
	border-width: 1px;
	padding: 15px;
	}
/*input.com-frm-ipt-lrg[type="radio"],
input.com-frm-ipt-lrg[type="checkbox"] {
	border: 1px solid rgba(125, 185, 10, 1);
	border-radius: 50%;
	height: 20px;
	width: 20px;
	}
input.com-frm-ipt-lrg[type="radio"]:checked:before,
input.com-frm-ipt-lrg[type="checkbox"]:checked:before {
	background-image: url(/src/img/common/icon/check-blue.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 12.5px;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	}
select {
	background-color: rgba(255, 255, 255, 1);
	background-image: url(/src/img/common/icon/arrow-facedown-blue.svg);
    background-repeat: no-repeat;
    background-position: right 5px center;
    background-size: 10px;
    padding: 15px 20px 15px 12.5px;
	}*/
}

/* ---------------------------------------------------

	Block

--------------------------- */
.inq-block {}
	.inq-blk-inner {
		margin: 0 auto;
		display: flex;
		align-items: flex-start;
		justify-content: flex-start;
		}
		.inq-blk-ttl {}
		.inq-blk-outline {}
			.inq-blk-outline p {}
/* ------------------------ */
@media (min-width: 751px) {
.inq-block { padding: 100px 60px; }
	.inq-blk-inner { max-width: 1000px; }
		.inq-blk-ttl {
			font-size: 30px;
			line-height: 1.35;
			}
		.inq-blk-outline { margin-top: 40px; }
			.inq-blk-outline p {
				font-size: 17px;
				line-height: 1.75;
				}
}
/* ------------------------ */
@media (max-width: 750px) {
.container {
	padding-left: 0;
	padding-right: 0;
	}
.inq-block { padding: 40px 0; }
	.inq-blk-inner { flex-wrap: wrap; }
		.inq-blk-ttl {
			font-size: 23px;
			line-height: 1.35;
			}
		.inq-blk-outline { margin-top: 25px; }
			.inq-blk-outline p {
				font-size: 14px;
				line-height: 1.75;
				}
}

/* ---------------------------------------------------

	Faq

--------------------------- */
#inq-faq { padding-top: 0; }
	#inq-faq .inq-blk-inner {}
		#inq-faq .inq-blk-ttl {}
		.faq-list {}
			.faq-list dl {
				border: 1px solid rgba(129, 129, 129, 1);
				overflow: hidden;
				border-radius: 10px;
				}
			.faq-list dl:last-child { margin-bottom: 0; }
				.faq-list dl dt {
					position: relative;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					}
				.faq-list dl dt:before,
				.faq-list dl dt:after {
					position: relative;
					display: inline-flex;
					}
				.faq-list dl dt:before {
					content: 'Q';
					font-family: 'Josefin Sans', sans-serif;
					}
				.faq-list dl dt:after {
					background-color: rgba(255, 180, 80, 1);
					background-image: url(/src/img/common/icon/plus-white.svg);
					background-position: center;
					background-repeat: no-repeat;
					content: '';
					border-radius: 100px;
					}
					.faq-list dl dt span {
						width: 100%;
						box-sizing: border-box;
						}
				.faq-list dl dd { background-color: rgba(241, 241, 241, 1); }
					.faq-list dl dd a.tel {
						font-size: 150%;
						font-weight: 700;
						line-height: 1;
						}
	/* Faq > Open */
	.faq-list dl.acd-open dt:after { background-image: url(/src/img/common/icon/minus-white.svg); }
/* ------------------------ */
@media (min-width: 751px) {
#inq-faq {}
	#inq-faq .inq-blk-inner { max-width: 1050px; }
		#inq-faq .inq-blk-ttl { min-width: 210px; }
		.faq-list { padding-left: 60px; }
			.faq-list dl { margin-bottom: 30px; }
				.faq-list dl dt {
					cursor: pointer;
					padding: 30px 35px 25px;
					}
				.faq-list dl dt:before {
					font-size: 30px;
					line-height: 1;
					}
				.faq-list dl dt:after {
					background-size: 20px 20px;
					height: 30px;
					min-width: 30px;
					max-width: 30px;
					}
					.faq-list dl dt span {
						font-size: 17px;
						line-height: 1.5;
						padding: 0 20px;
						}
				.faq-list dl dd {
					font-size: 16px;
					line-height: 2;
					padding: 20px 80px 20px;
					}
}
/* ------------------------ */
@media (max-width: 750px) {
#inq-faq {
	padding-left: 20px;
	padding-right: 20px;
	}
	#inq-faq .inq-blk-inner {}
		.faq-list { margin-top: 30px; }
			.faq-list dl { margin-bottom: 20px; }
				.faq-list dl dt { padding: 20px 15px; }
				.faq-list dl dt:before {
					font-size: 25px;
					line-height: 1;
					}
				.faq-list dl dt:after {
					background-size: 10px 10px;
					height: 20px;
					min-width: 20px;
					max-width: 20px;
					}
					.faq-list dl dt span {
						font-size: 16px;
						line-height: 1.5;
						padding: 0 15px;
						}
				.faq-list dl dd {
					font-size: 14px;
					line-height: 2;
					padding: 20px 25px;
					}
}

/* ---------------------------------------------------

	Form

--------------------------- */
#inq-form { background-color: rgba(241, 242, 245, 1); }
	#inq-form .inq-blk-inner { flex-wrap: wrap; }
	/* Form > List */
	.fom-list { width: 100%; }
		.fom-item {
			border-top: 1px solid rgba(0, 0, 0, .3);
			display: flex;
			align-items: flex-start;
			justify-content: flex-start;
			}
			.fom-item dt,
			.fom-item dd {
				position: relative;
				box-sizing: border-box;
				}
			.fom-item dt {
				font-weight: 700;
				display: flex;
				align-items: center;
				justify-content: space-between;
				}
				.fom-item dt span { position: relative; }
					.fom-item dt .req {
						position: absolute;
						left: 100%;
						top: 0;
						}
			.fom-item dd { width: 100%; }
	/* Form > Parts */
	.fom-inner-list { display: flex; }
	.fom-inner-list.fww { flex-wrap: wrap; }
	.fom-inner-list.fdc { flex-direction: column; }
	.fom-cell {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		box-sizing: border-box;
		}
	.fom-cell.wfull {
		width: 100%;
		flex-wrap: wrap;
		}
	.error {
		color: rgba(255, 0, 0, 1);
		display: block;
		font-size: 80%;
		margin-bottom: 5px !important;
		width: 100%;
		}
	.req {
		color: rgba(255, 0, 0, 1);
		display: inline-flex;
		align-items: center;
		justify-content: center;
		border-radius: 5px;
		}
	/* Form > Privacy Area */
	.fom-privacyarea {
		border-bottom: 1px solid rgba(0, 0, 0, .3);
		border-top: 1px solid rgba(0, 0, 0, .3);
		text-align: center;
		}
		.fom-pa-txt { text-align: left; }
		.fom-pa-list {
			background-color: rgba(255, 255, 255, 1);
			text-align: left;
			border-radius: 10px;
			}
			.fom-pa-list dl {
				counter-increment: num;
				display: flex;
				align-items: flex-start;
				justify-content: flex-start;
				}
				.fom-pa-list dl dt {}
				.fom-pa-list dl dt:before { content: counter(num)"."; }
				.fom-pa-list dl dd {}
		.fom-pa-btn {}
	/* Form > Btn Area */
	.fom-btnarea {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		}
		.fom-ba-item {
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			box-sizing: border-box;
			}
		.fom-ba-item:before {
			background-position: center;
			background-repeat: no-repeat;
			content: '';
			position: absolute;
			top: 50%;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			transform: translateY(-50%);
			}
		/* Common > Btn Area > Scheme */
		#sendBtn:disabled,
		#submitBtn:disabled {
			background: rgba(200, 200, 200, 1);
			pointer-events: none;
			box-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
			}
		#sendBtn,
		#submitBtn {
			background: transparent linear-gradient(102deg, rgba(255, 179, 83, 1) 0%, rgba(255, 213, 0, 1) 100%) 0% 0% no-repeat padding-box;
		    color: rgba(255, 255, 255, 1);
			}
		#sendBtn:before,
		#submitBtn:before {
			background-image: url(/src/img/common/arrow/right-white.svg);
			border: 1px solid rgba(255, 255, 255, 1);
			}
		#backBtn {
			background-color: rgba(150, 150, 150, 1);
		    color: rgba(255, 255, 255, 1);
			}
		#backBtn:before {
			background-image: url(/src/img/common/arrow/left-white.svg);
			border: 1px solid rgba(255, 255, 255, 1);
			}
	/* Form > Banner Area */
	.fom-bnrarea {
		display: flex;
		justify-content: flex-end;
		}
		.fom-bna-item {
			display: inline-block;
			text-align: right;
			}
			.fom-bna-item img {}
			a.fom-bna-item p { text-decoration: underline; }
				.fom-bna-item p i {
					display: inline-block;
					margin-left: 5px;
					}
/* Form > Input */
#ls_inquiry_input .fom-btnarea { flex-wrap: wrap; }
/* Form > Confirm */
#ls_inquiry_confirm .fom-list { border-bottom: 1px solid rgba(0, 0, 0, .3); }
#ls_inquiry_confirm .fom-btnarea {
	flex-flow: row-reverse;
	flex-direction: column;
	}
/* ------------------------ */
@media (min-width: 751px) {
#inq-form {}
	/* Form > List */
	.fom-list { margin-top: 40px; }
		.fom-item { font-size: 20px; }
		.fom-item.aic { align-items: center; }
			.fom-item dt {
				min-width: 250px;
				padding: 10px 0;
				}
			.fom-item dd {}
	/* Form > Parts */
	.fom-cell { padding: 10px; }
	.fom-inner-list.fww .fom-cell { margin-right: 30px; }
	.req {
		font-size: 17px;
		padding: 0 10px;
		}
	/* Form > Scheme */
	#comment { height: 250px; }
	#zipcode,
	#tel { width: 50%; }
	/* Form > Privacy Area */
	.fom-privacyarea { padding: 35px 0 25px; }
		.fom-pa-txt {}
			.fom-pa-txt p {
				font-size: 17px;
				line-height: 1.5;
				}
		.fom-pa-list {
			margin-top: 25px;
			padding: 20px 30px;
			}
			.fom-pa-list dl {
				font-size: 16px;
				padding: 10px;
				}
				.fom-pa-list dl dt { min-width: 150px; }
				.fom-pa-list dl dd {}
		.fom-pa-btn {
			font-size: 20px;
			margin-top: 15px;
			}
	/* Form > Btn Area */
	.fom-btnarea { padding-top: 50px; }
		.fom-ba-item {
			font-size: 30px;
			height: 100px;
			padding: 0 80px;
			top: 0;
			width: 600px;
			transition: all .3s;
			}
		.fom-ba-item:before {
			background-size: 15px 15px;
			height: 25px;
			right: 30px;
			width: 25px;
			transition: all .3s;
			}
		/* Form > Btn Area > Scheme */
		#backBtn:before {
			left: 30px;
			right: auto;
			}
		/* Form > Btn Area > Hover */
		#submitBtn:disabled:hover:before,
		.fom-ba-item:hover:before { right: 30px; }
	/* Form > Banner Area */
	.fom-bnrarea {}
		.fom-bna-item {
			margin: 5px 10px;
			max-width: 100px;
			}
/* Form > Input */
#ls_inquiry_input .fom-item { padding: 35px 0; }
/* Form > Confirm */
#ls_inquiry_confirm #inq-form { padding-top: 20px; }
#ls_inquiry_confirm .fom-item { padding: 25px 0; }
	#ls_inquiry_confirm .fom-item dt { padding: 0; }
	#ls_inquiry_confirm .fom-ba-item { margin-bottom: 15px; }
}
/* ------------------------ */
@media (min-width: 751px) and (max-width: 1100px) {
	/* Form > List */
	.fom-list {}
		.fom-item { flex-wrap: wrap; }
			.fom-item dt {
				margin-right: 0;
				max-width: 400px;
				justify-content: flex-start;
				}
			.fom-item dt br.pc { display: none; }
			.fom-item dd { margin-top: 15px; }
}
/* ------------------------ */
@media (max-width: 750px) {
#inq-form { padding: 40px 20px; }
	/* Form > List */
	.fom-list { margin-top: 25px; }
		.fom-item { flex-wrap: wrap; }
			.fom-item dt {
				font-size: 18px;
				margin-right: 0;
				justify-content: flex-start;
				}
			.fom-item dd {
				font-size: 16px;
				margin-top: 10px;
				}
	/* Form > Parts */
	.fom-cell { padding: 10px 0; }
	.fom-inner-list.fww .fom-cell { margin-right: 30px; }
	.req {
		font-size: 17px;
		padding: 0 10px;
		}
	/* Form > Scheme */
	#comment { height: 200px; }
	#zipcode { width: 50%; }
	#tel { width: 100%; }
	/* Form > Privacy Area */
	.fom-privacyarea { padding: 35px 0 25px; }
		.fom-pa-txt {}
			.fom-pa-txt p {
				font-size: 13px;
				line-height: 1.75;
				}
		.fom-pa-list {
			margin-top: 20px;
			max-height: 250px;
			padding: 15px 20px;
			overflow-y: scroll;
			}
			.fom-pa-list dl {
				font-size: 12px;
				padding: 10px 0;
				flex-direction: column;
				}
				.fom-pa-list dl dt { font-weight: 700; }
				.fom-pa-list dl dd {
					margin-top: 5px;
					padding-left: 12px;
					}
		.fom-pa-btn {
			font-size: 16px;
			margin-top: 15px;
			}
	/* Form > Btn Area */
	.fom-btnarea { padding-top: 30px; }
		.fom-ba-item {
			font-size: 18px;
			letter-spacing: 1px;
			margin-bottom: 15px;
			height: 80px;
			width: 95%;
			}
		.fom-ba-item:before {
			background-size: 10px 10px;
			height: 20px;
			right: 15px;
			width: 20px;
			}
		/* Form > Btn Area > Scheme */
		#backBtn:before {
			left: 15px;
			right: auto;
			}
	/* Form > Banner Area */
	.fom-bnrarea {}
		.fom-bna-item {
			margin: 5px;
			max-width: 70px;
			}
/* Form > Input */
#ls_inquiry_input .fom-item { padding: 25px 10px 20px; }
/* Form > Confirm */
#ls_inquiry_confirm .fom-item { padding: 20px 10px; }
}

/* ---------------------------------------------------

	Thanks

--------------------------- */
#ls_inquiry_thanks {}
	.fom-thanks { margin: 0 auto; }
		.fom-thanks h2 {}
		.fom-thanks p {}
		.fom-thanks a.tel {
			display: inline-block;
			font-size: 150%;
			}
/* ------------------------ */
@media (min-width: 751px) {
#ls_inquiry_thanks {}
	.fom-thanks {
		margin-top: 50px;
		max-width: 1000px;
		padding: 0 60px;
		}
		.fom-thanks h2 {
			font-size: 30px;
			line-height: 1.5;
			}
		.fom-thanks p {
			font-size: 17px;
			line-height: 2;
			margin-top: 30px;
			}
		.fom-thanks a.tel { pointer-events: none; }
}
/* ------------------------ */
@media (max-width: 750px) {
#ls_inquiry_thanks {}
	.fom-thanks {
		margin-top: 30px;
		padding: 0 20px;
		}
		.fom-thanks h2 {
			font-size: 20px;
			line-height: 1.5;
			}
		.fom-thanks p {
			font-size: 14px;
			line-height: 2;
			margin-top: 25px;
			}
}

/* ---------------------------------------------------

	Print

--------------------------- */
@media print {}
/* ------------------------ */
@media print and (min-width: 751px) {}
/* ------------------------ */
@media print and (max-width: 750px) {}