@charset "utf-8";

/**********************************************/
/**/
/**********************************************/

/*よくある質問*/
.faq {
    margin: 30px 0;
}
.faq dl {
    margin: 0;
    padding: 20px 30px;
    border-radius: 10px;
    background-color: #e8ecf0;
}
.faq dl~dl {
    margin-top: 20px;
}

.faq dt {
    min-height: 24px;
    font-family: 游ゴシック体, 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック', Meiryo, 'メイリオ', sans-serif;

    /*14-18*/
    font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
    color: #425b76;
    font-weight: bold;    
}

.faq dt::before {
    content: "Q.";
    font-weight: bold;
    margin-right: 10px;
}
.faq dd {
    margin: 20px 0 0 0;
    border-top: 1px #425b76 dotted;
    padding-top: 20px;
    padding-left: 20px;
}
.faq dd::before {
    content: "A. 回答";
    font-weight: bold;
    font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
}
.faq dt.plus-on {
    /*16-22*/
    font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
    transition: all .5s;
    padding-right: 50px;
    color: #000;
}


/****************************/
/*レスポンシブ*/
/****************************/
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 980px) {
}

@media screen and (max-width: 780px) {
}

@media screen and (max-width: 580px) {
    .faq dl {
        padding: 20px 20px;
    }
    .faq dd {
        padding-left: 0px;
    }
    .faq dd ul {
        margin-left: 20px;
        padding-left: 0;
    }
    .faq dl~dl {
        margin-top: 10px;
    }
}

@media screen and (max-width: 380px) {
}