/* 連絡方法カード */
.methods-section { padding: 80px 4%; }
.methods-container { max-width: 860px; margin: 0 auto; }
.methods-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
    margin-bottom: 70px;
}

.method-card {
    border-radius: 10px;
    padding: 35px 30px;
    text-align: center;
    border: 1px solid;
    transition: all 0.3s ease;
}
.method-card:hover { transform: translateY(-4px); }
.method-card.line-card {
    background: linear-gradient(135deg, #e8f7e8, #d0f0d0);
    border-color: #b5dcb5;
}
.method-card.mail-card {
    background: linear-gradient(135deg, #fdf0ee, #fbe4e1);
    border-color: #e1b4b0;
}
.method-icon { font-size: 2.5rem; margin-bottom: 12px; }
.method-title { font-size: 1.2rem; font-weight: 700; color: #111; margin-bottom: 8px; }
.method-desc { font-size: 0.88rem; color: #555; margin-bottom: 20px; line-height: 1.7; }
.method-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 13px 20px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 700;
    color: #fff;
}
.method-btn::before { content: '●'; font-size: 0.45rem; margin-right: 8px; }
.btn-line-green { background-color: var(--color-line); }
.btn-line-green:hover { background-color: #009900; }

.form-section .form-textarea { min-height: 160px; }
.form-section .section-header { margin-bottom: 50px; }

@media (max-width: 992px) {
    .methods-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
    .methods-section,
    .form-section { padding: 60px 20px; }
}