@charset "UTF-8";
:root {
	--color-primary: #e60076;/* Pink 600 */
	--color-accent: #6d28d9;/* Violet 700 */
	--color-light-bg: #f9fafb;/* Light Gray (bg-gray-50 equivalent) */
	--color-mid-bg: #ffffff;/* White (bg-white equivalent) */
	--color-text: #1f2937;/* Dark Gray (text-gray-800 equivalent) */
}
body {
	font-family: 'Noto Sans JP', 'Inter', sans-serif;
	background-color: var(--color-light-bg);
	color: var(--color-text);
}
.cta-button-main {
	background-image: linear-gradient(to right, #e60076, #6d28d9);
	transition: all 0.3s ease;
}
.cta-button-main:hover {
	opacity: 0.9;
	box-shadow: 0 4px 15px rgba(109, 40, 217, 0.4);
	transform: translateY(-2px);
}

/* 入力フォーカス時のスタイル */
.form-input:focus {
	border-color: #e60076;
	ring-color: #e60076;
	outline: none;
	box-shadow: 0 0 0 3px rgba(190, 24, 93, 0.1);
}