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

#sidenavi .navi li:nth-child(3) a{
    background-color: #e98097;
}
#detail .faq{
    text-align: justify;
    padding-bottom: 4em;
}
#detail .faq h3{
    font-size: 2rem;
    font-weight: 500;
    padding: 3em 0 1em 0;
}
#detail .faq h3:first-child{
    padding: 1em 0;
}
#detail .faq dl{
    background-color: #fff;
    border: 1px solid #d4d4d4;
    padding: 1.5em 2em;
    border-radius: 1em;
    margin-bottom: 1em;
}
#detail .faq dt{
    font-size: 1.8rem;
    font-weight: 500;
    position: relative;
    padding: 0 0 0.2em 2em;
}
#detail .faq dd{
    position: relative;
    padding: 1em 0 0 2.3em;
    display: none;
}
#detail .faq dt:before,#detail .faq dd:before{
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    color: #4dafd3;
    font-size: 2.6rem;
    line-height: 1.4;
    position: absolute;
    left: 0;
}
#detail .faq dt:before{
    content: "Q";
}
#detail .faq dd:before{
    content: "A";
}
#detail .faq dt:after{
    content: "＋";
    color: #4dafd3;
    font-size: 2.6rem;
    line-height: 1.4;
    position: absolute;
    right: 0;
}
#detail .faq dt.open:after{
    content: "ー";
}

@media only screen and (max-width: 768px) {
#detail .faq{
    padding-bottom: 4em;
}
#detail .faq h3{
    font-size: 1.8rem;
    padding: 2em 0 1em 0;
}
#detail .faq h3:first-child{
    padding: 0 0 1em 0;
}
#detail .faq dl{
    padding: 1.3em 1em;
}
#detail .faq dt{
    font-size: 1.6rem;
    line-height: 1.5;
    padding: 0 2em 0.2em 2em;
}
#detail .faq dd{
    padding: 1em 0 0 2.3em;
}
#detail .faq dt:before,#detail .faq dd:before{
    line-height: 1.2;
    left: 0;
}
#detail .faq dt:after{
    font-size: 2.2rem;
    line-height: 1.2;
    right: 0;
    top: 0;
}
    
}