@charset "UTF-8";

/*******************************
faq
*******************************/
#faq #wrap {
    padding: 0;
    width: 1200px;
    max-width: 95%;
    margin: 0 auto 2em;
}

#faq #wrap ul li {
    display: flex;
    border-bottom: 1px solid #ddd;
}

#faq #wrap ul li .icon01 {
    font-family: 'WindSong', cursive;
    font-size: 175%;
    color: #e1536b;
    width: 16%;
    font-weight: 900;
    padding-top: 0.25em;
}

#faq #wrap ul li a {
    width: 84%;
    padding: 0.75em 0;
    opacity: 0.85;
}

#faq #wrap ul li a strong {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#faq #wrap ul li a:hover strong {
    color: #e1536b;
}

/*******************************
answer
*******************************/
#faq #wrap.answer {
    margin-top: 1.25em;
}

#faq #wrap.answer section a {
    display: inline-block;
    border-bottom: 1px solid #e1536b;
}

#faq #wrap.answer .qa01 h2 {
    font-size: 125%;
    color: #e1536b;
    display: flex;
    align-items: flex-start;
}

#faq #wrap.answer .qa01 h2 span {
    font-family: 'WindSong', cursive;
    font-weight: 900;
    font-size: 125%;
    width: 15%;
}

#faq #wrap.answer .qa01 h2 strong {
    width: 85%;
}

#faq #wrap.answer .qa01 .box01 {
    display: flex;
    align-items: flex-start;
    margin-top: 1em;
}

#faq #wrap.answer .qa01 .box01 .icon {
    font-family: 'WindSong', cursive;
    font-weight: 900;
    font-size: 200%;
    width: 15%;
    color: #09cac0;
    margin-top: -0.25em;
}

#faq #wrap.answer .qa01 .box01 .inner {
    width: 85%;
}

#faq #wrap.answer .qa02 {
    margin-top: 1.5em;
    border-top: 1px solid #ddd;
    padding-top: 1.25em;
}

#faq #wrap.answer .qa02 h2 {
    font-size: 120%;
    color: #e1536b;
    margin-bottom: 0.5em;
}