.accordion-button {
    background-color:  #e6e9ec !important;
    xcolor: #fff !important;
    font-weight: bold !important;
    xfont-size: 1.4rem !important;
    border-radius: none !important;
    transition: 0.3s;
    xborder: 1px solid #b4b7bb;
    border: 1px solid #808080 !important;
}
/* ACCORDION h2 margin CANCEL ページレベルでhのpadding-topをしていしているためここでキャンセルが必要 -------------- */
.accordion h3 {
    padding-top: 0 !important;
}



/* NO-BORDER */
.accordion-button:focus {
box-shadow: none !important;
border: 1px solid #b4b7bb !important;
}


.accordion-button:hover {
background-color: rgb(70, 131, 223) !important;
transition: 0.3s;
}
.accordion-button::after {
color: #fff !important;
}

.accordion-button:not(.collapsed) {
    xcolor: inherit;
    /* デフォルトだと青色になるので、通常と同じ文字色にする */
    background-color: #c8d1e2 !important;
    color: black !important;
    /* 背景色青色にならないようにする */
        }
        .accordion-button:not(.collapsed):hover {
            xcolor: inherit;
            /* デフォルトだと青色になるので、通常と同じ文字色にする */
            background-color: rgb(70, 131, 223) !important;
            /* 背景色青色にならないようにする */
                }



.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E") !important;
    transition: all 0.5s;
}
.accordion-button:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='White' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z'/%3E%3C/svg%3E") !important;
    transition: all 0.5s;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='currentColor' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E") !important;
}

.accordion-button:not(.collapsed):hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='White' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8Z'/%3E%3C/svg%3E") !important;
}



/* ICON ACTION 
.accordion-button:not(.collapsed)::after {
    background-color: #d2153d;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    transform: rotate(180deg);
    background-size: auto;
    background-position: center;
    }
    .accordion-button:not(.collapsed):hover::after {
        xbackground-color: #501925;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        xtransform: rotate(180deg);
        background-size: auto;
        background-position: center;
        }
        
        
        
    .accordion-button.collapsed::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-size: auto;
    background-position: center;
    xcolor: #213bad;
    xbackground-color: rgb(54, 174, 211);
    }
    
 
    .accordion-button:hover::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
        xcolor: white;
    }

*/