@charset "UTF-8";

/* CustomerNote - newCustomer.php専用スタイル（openStyle.cssの基本コンポーネントを拡張、他ページには影響しません） */

.oln-req {
	color: var(--oln-red);
	margin-left: 2px;
}

.oln-hint {
	font-weight: 400;
	color: var(--oln-brown);
	font-size: 0.95rem;
}

.oln-notice {
	background: rgba(171, 154, 132, 0.12);
	border: 1px solid rgba(171, 154, 132, 0.4);
	border-radius: 12px;
	padding: 16px 18px;
	font-size: 1.2rem;
	color: var(--oln-main);
	margin-bottom: 18px;
}
.oln-notice p { margin: 0 0 8px; }
.oln-notice p:last-child { margin-bottom: 0; }
.oln-notice a { color: var(--oln-green); font-weight: 700; text-decoration: none; }
.oln-notice a:hover { text-decoration: underline; }

.oln-notice--warn {
	background: rgba(230, 0, 51, 0.06);
	border-color: rgba(230, 0, 51, 0.35);
	color: var(--oln-red);
}

.oln-required-note {
	text-align: right;
	font-size: 0.95rem;
	color: var(--oln-brown);
	margin: -6px 0 14px;
}

.oln-row2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.oln-field-hint {
	font-size: 0.95rem;
	color: var(--oln-brown);
	margin: 6px 0 0;
}

.oln-checkbox-row {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 1.1rem;
	color: var(--oln-brown);
}
.oln-checkbox-row input {
	margin-top: 3px;
	flex: none;
}

@media (max-width: 600px) {
	.oln-row2 {
		grid-template-columns: 1fr;
		gap: 16px;
	}
}