/* フォーム専用の追加スタイル */
        body {
            background-color: #f3f4f6; /* LPのセクション背景色に合わせる */
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            padding: 20px;
            font-family: 'Noto Sans JP', 'Inter', sans-serif; /* LPのbodyフォントを明示的に指定 */
        }
        .form-container {
            background-color: #ffffff;
            border-radius: 1rem;
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            padding: 2.5rem;
            max-width: 600px;
            width: 100%;
            text-align: center;
        }
        .form-input {
            width: 100%;
            padding: 0.75rem;
            margin-bottom: 1rem;
            border: 1px solid #d1d5db;
            border-radius: 0.5rem;
            font-size: 1rem;
            font-family: inherit; /* 親要素からフォントを継承 */
        }
        .form-textarea {
            width: 100%;
            padding: 0.75rem;
            margin-bottom: 1rem;
            border: 1px solid #d1d5db;
            border-radius: 0.5rem;
            font-size: 1rem;
            font-family: inherit; /* 親要素からフォントを継承 */
            min-height: 120px;
            resize: vertical;
        }
        .form-label {
            display: block;
            text-align: left;
            margin-bottom: 0.5rem;
            font-weight: 600;
            color: #374151;
            font-family: inherit; /* 親要素からフォントを継承 */
        }
        .btn-submit {
            background-color: #FF7043; /* LPのCTAボタンの色 */
            color: white;
            font-weight: bold;
            padding: 1rem 2.5rem;
            border-radius: 9999px; /* fully rounded */
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: background-color 0.3s ease, box-shadow 0.3s ease;
            width: 100%;
            cursor: pointer;
            font-family: inherit; /* 親要素からフォントを継承 */
        }
        .btn-submit:hover {
            background-color: #E65100; /* LPのCTAボタンのhover色 */
            box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15);
        }
        .close-button {
            background-color: #6b7280; /* Close button color */
            color: white;
            font-weight: bold;
            padding: 0.75rem 2rem;
            border-radius: 0.5rem;
            margin-top: 1rem;
            cursor: pointer;
            transition: background-color 0.3s ease;
            font-family: inherit; /* 親要素からフォントを継承 */
        }
        .close-button:hover {
            background-color: #4b5563;
        }
        .form-title {
            font-size: clamp(1.8rem, 4vw, 2.5rem);
            font-weight: 700;
            color: #212121;
            margin-bottom: 2rem;
            font-family: inherit; /* 親要素からフォントを継承 */
        }

		        /* カスタムラジオボタンのスタイル */
        .radio-option {
            display: block;
            margin-bottom: 0.75rem;
        }
        .radio-option input[type="radio"] {
            /* デフォルトのラジオボタンを隠す */
            position: absolute;
            opacity: 0;
            width: 0;
            height: 0;
        }
        .radio-option label {
            display: flex;
            align-items: center;
            padding: 0.75rem 1rem;
            border: 2px solid #d1d5db;
            border-radius: 0.5rem;
            cursor: pointer;
            transition: all 0.2s ease-in-out;
            font-weight: 500;
            color: #374151;
            font-family: inherit; /* 親要素からフォントを継承 */
        }
        .radio-option label:hover {
            background-color: #f9fafb;
            border-color: #9ca3af;
        }
        .radio-option input[type="radio"]:checked + label {
            background-color: #e0f2f7; /* 明るい青緑 */
            border-color: #0078D4; /* 強調色 */
            color: #1f2937;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
        }
        .radio-option label::before {
            content: '';
            display: inline-block;
            width: 1.25rem;
            height: 1.25rem;
            border: 2px solid #9ca3af;
            border-radius: 50%;
            margin-right: 0.75rem;
            transition: all 0.2s ease-in-out;
            box-sizing: border-box;
        }
        .radio-option input[type="radio"]:checked + label::before {
            background-color: #0078D4; /* 選択時の塗りつぶし色 */
            border-color: #0078D4;
            box-shadow: inset 0 0 0 4px #e0f2f7; /* 内部の白いリング */
        }