.section-faq{
    background-color: #F2F4F5;
}

.faq-contents h5{
    font-weight: bold;
    font-size: 1.875rem;
}

.faq-dlist dt {
/*    margin-top: 40px;
    font-weight: 500;
    line-height: 1.5;
    color: #0755A7;
    background-color: #fff;
    border-radius: 6px;
    padding: 24px;
    position: relative;
    	*/
}

.faq-dlist dt::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: #0755A7;
    border-radius: 50%;
    left: -12px;
    top: -12px;
}

.faq-dlist dt::after {
    content: "Q";
    position: absolute;
    font-size: 1.125rem;
    line-height: 2;
    font-weight: 700;
    font-family: "Arial", "メイリオ";
    color: #fff;
    left: -12px;
    top: -12px;
    width: 36px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    place-content: center;
}

.faq-dlist dd {
    margin: 6px 0 0;
    line-height: 1.5;
    background-color: #fff;
    border-radius: 6px;
    padding: 24px;
    position: relative;
}

.faq-dlist dd::before {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-color: #E66977;
    border-radius: 50%;
    left: -12px;
    top: -12px;
}

.faq-dlist dd::after {
    content: "A";
    position: absolute;
    font-size: 1.125rem;
    line-height: 2;
    font-weight: 700;
    font-family: "Arial", "メイリオ";
    color: #fff;
    left: -12px;
    top: -12px;
    width: 36px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    place-content: center;
}

@media screen and (min-width: 768px) {
    .faq-contents {
        max-width: 960px;
        margin: 0 auto;
        padding-bottom: 120px;
    }
}

