/* ====== 問い合わせフォーム（iq.php）を広く・見やすく ====== */
#footerFloatContent #inquiryForm, #inquiryForm {
	max-width: 980px;
	margin: 0 auto;
	padding: 20px 16px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 18px 24px;
}
#footerFloatContent #inquiryForm > br, #inquiryForm > br {
	display: none;
}
#footerFloatContent #inquiryForm label, #inquiryForm label {
	display: block;
	font-weight: 600;
	color: #444;
}
#footerFloatContent #inquiryForm input[type="text"],
#footerFloatContent #inquiryForm input[type="email"],
#footerFloatContent #inquiryForm input[type="url"],
#footerFloatContent #inquiryForm select,
#footerFloatContent #inquiryForm textarea,
#inquiryForm input[type="text"],
#inquiryForm input[type="email"],
#inquiryForm input[type="url"],
#inquiryForm select,
#inquiryForm textarea {
	margin-top: 8px;
	width: 100%;
	box-sizing: border-box;
	padding: 12px 14px;
	border: 1px solid #d0d0d0;
	border-radius: 10px;
	background: #fff;
	font-size: 1rem;
	line-height: 1.45;
	transition: border-color .15s ease, box-shadow .15s ease;
}
#footerFloatContent #inquiryForm textarea,
#inquiryForm textarea {
	min-height: 14em;
	resize: vertical;
}
#footerFloatContent #inquiryForm input:focus,
#footerFloatContent #inquiryForm select:focus,
#footerFloatContent #inquiryForm textarea:focus,
#inquiryForm input:focus,
#inquiryForm select:focus,
#inquiryForm textarea:focus {
	border-color: #7aa7ff;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(122,167,255,.25);
}
#footerFloatContent #inquiryForm :required:invalid,
#inquiryForm :required:invalid {
	border-color: #e28080;
}
#footerFloatContent #inquiryForm label:has(textarea),
#inquiryForm label:has(textarea) {
	grid-column: 1 / -1;
}
#footerFloatContent #confirmInquiry,
#inquiryForm #confirmInquiry {
	grid-column: 1 / -1;
	justify-self: end;
	align-self: start;
	padding: 12px 20px;
	border-radius: 12px;
	border: 0;
	font-weight: 800;
	font-size: 1rem;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(180deg, #ffab3d, #ff8a00);
	box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 6px 16px rgba(255,138,0,.25);
	transition: transform .06s ease, filter .15s ease;
}
#footerFloatContent #confirmInquiry:hover,
#inquiryForm #confirmInquiry:hover {
	filter: brightness(1.02);
}
#footerFloatContent #confirmInquiry:active,
#inquiryForm #confirmInquiry:active {
	transform: translateY(1px);
}
#footerFloatContent H3 {
	margin: 8px auto 12px;
	max-width: 980px;
	font-size: 1.15rem;
	font-weight: 800;
	letter-spacing: .02em;
}
#footerFloatContent UL {
	list-style: none;
	margin: 0 auto;
	padding: 0 16px 8px;
	max-width: 980px;
}
#footerFloatContent UL LI {
	display: grid;
	grid-template-columns: max(160px, 22%) 1fr;
	gap: 8px 16px;
	padding: 10px 0;
	border-bottom: 1px dotted #e5e5e5;
	white-space: pre-wrap;
}
#footerFloatContent UL LI STRONG {
	justify-self: end;
	color: #666;
}
#footerFloatContent .iq-actions {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	max-width: 980px;
	margin: 12px auto 4px;
	padding: 0 16px;
}
#footerFloatContent #iqBackBtn,
#footerFloatContent #iqSubmitBtn {
	padding: 12px 18px;
	border-radius: 10px;
	font-weight: 700;
	border: 0;
	cursor: pointer;
}
#footerFloatContent #iqBackBtn {
	background: #e9edf7; color: #2a4a8a;
}
#footerFloatContent #iqSubmitBtn {
	background: #2a77ff; color: #fff;
}
#footerFloatContent #iqBackBtn:hover {
	filter: brightness(1.03);
}
#footerFloatContent #iqSubmitBtn:hover {
	filter: brightness(1.05);
}
#footerFloatContent #confirmInquiry,
#inquiryForm #confirmInquiry {
	justify-self: start;
	padding: 12px 20px;
	border-radius: 12px;
	border: 0;
	font-weight: 800;
	font-size: 1rem;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(180deg, #ffab3d, #ff8a00);
	box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 6px 16px rgba(255,138,0,.25);
	transition: transform .06s ease, filter .15s ease;
}
#footerFloatContent #confirmInquiry:hover,
#inquiryForm #confirmInquiry:hover {
	filter: brightness(1.02);
}
#footerFloatContent #confirmInquiry:active,
#inquiryForm #confirmInquiry:active {
	transform: translateY(1px);
}
#footerFloatContent .iq-actions {
	justify-content: flex-start;
}
#footerFloatContent #iqBackBtn,
#footerFloatContent #iqSubmitBtn {
	padding: 12px 18px;
	border-radius: 10px;
	font-weight: 700;
	border: 0;
	cursor: pointer;
	color: #fff;
	background: linear-gradient(180deg, #ffab3d, #ff8a00);
	box-shadow: 0 1px 0 rgba(0,0,0,.12), 0 6px 16px rgba(255,138,0,.25);
	transition: transform .06s ease, filter .15s ease;
}
#footerFloatContent #iqBackBtn:hover,
#footerFloatContent #iqSubmitBtn:hover {
	filter: brightness(1.02);
}
#footerFloatContent #iqBackBtn:active,
#footerFloatContent #iqSubmitBtn:active {
	transform: translateY(1px);
}
.ABTN {
	padding: 10px 16px;
	border-radius: 10px;
	border: 0;
	background: linear-gradient(180deg, #ffab3d, #ff8a00);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}
.OBTN {
	padding: 10px 16px;
	border-radius: 10px;
	border: 0;
	background: linear-gradient(180deg, #ffab3d, #ff8a00);
	color: #fff;
	font-weight: 700;
	cursor: pointer;
}