/* CSS Document */
/********************
.faq
********************/
.faq{
    text-align: center;
    counter-reset: number;
}
.sectiontitle h1 {
    font-size: 4rem;
    line-height: 1;
}
.sectiontitle .catch {
    margin-top: 3em;
    font-weight: 600;
    font-size: 1.8rem;
}
.faq .sectiontitle-line{
    text-align: center;
    line-height: 1.5;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    display: inline-block;
    padding: 0 1em;
    margin: 3em 0;
    font-size: 2rem;
}
.faq .sectiontitle-line span{
    color: #15c021;
}
.faq .faq_item {
    text-align: left;
    margin-bottom: 2em;
}
.faq .faq_item .viewmore_wrap{
    text-align: right;
    line-height: 1.3;
    margin-top: 1em;
}
.faq .faq_item .viewmore{
    border-bottom: 1px solid #000;
    display: inline-block;
}
.faq .faq_item .title_wrap {
    justify-content: flex-start;
}
.faq .faq_item .title_wrap span{
    font-weight: normal;
    display: block;
    color: #15c021;
}
.faq .faq_item .number{
    line-height: 1;
    font-style: oblique;
    margin-right: 1em;
}
.faq .faq_item .number::after{
    counter-increment: number;
    content:"#" counter(number, decimal-leading-zero);
    display: block;
    font-size: 300%;
}
.faq_caption p {
    margin-top: 1rem;
}
@media screen and (min-width:768px){
    .faq .faq_list{
        -ms-grid-columns: auto;
        grid-template-columns: auto;
        grid-column-gap: auto;
        grid-row-gap: 2em;
    }
    .faq .faq_item .flex{
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
}