/* 聯絡我們・民宿訂房諮詢：本頁專屬樣式 */
.contact-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8%;
}

.contact-card {
    background:var(--sage-light);
    padding:40px;
    border-radius:150px 150px 20px 20px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.contact-card .big-phone {
    font-size:clamp(25px,3.3vw,44px);
    font-family:var(--serif);
}

@media(max-width:760px) {
    .contact-grid {
        grid-template-columns:1fr;
        gap:45px;
    }
    .contact-card {
        padding:60px 25px;
    }
}

.contact-card {
    background:url('../images/fac/roof-pattern.svg') repeat,#a85031;
    color:#fff9ed;
    border:8px solid #f0d5a5;
    outline:1px solid #b9824e;
    border-radius:160px 160px 25px 25px;
}

.page-contact .contact-card h2,.page-contact .contact-card .eyebrow {
    color:#ffe2a9;
}

.contact-card .button {
    background:#ffe1a7;
    color:#703f24;
}

.contact-card .text-link {
    color:#fff9ed;
    border-color:#e6bd89;
}

.contact-options {
    align-self: center;
}

.contact-method {
    padding: 24px 0;
    border-bottom: 1px solid var(--line);
}

.contact-method:last-child {
    border-bottom: 0;
}

.contact-method h3 {
    color: var(--rust);
    margin-bottom: 10px;
}

.line-id {
    display: inline-block;
    padding: 12px 18px;
    border-radius: 12px;
    background: #e8ecd9;
    color: #294b4c;
    overflow-wrap: anywhere;
}