@charset "UTF-8";

main {
    margin-bottom: 10rem;
}

#qa a {
    color: #00449f;
    text-decoration: none;
}

#qa a:hover {
    color: #00449f;
    text-decoration: underline;
}

#qa ul {
    list-style: inside disc;
    padding-left: 0.25rem;
}

#qa ul > li::marker {
    color: #0f8bcd;
}

.accordion-box {
    margin: 2em 0;
    padding: 0;
    max-width: 800px; /*最大幅*/
}

.accordion-panel.panel-hidden {
    display: none;
}

.accordion-title {
    display: block;
    margin: 2px 0;
    padding: 11px 12px;
    width: 100%;
    background: #bdd3ef;
    color: #000;
    font-weight: bold;
    text-align: left;
    border: none;
    cursor: pointer;
    transition: all 0.5s;
}

.accordion-title:hover,
.accordion-title:focus-visible {
    background: #0f8bcd;
    color: #fff;
    transition: all 0.5s;
    outline: none;
}

.accordion-title:focus:not(:focus-visible) {
    outline: none;
}

.accordion-panel {
    height: auto;
    padding: 5px;
    background: #fff;
}

/**
 * アコーディオンの入れ子
 */
.accordion-panel .accordion-title {
    color: #696969;
    background: #eee;
}

.accordion-panel .accordion-title:hover,
.accordion-panel .accordion-title:focus-visible {
    color: #fff;
    background: #7d7d7d;
}

.accordion-panel .accordion-panel {
    padding: 10px;
}