.arrow {
    transition: transform 0.3s ease-in-out;
}

.accordion-toggle.open .arrow {
    transform: rotate(180deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
}

/* 768px以上の画面幅ではアコーディオンを無効化 */
@media screen and (min-width: 768px) {
    .accordion-toggle {
        display: none; /* ボタンを非表示 */
    }

    .arrow {
    display: none; /* 矢印を非表示 */
    }

    .accordion-content {
        max-height: none !important; /* コンテンツを常に表示 */
    }
}