@charset "UTF-8";
/* CSS Document */

.faq-list {
    border: 1px solid #EB4800;
    margin-bottom: 1em;
}

.faq-list dt{
    padding: 1em 60px 1em 70px;
    color: #EB4800;
    font-weight: 700;
    font-size: 110%;
    position: relative;
}
.faq-list dt:before {
    content: "";
    background: url("../img/icon02.svg") no-repeat center;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}
.faq-list dt:after {
    content: "";
    background: url("../img/icon04.svg") no-repeat center;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.faq-list dt.active:after {
    content: "";
    background: url("../img/icon01.svg") no-repeat center;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.faq-list dt:hover {
    background: #FFF2F2;
    cursor: pointer;
}

.faq-list dd {
    padding: 1em 1em 1em 70px;
    background: #E7F4FF;
    position: relative;
}
.faq-list dd:before {
    content: "";
    background: url("../img/icon03.svg") no-repeat center;
    background-size: contain;
    width: 34px;
    height: 34px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 1em;
    left: 20px;
}