/* =============================================
   お問い合わせページ（contact）専用CSS
   ページID: 2524
   更新日: 2026/01/27
============================================= */

/* ----- reCAPTCHAバッジ非表示 ----- */
.grecaptcha-badge {
    visibility: hidden !important;
}

/* ----- フッターバナー非表示 ----- */
#myFooterBanner {
    display: none !important;
}

/* ----- 相談票PDFダウンロードリンク ----- */
.post_content a[href$=".pdf"] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 10px 18px;
    background: #b71c1c;
    border: none;
    border-radius: 4px;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    transition: all 0.2s;
}

.post_content a[href$=".pdf"]::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23ffffff"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6zm-1 2l5 5h-5V4zM6 20V4h6v7h7v9H6z"/><path d="M12 18l4-4h-3v-4h-2v4H8l4 4z"/></svg>') no-repeat center;
    background-size: contain;
}

.post_content a[href$=".pdf"]:hover {
    background: #8b1515;
}

/* ----- フォーム全体のボックス ----- */
.wpcf7 {
    padding: 40px;
}

/* ----- brタグを非表示（余白の原因） ----- */
.wpcf7-form br {
    display: none;
}

/* ----- 項目間の間隔 ----- */
.wpcf7-form label {
    display: block;
    margin-bottom: 20px !important;
    font-size: 18px;
    font-weight: bold;
    color: #333;
}

/* ----- 入力欄 ----- */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    margin-top: 8px;
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 16px;
    background: #fff;
    box-sizing: border-box;
    transition: border-color 0.2s;
}

.wpcf7 input:focus,
.wpcf7 textarea:focus {
    border-color: #1a7335;
    outline: none;
}

/* ----- テキストエリア高さ ----- */
.wpcf7 textarea {
    min-height: 150px;
    resize: vertical;
}

/* ----- 送信ボタン ----- */
.wpcf7 .wpcf7-submit {
    display: block;
    width: 100%;
    max-width: 280px;
    margin: 8px auto 12px;
    padding: 16px 32px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
}

/* ----- reCAPTCHA表記 ----- */
.wpcf7-form > p:last-of-type {
    font-size: 11px !important;
    color: #999 !important;
    text-align: center;
    margin-top: 0;
}

/* =============================================
   スマートフォン対応（768px以下）
============================================= */
@media screen and (max-width: 768px) {
    
    /* ----- フォームの枠・内側余白を削除 ----- */
    .wpcf7 {
        padding: 0 !important;
        margin: 0 !important;
        background: none !important;
        border: none !important;
        box-shadow: none !important;
    }
    
    /* フォームを囲んでいる親要素も */
    .post_content .wpcf7,
    .entry-content .wpcf7,
    .wpcf7-form {
        padding: 0 !important;
        margin: 0 !important;
        border: none !important;
        background: transparent !important;
    }
    
    /* ----- ラベル調整 ----- */
    .wpcf7-form label {
        font-size: 16px;
        margin-bottom: 16px !important;
    }
    
    /* ----- 入力欄 ----- */
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 input[type="tel"],
    .wpcf7 textarea {
        padding: 14px;
        font-size: 16px;
    }
    
    /* ----- 送信ボタン ----- */
    .wpcf7 .wpcf7-submit {
        max-width: 100%;
        padding: 18px 24px;
    }
    
    /* ----- PDFボタン ----- */
    .post_content a[href$=".pdf"] {
        width: 100%;
        justify-content: center;
        padding: 14px 20px;
        box-sizing: border-box;
    }
}

/* =============================================
   フッターバナー非表示時の余白調整
============================================= */
/* フッターバナーの親要素の余白も削除 */
.page-id-2524 footer,
.page-id-2524 .l-footer,
.page-id-2524 .p-footer {
    padding-bottom: 0 !important;
}

/* フッターバナー用のスペースを削除 */
.page-id-2524 #myFooterBanner,
.page-id-2524 .footer-banner-space {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ----- bodyのpadding-bottom削除（フッターバナー非表示のため） ----- */
body.page-id-2524 {
    padding-bottom: 0 !important;
}