/* style_contact.css */


/* ===== お問い合わせ 固有スタイル ===== */

/* ===== ヒーロー ===== */
.page-hero{padding:56px 56px 48px;border-bottom:1px solid var(--paper3);}
.page-hero-en{font-size:11px;letter-spacing:0.2em;color:var(--en);margin-bottom:10px;}
.page-hero-title{font-size:32px;font-weight:600;color:var(--ink);letter-spacing:0.05em;margin-bottom:16px;}
.page-hero-desc{font-size:14px;color:var(--ink-mid);line-height:2;max-width:640px;}

    /* ===== レスポンシブ（768px） ===== */
    @media screen and (max-width: 767px) {
        .page-hero{
          padding: 40px 24px;
        }
        .page-hero-en{
        }
        .page-hero-title{
          font-size: 24px;
          margin-bottom:12px;
        }
    }

/* ===== メインコンテンツ ===== */
.contact-sec{max-width:800px;margin:0 auto;padding:64px 56px 80px;}

.contact-intro{font-size:14px;color:var(--ink-mid);line-height:2.2;margin-bottom:56px;padding:28px 32px;background:var(--paper2);border-left:3px solid var(--en);}

/* ===== お問い合わせカード ===== */
.contact-cards{display:flex;flex-direction:column;gap:24px;}

.contact-card{border:1px solid var(--paper3);background:var(--paper);padding:36px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;text-decoration:none;color:inherit;transition:all 0.25s;position:relative;overflow:hidden;}
.contact-card::before{content:'';position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--en);transform:scaleY(0);transition:transform 0.3s ease;transform-origin:bottom;}
.contact-card:hover{background:var(--en-pale);box-shadow:0 4px 20px rgba(139,26,26,0.08);}
.contact-card:hover::before{transform:scaleY(1);}

.contact-card-body{flex:1;}
.contact-card-num{font-size:10px;letter-spacing:0.2em;color:var(--en);margin-bottom:10px;text-transform:uppercase;}
.contact-card-title{font-size:20px;font-weight:600;color:var(--ink);letter-spacing:0.04em;margin-bottom:10px;}
.contact-card-desc{font-size:13px;color:var(--ink-mid);line-height:1.9;}

.contact-card-btn{flex-shrink:0;display:flex;align-items:center;gap:10px;background:var(--en);color:#fff;padding:14px 28px;font-size:13px;letter-spacing:0.08em;white-space:nowrap;transition:background 0.2s;}
.contact-card-btn::after{content:'→';font-size:14px;}
.contact-card:hover .contact-card-btn{background:var(--en-deep);}

/* ===== 注意書き ===== */
.contact-note{margin-top:48px;padding:24px 28px;border:1px solid var(--paper3);font-size:12px;color:var(--ink-lt);line-height:2;}
.contact-note-title{font-size:13px;color:var(--ink-mid);font-weight:500;margin-bottom:8px;}





/* ===== レスポンシブ ===== */
@media screen and (max-width: 767px) {


    .contact-sec { padding: 48px 24px; }

    .contact-card{
        flex-direction: column;
        align-items: stretch;
    }
    .contact-card-btn{
        justify-content: center;
    }
    .contact-card .ExtIcon{
        display: none;
    }


}