@charset "utf-8";

/* ======================
   レイアウト（中央寄せ）
   ====================== */

.inquiry.parent {
    display: block;
    padding: 80px 0;
    background: #fff;
}

/* フォーム本体の幅を決めて真ん中に */
.inquiry-in {
    width: 100%;
    max-width: 640px;
    margin: 0 auto; 
    box-sizing: border-box;
    padding: 0 24px;
}

/* 念のため */
.inquiry-in.child {
    margin: 0 auto;
}

/* ======================
   見出し・リード文
   ====================== */
.inquiry-title {
    text-align: center;
    margin-bottom: 24px;
}

.inquiry-lead {
    text-align: center;
    margin-top: 32px;
    margin-bottom: 48px;
    line-height: 1.8;
}

/* ======================
   Contact Form 7 共通
   ====================== */
.inquiry-in .wpcf7 {
    width: 100%;
    box-sizing: border-box;
}

/* 今回のフォーム構造 */
.cf7-grid {
    display: grid;
    gap: 20px;
    width: 100%;
}

.cf7-grid label,
.cf7-grid fieldset {
    display: block;
    font-weight: 600;
}

/* ブラウザ標準の枠を消す */
.cf7-grid fieldset {
    border: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.cf7-grid fieldset legend {
    font-weight: 600;
    margin-bottom: 8px;
}

/* 入力欄 */
.cf7-grid input[type="text"],
.cf7-grid input[type="email"],
.cf7-grid input[type="tel"],
.cf7-grid select,
.cf7-grid textarea {
    width: 100%;
    padding: 12px 8px;
    border: none;
    border-radius: 4px;
    background: #eee;
    font-family: "Noto Sans JP", sans-serif;
    font-size: 16px;
    box-sizing: border-box;
}

/* 単体電話番号フィールド用 */
.cf7-grid input[type="tel"] {
    width: 100%;
    max-width: 360px; 
}

/* 住所 */
.cf7-grid .addr-row {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}
.cf7-grid .addr-row span {
    display: flex;
    gap: 4px;
    align-items: center;
}

/* チェックボックス */
.cf7-grid .wpcf7-list-item {
    display: inline-flex;
    gap: 4px;
    margin: 0 12px 8px 0;
}

/* 同意 */
.cf7-grid .policy-accept {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* ボタン */
.cf7-grid input[type="submit"] {
    font-family: "Noto Sans JP", sans-serif;
    border: none;
    color: #fff;
    background: #BA9C69;
    background: linear-gradient(90deg, rgba(186,156,105) 0%, 100%);
    font-weight: 600;
    display: inline-block;
    width: 100%;
    padding: 16px;
    transition: 0.2s;
    border-radius: 4px;
    cursor: pointer;
}
.cf7-grid input[type="submit"]:hover {
    opacity: .8;
}

/* ======================
   レスポンシブ
   ====================== */
@media (max-width: 599px) {
    .inquiry.parent {
        padding: 56px 0;
    }
    .inquiry-in {
        max-width: 100%;
        padding: 0 16px;
    }
    .cf7-grid .tel-split {
        flex-direction: column;
        align-items: stretch;
    }
    .cf7-grid .addr-row {
        flex-direction: column;
    }
    .cf7-grid .wpcf7-list-item {
        display: flex;
    }
}