/* アコーディオンアニメーション */
.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.accordion-content:not(.hidden) {
    border-top: 1px solid #e5e7eb;
    padding-top: 1rem;
}

/* 矢印アイコンのアニメーション */
.accordion-trigger svg {
    transition: transform 0.3s ease;
}

.accordion-trigger svg.rotate-180 {
    transform: rotate(180deg);
}

/* ボタンのアイコン配置 */
.accordion-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
}

.accordion-trigger .text {
    margin-right: 0.5rem;
}

/* プランカードのアニメーション */
.price-plan {
    transition: all 0.3s ease;
}

.price-plan:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}