/* ─ CONTACT ページ専用スタイル ─ */

        /* 選別基準ブロック */
        .filter-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 1px;
            background-color: #EEE;
            margin: 60px 0;
        }
        .filter-col {
            background-color: var(--white);
            padding: 50px 40px;
        }
        .filter-col.no {
            background-color: var(--light-gray);
        }
        .filter-col .col-header {
            font-size: 0.7rem;
            letter-spacing: 0.25em;
            color: var(--gray);
            display: block;
            margin-bottom: 30px;
        }
        .filter-col.yes .col-header {
            color: var(--blue);
        }
        .filter-col ul {
            list-style: none;
            padding: 0;
        }
        .filter-col ul li {
            font-size: 0.875rem;
            line-height: 1.8;
            padding: 14px 0;
            border-bottom: 1px solid #EEE;
            color: var(--black);
        }
        .filter-col ul li:last-child {
            border-bottom: none;
        }
        .filter-col.no ul li {
            color: var(--gray);
        }

        /* フォームエリア */
        .form-area {
            max-width: 680px;
            margin-top: 80px;
        }
        .form-row {
            margin-bottom: 40px;
        }
        .form-row label {
            display: block;
            font-size: 0.75rem;
            letter-spacing: 0.15em;
            color: var(--gray);
            margin-bottom: 10px;
        }
        .form-row input,
        .form-row textarea,
        .form-row select {
            width: 100%;
            padding: 14px 0;
            border: none;
            border-bottom: 1px solid #DDD;
            background: transparent;
            font-family: "Noto Sans JP", sans-serif;
            font-size: 0.9rem;
            color: var(--black);
            outline: none;
            transition: border-color 0.3s;
            -webkit-appearance: none;
        }
        .form-row input:focus,
        .form-row textarea:focus,
        .form-row select:focus {
            border-bottom-color: var(--blue);
        }
        .form-row textarea {
            resize: none;
            height: 120px;
            line-height: 2.0;
        }
        .form-submit {
            margin-top: 60px;
        }
        .form-submit button {
            display: inline-block;
            padding: 16px 60px;
            border: 1px solid var(--blue);
            background: transparent;
            color: var(--blue);
            font-family: "Noto Sans JP", sans-serif;
            font-size: 0.85rem;
            letter-spacing: 0.15em;
            cursor: pointer;
            transition: 0.3s;
        }
        .form-submit button:hover {
            background: var(--blue);
            color: var(--white);
        }
        .form-note {
            margin-top: 24px;
            font-size: 0.75rem;
            color: var(--gray);
            line-height: 2.0;
        }

        @media (max-width: 768px) {
            .filter-grid { grid-template-columns: 1fr; }
            .filter-col { padding: 35px 24px; }
        }